From a24df436a6142fa1004f22562217c766e1da862a Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Wed, 10 Sep 2025 17:29:47 +0100
Subject: [PATCH 01/16] Add an empty extruder route

---
 src/routes/Extruder.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/routes/Extruder.tsx

diff --git a/src/routes/Extruder.tsx b/src/routes/Extruder.tsx
new file mode 100644
index 0000000..55e2221
--- /dev/null
+++ b/src/routes/Extruder.tsx
@@ -0,0 +1,19 @@
+import { Box, Typography, useTheme } from "@mui/material";
+
+export function Extruder() {
+  const theme = useTheme();
+  return (
+    <Box marginTop={2}>
+      <Typography
+        variant="h1"
+        sx={{
+          color: theme.palette.info.main,
+          fontSize: 24,
+          fontWeight: "fontWeightBold",
+        }}
+      >
+        Extruder Data Collection Setup
+      </Typography>
+    </Box>
+  );
+}

From 092bbc6debe144497e61dafb44a16d022aa96437 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Wed, 10 Sep 2025 17:31:18 +0100
Subject: [PATCH 02/16] Add route

---
 src/App.tsx                     | 4 ++++
 src/components/SerialNavBar.tsx | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index db97a56..37e3916 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import { Switch, Route } from "react-router-dom";
 import { BeamlineI24 } from "./routes/BeamlineI24";
 import { FixedTarget } from "./routes/FixedTarget";
 import { SerialNavBar } from "./components/SerialNavBar";
+import { Extruder } from "./routes/Extruder";
 
 function App() {
   const theme = useTheme();
@@ -29,6 +30,9 @@ function App() {
         <Route path="/fixed-target">
           <FixedTarget />
         </Route>
+        <Route path="/extruder">
+          <Extruder />
+        </Route>
       </Switch>
       <Footer
         logo={theme.logos?.short}
diff --git a/src/components/SerialNavBar.tsx b/src/components/SerialNavBar.tsx
index 616afb7..fea2063 100644
--- a/src/components/SerialNavBar.tsx
+++ b/src/components/SerialNavBar.tsx
@@ -24,6 +24,9 @@ export function SerialNavBar() {
         <NavLink linkComponent={Link} to="/fixed-target">
           Fixed Target
         </NavLink>
+        <NavLink linkComponent={Link} to="/extruder">
+          Extruder
+        </NavLink>
       </NavLinks>
     </Navbar>
   );

From ce55c649a6b3fecd69151642a3390428ee551066 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Fri, 19 Sep 2025 16:09:51 +0100
Subject: [PATCH 03/16] Start reordering things

---
 .../FixedTargetMapComponents.tsx}             | 179 +----------------
 .../FixedTarget/PumpProbeComponents.tsx       | 187 ++++++++++++++++++
 src/screens/CollectionPanel.tsx               |   3 +-
 3 files changed, 190 insertions(+), 179 deletions(-)
 rename src/components/{CollectionComponents.tsx => FixedTarget/FixedTargetMapComponents.tsx} (64%)
 create mode 100644 src/components/FixedTarget/PumpProbeComponents.tsx

diff --git a/src/components/CollectionComponents.tsx b/src/components/FixedTarget/FixedTargetMapComponents.tsx
similarity index 64%
rename from src/components/CollectionComponents.tsx
rename to src/components/FixedTarget/FixedTargetMapComponents.tsx
index eef7328..764100a 100644
--- a/src/components/CollectionComponents.tsx
+++ b/src/components/FixedTarget/FixedTargetMapComponents.tsx
@@ -2,16 +2,11 @@ import {
   Box,
   Button,
   ButtonGroup,
-  Checkbox,
   Dialog,
-  DialogContent,
-  DialogContentText,
-  DialogTitle,
   FormControl,
   InputLabel,
   MenuItem,
   Select,
-  FormControlLabel,
   Stack,
   TextField,
   ToggleButton,
@@ -19,179 +14,7 @@ import {
   Tooltip,
 } from "@mui/material";
 import React from "react";
-import { calculateEAVA, EavaRequest, MapTypes } from "./params";
-
-/**
- * Opens a dilog showing the calculated laser delay to set for each EAVA setting, given the laser
- * exposure time and collection exposure time.
- *
- * @param {number} laserDwell - laser exposure time
- * @param {number} expTime - collection exposure time
- */
-export function PumpProbeDialog(props: EavaRequest) {
-  const [open, setOpen] = React.useState(false);
-
-  const handleClickOpen = () => {
-    setOpen(true);
-  };
-
-  const handleClose = () => {
-    setOpen(false);
-  };
-
-  return (
-    <React.Fragment>
-      <Tooltip
-        title="Calculate the optimal delay to set for Repeat# Excite And Visit Again settings"
-        placement="bottom"
-      >
-        <Button color="custom" variant="outlined" onClick={handleClickOpen}>
-          EAVA calculator
-        </Button>
-      </Tooltip>
-      <Dialog open={open} onClose={handleClose}>
-        <DialogTitle>EAVA: Excite And Visit Again</DialogTitle>
-        <DialogContent>
-          <DialogContentText>
-            Calculate the laser delay for each Excite And Visit Again setting
-            from laser dwell time and exposure time.
-          </DialogContentText>
-          <Stack direction={"column"} spacing={1} alignItems={"center"}>
-            <p>
-              <b>Repeat1: </b>
-              {calculateEAVA(props.laserDwell, props.expTime, 2)}s
-            </p>
-            <p>
-              <b>Repeat2: </b>
-              {calculateEAVA(props.laserDwell, props.expTime, 4)}s
-            </p>
-            <p>
-              <b>Repeat3: </b>
-              {calculateEAVA(props.laserDwell, props.expTime, 6)}s
-            </p>
-            <p>
-              <b>Repeat5: </b>
-              {calculateEAVA(props.laserDwell, props.expTime, 10)}s
-            </p>
-            <p>
-              <b>Repeat10: </b>
-              {calculateEAVA(props.laserDwell, props.expTime, 20)}s
-            </p>
-          </Stack>
-          <DialogContentText>
-            <b>Notes</b>
-            <ul>
-              <li>
-                The repeat is the number of pairs of lines illuminated before
-                probe.
-              </li>
-              <li>
-                Because the lines in a block are 20, repeat3 will miss some
-                lines
-              </li>
-              <li>
-                ONLY use with Mapping lite, do not run a full Oxford Chip in
-                this mode.
-              </li>
-            </ul>
-          </DialogContentText>
-        </DialogContent>
-      </Dialog>
-    </React.Fragment>
-  );
-}
-
-/**
- * Dynamic component which will show the pump probe options if one of the settings is selected in the
- * dropdown.
- *
- * @param {string} pumpProbe - selected setting
- * @param {number} laserDwell - laser exposure time
- * @param {number} expTime - collection exposure time
- * @param {boolean} checkerPattern - pump in a checkerboard pattern
- * @returns null if the selected pump probe setting is `NoPP`, a JSX.Element with input text fields otherwise
- */
-export function PumpProbeOptions({
-  pumpProbe,
-  laserDwell,
-  expTime,
-  checkerPattern,
-  setLaserDwell,
-  setLaserDelay,
-  setPrePumpExp,
-  setChecked,
-}: {
-  pumpProbe: string;
-  laserDwell: number;
-  expTime: number;
-  checkerPattern: boolean;
-  setLaserDwell: React.Dispatch<React.SetStateAction<number>>;
-  setLaserDelay: React.Dispatch<React.SetStateAction<number>>;
-  setPrePumpExp: React.Dispatch<React.SetStateAction<number>>;
-  setChecked: React.Dispatch<React.SetStateAction<boolean>>;
-}): JSX.Element | null {
-  if (pumpProbe === "NoPP") {
-    return null;
-  }
-
-  return (
-    <Stack spacing={1} direction={"column"}>
-      <Tooltip
-        title="Exposure time for the laser pump, in seconds"
-        placement="right"
-      >
-        <TextField
-          size="small"
-          label="Laser Dwell (s)"
-          defaultValue={laserDwell}
-          onChange={(e) => setLaserDwell(Number(e.target.value))}
-          style={{ width: 150 }}
-        />
-      </Tooltip>
-      <Tooltip
-        title="Delay time between the laser pump and the collection, in seconds"
-        placement="right"
-      >
-        <TextField
-          size="small"
-          label="Laser Delay (s)"
-          defaultValue={0.0}
-          onChange={(e) => setLaserDelay(Number(e.target.value))}
-          style={{ width: 150 }}
-        />
-      </Tooltip>
-      <Tooltip
-        title="How long to collect before laser pump, if setting is Short2, in seconds"
-        placement="right"
-      >
-        <TextField
-          size="small"
-          label="Pre-Pump Exposure Time (s)"
-          defaultValue={0.0}
-          onChange={(e) => setPrePumpExp(Number(e.target.value))}
-          style={{ width: 150 }}
-        />
-      </Tooltip>
-      <Tooltip
-        title="If selected, do pump every other well in a checkerboard pattern"
-        placement="right"
-      >
-        <FormControl>
-          <FormControlLabel
-            label="Checker Pattern"
-            control={
-              <Checkbox
-                checked={checkerPattern}
-                onChange={(e) => setChecked(Boolean(e.target.checked))} // NOPE!
-              />
-            }
-          />
-        </FormControl>
-      </Tooltip>
-      <PumpProbeDialog laserDwell={laserDwell} expTime={expTime} />
-    </Stack>
-  );
-}
+import { MapTypes } from "../params";
 
 /**
  * Create list of numbered ToggleButtons to add to a ToggleButtonGroup
diff --git a/src/components/FixedTarget/PumpProbeComponents.tsx b/src/components/FixedTarget/PumpProbeComponents.tsx
new file mode 100644
index 0000000..0acbf51
--- /dev/null
+++ b/src/components/FixedTarget/PumpProbeComponents.tsx
@@ -0,0 +1,187 @@
+import {
+  Button,
+  Checkbox,
+  Dialog,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  FormControl,
+  FormControlLabel,
+  Stack,
+  TextField,
+  Tooltip,
+} from "@mui/material";
+import React from "react";
+import { calculateEAVA, EavaRequest } from "../params";
+
+/**
+ * Opens a dilog showing the calculated laser delay to set for each EAVA setting, given the laser
+ * exposure time and collection exposure time.
+ *
+ * @param {number} laserDwell - laser exposure time
+ * @param {number} expTime - collection exposure time
+ */
+export function PumpProbeDialog(props: EavaRequest) {
+  const [open, setOpen] = React.useState(false);
+
+  const handleClickOpen = () => {
+    setOpen(true);
+  };
+
+  const handleClose = () => {
+    setOpen(false);
+  };
+
+  return (
+    <React.Fragment>
+      <Tooltip
+        title="Calculate the optimal delay to set for Repeat# Excite And Visit Again settings"
+        placement="bottom"
+      >
+        <Button color="custom" variant="outlined" onClick={handleClickOpen}>
+          EAVA calculator
+        </Button>
+      </Tooltip>
+      <Dialog open={open} onClose={handleClose}>
+        <DialogTitle>EAVA: Excite And Visit Again</DialogTitle>
+        <DialogContent>
+          <DialogContentText>
+            Calculate the laser delay for each Excite And Visit Again setting
+            from laser dwell time and exposure time.
+          </DialogContentText>
+          <Stack direction={"column"} spacing={1} alignItems={"center"}>
+            <p>
+              <b>Repeat1: </b>
+              {calculateEAVA(props.laserDwell, props.expTime, 2)}s
+            </p>
+            <p>
+              <b>Repeat2: </b>
+              {calculateEAVA(props.laserDwell, props.expTime, 4)}s
+            </p>
+            <p>
+              <b>Repeat3: </b>
+              {calculateEAVA(props.laserDwell, props.expTime, 6)}s
+            </p>
+            <p>
+              <b>Repeat5: </b>
+              {calculateEAVA(props.laserDwell, props.expTime, 10)}s
+            </p>
+            <p>
+              <b>Repeat10: </b>
+              {calculateEAVA(props.laserDwell, props.expTime, 20)}s
+            </p>
+          </Stack>
+          <DialogContentText>
+            <b>Notes</b>
+            <ul>
+              <li>
+                The repeat is the number of pairs of lines illuminated before
+                probe.
+              </li>
+              <li>
+                Because the lines in a block are 20, repeat3 will miss some
+                lines
+              </li>
+              <li>
+                ONLY use with Mapping lite, do not run a full Oxford Chip in
+                this mode.
+              </li>
+            </ul>
+          </DialogContentText>
+        </DialogContent>
+      </Dialog>
+    </React.Fragment>
+  );
+}
+
+/**
+ * Dynamic component which will show the pump probe options if one of the settings is selected in the
+ * dropdown.
+ *
+ * @param {string} pumpProbe - selected setting
+ * @param {number} laserDwell - laser exposure time
+ * @param {number} expTime - collection exposure time
+ * @param {boolean} checkerPattern - pump in a checkerboard pattern
+ * @returns null if the selected pump probe setting is `NoPP`, a JSX.Element with input text fields otherwise
+ */
+export function PumpProbeOptions({
+  pumpProbe,
+  laserDwell,
+  expTime,
+  checkerPattern,
+  setLaserDwell,
+  setLaserDelay,
+  setPrePumpExp,
+  setChecked,
+}: {
+  pumpProbe: string;
+  laserDwell: number;
+  expTime: number;
+  checkerPattern: boolean;
+  setLaserDwell: React.Dispatch<React.SetStateAction<number>>;
+  setLaserDelay: React.Dispatch<React.SetStateAction<number>>;
+  setPrePumpExp: React.Dispatch<React.SetStateAction<number>>;
+  setChecked: React.Dispatch<React.SetStateAction<boolean>>;
+}): JSX.Element | null {
+  if (pumpProbe === "NoPP") {
+    return null;
+  }
+
+  return (
+    <Stack spacing={1} direction={"column"}>
+      <Tooltip
+        title="Exposure time for the laser pump, in seconds"
+        placement="right"
+      >
+        <TextField
+          size="small"
+          label="Laser Dwell (s)"
+          defaultValue={laserDwell}
+          onChange={(e) => setLaserDwell(Number(e.target.value))}
+          style={{ width: 150 }}
+        />
+      </Tooltip>
+      <Tooltip
+        title="Delay time between the laser pump and the collection, in seconds"
+        placement="right"
+      >
+        <TextField
+          size="small"
+          label="Laser Delay (s)"
+          defaultValue={0.0}
+          onChange={(e) => setLaserDelay(Number(e.target.value))}
+          style={{ width: 150 }}
+        />
+      </Tooltip>
+      <Tooltip
+        title="How long to collect before laser pump, if setting is Short2, in seconds"
+        placement="right"
+      >
+        <TextField
+          size="small"
+          label="Pre-Pump Exposure Time (s)"
+          defaultValue={0.0}
+          onChange={(e) => setPrePumpExp(Number(e.target.value))}
+          style={{ width: 150 }}
+        />
+      </Tooltip>
+      <Tooltip
+        title="If selected, do pump every other well in a checkerboard pattern"
+        placement="right"
+      >
+        <FormControl>
+          <FormControlLabel
+            label="Checker Pattern"
+            control={
+              <Checkbox
+                checked={checkerPattern}
+                onChange={(e) => setChecked(Boolean(e.target.checked))} // NOPE!
+              />
+            }
+          />
+        </FormControl>
+      </Tooltip>
+      <PumpProbeDialog laserDwell={laserDwell} expTime={expTime} />
+    </Stack>
+  );
+}
diff --git a/src/screens/CollectionPanel.tsx b/src/screens/CollectionPanel.tsx
index cd85437..71ef478 100644
--- a/src/screens/CollectionPanel.tsx
+++ b/src/screens/CollectionPanel.tsx
@@ -11,7 +11,8 @@ import {
 } from "@mui/material";
 import { PvComponent } from "../pv/PvComponent";
 import React from "react";
-import { MapView, PumpProbeOptions } from "../components/CollectionComponents";
+import { PumpProbeOptions } from "../components/FixedTarget/PumpProbeComponents";
+import { MapView } from "../components/FixedTarget/FixedTargetMapComponents";
 import { chipTypes, MapTypes, pumpProbeMode } from "../components/params";
 import { forceString } from "../pv/util";
 import { AbortButton, RunPlanButton } from "../blueapi/BlueapiComponents";

From 51c176819b5b4dd6b96122a53578e3fdb17ab384 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Fri, 19 Sep 2025 16:23:04 +0100
Subject: [PATCH 04/16] Start separating common components so they're reusable

---
 src/components/ReadOnlyInputs.tsx | 19 +++++++++++++++++++
 src/routes/Extruder.tsx           |  5 +++++
 src/routes/FixedTarget.tsx        |  5 +++++
 src/screens/CollectionPanel.tsx   | 23 -----------------------
 4 files changed, 29 insertions(+), 23 deletions(-)
 create mode 100644 src/components/ReadOnlyInputs.tsx

diff --git a/src/components/ReadOnlyInputs.tsx b/src/components/ReadOnlyInputs.tsx
new file mode 100644
index 0000000..9a4e1f2
--- /dev/null
+++ b/src/components/ReadOnlyInputs.tsx
@@ -0,0 +1,19 @@
+import { Grid2 } from "@mui/material";
+import { RoPvBox } from "../pv/PvComponent";
+
+type RoPvAddress = {
+  visit: string;
+  detector: string;
+};
+
+/**
+ * A couple of read-only boxes showing what the visit and detector in use are.
+ */
+export function ReadOnlyInputs(props: RoPvAddress) {
+  return (
+    <Grid2 size={12}>
+      <RoPvBox label="Visit" pv={props.visit} />
+      <RoPvBox label="Detector in use" pv={props.detector} />
+    </Grid2>
+  );
+}
diff --git a/src/routes/Extruder.tsx b/src/routes/Extruder.tsx
index 55e2221..9b8af34 100644
--- a/src/routes/Extruder.tsx
+++ b/src/routes/Extruder.tsx
@@ -1,4 +1,5 @@
 import { Box, Typography, useTheme } from "@mui/material";
+import { ReadOnlyInputs } from "../components/ReadOnlyInputs";
 
 export function Extruder() {
   const theme = useTheme();
@@ -14,6 +15,10 @@ export function Extruder() {
       >
         Extruder Data Collection Setup
       </Typography>
+      <ReadOnlyInputs
+        visit="ca://BL24I-MO-IOC-13:GP1"
+        detector="ca://BL24I-MO-IOC-13:GP15"
+      />
     </Box>
   );
 }
diff --git a/src/routes/FixedTarget.tsx b/src/routes/FixedTarget.tsx
index f6256b4..50b817e 100644
--- a/src/routes/FixedTarget.tsx
+++ b/src/routes/FixedTarget.tsx
@@ -1,5 +1,6 @@
 import { Box, Typography, useTheme } from "@mui/material";
 import { ParamsPanel } from "../screens/CollectionPanel";
+import { ReadOnlyInputs } from "../components/ReadOnlyInputs";
 
 export function FixedTarget() {
   const theme = useTheme();
@@ -15,6 +16,10 @@ export function FixedTarget() {
       >
         Fixed Target Data Collection Setup
       </Typography>
+      <ReadOnlyInputs
+        visit="ca://BL24I-MO-IOC-13:GP100"
+        detector="ca://BL24I-MO-IOC-13:GP101"
+      />
       <ParamsPanel />
     </Box>
   );
diff --git a/src/screens/CollectionPanel.tsx b/src/screens/CollectionPanel.tsx
index 71ef478..5258557 100644
--- a/src/screens/CollectionPanel.tsx
+++ b/src/screens/CollectionPanel.tsx
@@ -9,34 +9,12 @@ import {
   TextField,
   Tooltip,
 } from "@mui/material";
-import { PvComponent } from "../pv/PvComponent";
 import React from "react";
 import { PumpProbeOptions } from "../components/FixedTarget/PumpProbeComponents";
 import { MapView } from "../components/FixedTarget/FixedTargetMapComponents";
 import { chipTypes, MapTypes, pumpProbeMode } from "../components/params";
-import { forceString } from "../pv/util";
 import { AbortButton, RunPlanButton } from "../blueapi/BlueapiComponents";
 
-/**
- * A couple of read-only boxes showing what the visit and detector in use are.
- */
-function FixedInputs() {
-  return (
-    <Grid2 size={12}>
-      <PvComponent
-        label="Visit"
-        pv="ca://ME14E-MO-IOC-01:GP100"
-        transformValue={forceString}
-      />
-      <PvComponent
-        label="Detector in use"
-        pv="ca://ME14E-MO-IOC-01:GP101"
-        transformValue={forceString}
-      />
-    </Grid2>
-  );
-}
-
 type ParametersProps = {
   subDir: string;
   chipName: string;
@@ -111,7 +89,6 @@ function CollectionInput() {
   return (
     <Box sx={{ flexGrow: 1 }}>
       <Grid2 container spacing={2}>
-        <FixedInputs />
         <Grid2 size={4.5}>
           <Stack direction={"column"} spacing={1} alignItems={"center"}>
             <Tooltip

From 7efcafb423be42c23e18bfd7f6e083c75c896d39 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 14:28:41 +0100
Subject: [PATCH 05/16] Updated package lock

---
 package-lock.json | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 89e9671..3989513 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9677,6 +9677,20 @@
         }
       }
     },
+    "node_modules/vitest/node_modules/yaml": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
+      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
     "node_modules/vt-pbf": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",

From 3007bd2946a2652a3217c0033e03233bad60325e Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 16:32:58 +0100
Subject: [PATCH 06/16] Make a component for an input text field with a tooltip
 included

---
 src/components/ParameterInputs.tsx  |  30 ++++++++
 src/components/SelectionControl.tsx |   1 +
 src/screens/CollectionPanel.tsx     | 110 ++++++++++------------------
 3 files changed, 68 insertions(+), 73 deletions(-)
 create mode 100644 src/components/ParameterInputs.tsx

diff --git a/src/components/ParameterInputs.tsx b/src/components/ParameterInputs.tsx
new file mode 100644
index 0000000..e7660f6
--- /dev/null
+++ b/src/components/ParameterInputs.tsx
@@ -0,0 +1,30 @@
+import { TextField, Tooltip } from "@mui/material";
+import React from "react";
+
+interface InputProps<T> {
+  value: T;
+  onSet: React.Dispatch<React.SetStateAction<T>>;
+  label: string;
+  tooltip?: string;
+}
+
+export function ParameterInput<T>(props: InputProps<T>) {
+  const handleChange = (newValue: string) => {
+    if (typeof props.value === "number") {
+      props.onSet(Number(newValue));
+    } else {
+      props.onSet(newValue);
+    }
+  };
+  return (
+    <Tooltip title={props.tooltip ? props.tooltip : ""} placement="left">
+      <TextField
+        size="small"
+        label={props.label}
+        defaultValue={props.value}
+        onChange={(e) => handleChange(e.target.value)}
+        style={{ width: 180 }}
+      />
+    </Tooltip>
+  );
+}
diff --git a/src/components/SelectionControl.tsx b/src/components/SelectionControl.tsx
index 094d4b0..ac010a7 100644
--- a/src/components/SelectionControl.tsx
+++ b/src/components/SelectionControl.tsx
@@ -29,6 +29,7 @@ export function SelectionWithPlanRunner(props: SelectionProps) {
     submitAndRunPlanImmediately({
       planName: props.plan_name,
       planParams: { position: newValue },
+      instrumentSession: "", // FIXME, temporary
     });
   };
 
diff --git a/src/screens/CollectionPanel.tsx b/src/screens/CollectionPanel.tsx
index 5258557..ae1cf84 100644
--- a/src/screens/CollectionPanel.tsx
+++ b/src/screens/CollectionPanel.tsx
@@ -6,7 +6,6 @@ import {
   MenuItem,
   Select,
   Stack,
-  TextField,
   Tooltip,
 } from "@mui/material";
 import React from "react";
@@ -14,6 +13,7 @@ import { PumpProbeOptions } from "../components/FixedTarget/PumpProbeComponents"
 import { MapView } from "../components/FixedTarget/FixedTargetMapComponents";
 import { chipTypes, MapTypes, pumpProbeMode } from "../components/params";
 import { AbortButton, RunPlanButton } from "../blueapi/BlueapiComponents";
+import { ParameterInput } from "../components/ParameterInputs";
 
 type ParametersProps = {
   subDir: string;
@@ -91,78 +91,42 @@ function CollectionInput() {
       <Grid2 container spacing={2}>
         <Grid2 size={4.5}>
           <Stack direction={"column"} spacing={1} alignItems={"center"}>
-            <Tooltip
-              title="Location inside visit directory to save data"
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Sub-directory"
-                defaultValue={subDir}
-                onChange={(e) => setSubDir(String(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
-            <Tooltip
-              title="Chip identifier, this will be used as filename"
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Chip Name"
-                defaultValue={chipName}
-                onChange={(e) => setChipName(String(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
-            <Tooltip
-              title="How many consecutive times each window should be collected."
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Shots Per Aperture"
-                defaultValue={shots}
-                onChange={(e) => setShots(Number(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
-            <Tooltip
-              title="Exposure time for each window, in seconds"
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Exposure Time (s)"
-                defaultValue={expTime}
-                onChange={(e) => setExpTime(Number(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
-            <Tooltip
-              title="Request transmission for collection, expressed as a fraction"
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Transmission (fraction)"
-                defaultValue={trans}
-                onChange={(e) => setTrans(Number(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
-            <Tooltip
-              title="Distance to move the detector y stage to, in millimeters"
-              placement="left"
-            >
-              <TextField
-                size="small"
-                label="Detector Distance (mm)"
-                defaultValue={detDist}
-                onChange={(e) => setDetDist(Number(e.target.value))}
-                style={{ width: 180 }}
-              />
-            </Tooltip>
+            <ParameterInput
+              value={subDir}
+              onSet={setSubDir}
+              label="Sub-directory"
+              tooltip="Location inside visit directory to save data"
+            />
+            <ParameterInput
+              value={chipName}
+              onSet={setChipName}
+              label="Chip Name"
+              tooltip="Chip identifier, this will be used as filename"
+            />
+            <ParameterInput
+              value={shots}
+              onSet={setShots}
+              label="Shots Per Aperture"
+              tooltip="How many consecutive times each window should be collected"
+            />
+            <ParameterInput
+              value={expTime}
+              onSet={setExpTime}
+              label="Exposure Time (s)"
+              tooltip="Exposure time for each window, in seconds"
+            />
+            <ParameterInput
+              value={trans}
+              onSet={setTrans}
+              label="Transmission (fraction)"
+              tooltip="Request transmission for collection, expressed as a fraction"
+            />
+            <ParameterInput
+              value={detDist}
+              onSet={setDetDist}
+              label="Detector Distance (mm)"
+              tooltip="Distance to move the detector y stage to, in millimeters"
+            />
           </Stack>
         </Grid2>
         <Grid2 size={3}>

From dd3f2737e04b299ca439c62b476607fbf0347680 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 16:56:14 +0100
Subject: [PATCH 07/16] Some more order, separate ft and ex and put in a
 temporary fallback screen

---
 .../FixedTarget/CollectionSetupFt.tsx         | 213 ++++++++++++++++
 src/routes/Extruder.tsx                       |   2 +
 src/routes/FixedTarget.tsx                    |   2 +-
 src/screens/CollectionPanel.tsx               | 229 ++----------------
 4 files changed, 233 insertions(+), 213 deletions(-)
 create mode 100644 src/components/FixedTarget/CollectionSetupFt.tsx

diff --git a/src/components/FixedTarget/CollectionSetupFt.tsx b/src/components/FixedTarget/CollectionSetupFt.tsx
new file mode 100644
index 0000000..d95fe37
--- /dev/null
+++ b/src/components/FixedTarget/CollectionSetupFt.tsx
@@ -0,0 +1,213 @@
+import {
+  Box,
+  FormControl,
+  Grid2,
+  InputLabel,
+  MenuItem,
+  Select,
+  Stack,
+  Tooltip,
+} from "@mui/material";
+import React from "react";
+import { PumpProbeOptions } from "./PumpProbeComponents";
+import { MapView } from "./FixedTargetMapComponents";
+import { chipTypes, MapTypes, pumpProbeMode } from "../params";
+import { AbortButton, RunPlanButton } from "../../blueapi/BlueapiComponents";
+import { ParameterInput } from "../ParameterInputs";
+
+type ParametersProps = {
+  subDir: string;
+  chipName: string;
+  expTime: number;
+  detDist: number;
+  transFract: number;
+  nShots: number;
+  chipType: string;
+  mapType: string;
+  chipFormat: number[];
+  checkerPattern: boolean;
+  pumpProbe: string;
+  pumpInputs: number[];
+};
+
+/**
+ * Component to add Start and Abort buttons to collection panel.
+ *
+ * @param {ParametersProps} props
+ */
+function RunButtons(props: ParametersProps) {
+  console.log(props);
+  return (
+    <Grid2 size={12}>
+      <Stack direction={"row"} spacing={8} justifyContent={"center"}>
+        <RunPlanButton
+          btnLabel="Start!"
+          planName="gui_run_chip_collection"
+          planParams={{
+            sub_dir: props.subDir,
+            chip_name: props.chipName,
+            exp_time: props.expTime,
+            det_dist: props.detDist,
+            transmission: props.transFract,
+            n_shots: props.nShots,
+            chip_type: props.chipType,
+            map_type: props.mapType,
+            chip_format: props.chipFormat,
+            checker_pattern: props.checkerPattern,
+            pump_probe: props.pumpProbe,
+            laser_dwell: props.pumpInputs[0],
+            laser_delay: props.pumpInputs[1],
+            pre_pump: props.pumpInputs[2],
+          }}
+          title="Start fixed target collection"
+          btnSize="large"
+        />
+        <AbortButton />
+      </Stack>
+    </Grid2>
+  );
+}
+
+/**Main collection input window for the panel. */
+export function CollectionSetupFt() {
+  const [subDir, setSubDir] = React.useState<string>("path/to/dir");
+  const [chipName, setChipName] = React.useState<string>("test");
+  const [expTime, setExpTime] = React.useState<number>(0.01);
+  const [shots, setShots] = React.useState<number>(1);
+  const [trans, setTrans] = React.useState<number>(0.3);
+  const [detDist, setDetDist] = React.useState<number>(1350);
+  const [pumpProbe, setPumpProbe] = React.useState<string>(pumpProbeMode[0]);
+  const [laserDwell, setLaserDwell] = React.useState<number>(0.0);
+  const [laserDelay, setLaserDelay] = React.useState<number>(0.0);
+  const [prePump, setPrePumpExp] = React.useState<number>(0.0);
+  const [checkerPattern, setChecked] = React.useState(false);
+  const [chipType, setChipType] = React.useState<string>(chipTypes[0]);
+
+  const [mapType, setMapType] = React.useState<string>(MapTypes[0]);
+  const [chipFormat, setChipFormat] = React.useState<number[]>([]);
+
+  return (
+    <Box sx={{ flexGrow: 1 }}>
+      <Grid2 container spacing={2}>
+        <Grid2 size={4.5}>
+          <Stack direction={"column"} spacing={1} alignItems={"center"}>
+            <ParameterInput
+              value={subDir}
+              onSet={setSubDir}
+              label="Sub-directory"
+              tooltip="Location inside visit directory to save data"
+            />
+            <ParameterInput
+              value={chipName}
+              onSet={setChipName}
+              label="Chip Name"
+              tooltip="Chip identifier, this will be used as filename"
+            />
+            <ParameterInput
+              value={shots}
+              onSet={setShots}
+              label="Shots Per Aperture"
+              tooltip="How many consecutive times each window should be collected"
+            />
+            <ParameterInput
+              value={expTime}
+              onSet={setExpTime}
+              label="Exposure Time (s)"
+              tooltip="Exposure time for each window, in seconds"
+            />
+            <ParameterInput
+              value={trans}
+              onSet={setTrans}
+              label="Transmission (fraction)"
+              tooltip="Request transmission for collection, expressed as a fraction"
+            />
+            <ParameterInput
+              value={detDist}
+              onSet={setDetDist}
+              label="Detector Distance (mm)"
+              tooltip="Distance to move the detector y stage to, in millimeters"
+            />
+          </Stack>
+        </Grid2>
+        <Grid2 size={3}>
+          <Stack spacing={1} direction={"column"}>
+            <Tooltip
+              title="Is this a pump probe experiment? Choose the setting."
+              placement="right"
+            >
+              <FormControl size="small" style={{ width: 150 }}>
+                <InputLabel id="pp-label">Pump Probe</InputLabel>
+                <Select
+                  labelId="pp-label"
+                  id="pp"
+                  value={pumpProbe}
+                  label="Pump Probe"
+                  onChange={(e) => setPumpProbe(String(e.target.value))}
+                >
+                  {pumpProbeMode.map((pumpProbe) => (
+                    <MenuItem key={pumpProbe} value={pumpProbe}>
+                      {pumpProbe}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </FormControl>
+            </Tooltip>
+            <PumpProbeOptions
+              pumpProbe={pumpProbe}
+              laserDwell={laserDwell}
+              expTime={expTime}
+              checkerPattern={checkerPattern}
+              setLaserDwell={setLaserDwell}
+              setLaserDelay={setLaserDelay}
+              setPrePumpExp={setPrePumpExp}
+              setChecked={setChecked}
+            />
+          </Stack>
+        </Grid2>
+        <Grid2 size={4.5}>
+          <Stack direction={"column"} alignItems={"center"} spacing={1}>
+            <Tooltip title="Select the type of chip in use" placement="right">
+              <FormControl size="small" style={{ width: 150 }}>
+                <InputLabel id="chip-label">Chip Type</InputLabel>
+                <Select
+                  labelId="chip-label"
+                  id="chip"
+                  value={chipType}
+                  label="Chip Type"
+                  onChange={(e) => setChipType(String(e.target.value))}
+                >
+                  {chipTypes.map((chipType) => (
+                    <MenuItem key={chipType} value={chipType}>
+                      {chipType}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </FormControl>
+            </Tooltip>
+            <MapView
+              chipType={chipType}
+              mapType={mapType}
+              chipFormat={chipFormat}
+              setMapType={setMapType}
+              setChipFormat={setChipFormat}
+            />
+          </Stack>
+        </Grid2>
+        <RunButtons
+          subDir={subDir}
+          chipName={chipName}
+          expTime={expTime}
+          detDist={detDist}
+          transFract={trans}
+          nShots={shots}
+          chipType={chipType}
+          mapType={mapType}
+          chipFormat={chipFormat}
+          checkerPattern={checkerPattern.valueOf()}
+          pumpProbe={pumpProbe}
+          pumpInputs={[laserDwell, laserDelay, prePump]}
+        />
+      </Grid2>
+    </Box>
+  );
+}
diff --git a/src/routes/Extruder.tsx b/src/routes/Extruder.tsx
index 9b8af34..0ca6ce6 100644
--- a/src/routes/Extruder.tsx
+++ b/src/routes/Extruder.tsx
@@ -1,5 +1,6 @@
 import { Box, Typography, useTheme } from "@mui/material";
 import { ReadOnlyInputs } from "../components/ReadOnlyInputs";
+import { ParamsPanel } from "../screens/CollectionPanel";
 
 export function Extruder() {
   const theme = useTheme();
@@ -19,6 +20,7 @@ export function Extruder() {
         visit="ca://BL24I-MO-IOC-13:GP1"
         detector="ca://BL24I-MO-IOC-13:GP15"
       />
+      <ParamsPanel expt="extruder" />
     </Box>
   );
 }
diff --git a/src/routes/FixedTarget.tsx b/src/routes/FixedTarget.tsx
index 50b817e..1d8fe4f 100644
--- a/src/routes/FixedTarget.tsx
+++ b/src/routes/FixedTarget.tsx
@@ -20,7 +20,7 @@ export function FixedTarget() {
         visit="ca://BL24I-MO-IOC-13:GP100"
         detector="ca://BL24I-MO-IOC-13:GP101"
       />
-      <ParamsPanel />
+      <ParamsPanel expt="fixed-target" />
     </Box>
   );
 }
diff --git a/src/screens/CollectionPanel.tsx b/src/screens/CollectionPanel.tsx
index ae1cf84..d0baa8d 100644
--- a/src/screens/CollectionPanel.tsx
+++ b/src/screens/CollectionPanel.tsx
@@ -1,221 +1,26 @@
-import {
-  Box,
-  FormControl,
-  Grid2,
-  InputLabel,
-  MenuItem,
-  Select,
-  Stack,
-  Tooltip,
-} from "@mui/material";
-import React from "react";
-import { PumpProbeOptions } from "../components/FixedTarget/PumpProbeComponents";
-import { MapView } from "../components/FixedTarget/FixedTargetMapComponents";
-import { chipTypes, MapTypes, pumpProbeMode } from "../components/params";
-import { AbortButton, RunPlanButton } from "../blueapi/BlueapiComponents";
-import { ParameterInput } from "../components/ParameterInputs";
+import { Box, Typography } from "@mui/material";
+import { CollectionSetupFt } from "../components/FixedTarget/CollectionSetupFt";
 
-type ParametersProps = {
-  subDir: string;
-  chipName: string;
-  expTime: number;
-  detDist: number;
-  transFract: number;
-  nShots: number;
-  chipType: string;
-  mapType: string;
-  chipFormat: number[];
-  checkerPattern: boolean;
-  pumpProbe: string;
-  pumpInputs: number[];
+type ExptType = {
+  expt: "extruder" | "fixed-target";
 };
 
-/**
- * Component to add Start and Abort buttons to collection panel.
- *
- * @param {ParametersProps} props
- */
-function RunButtons(props: ParametersProps) {
-  console.log(props);
+function FallbackScreen() {
   return (
-    <Grid2 size={12}>
-      <Stack direction={"row"} spacing={8} justifyContent={"center"}>
-        <RunPlanButton
-          btnLabel="Start!"
-          planName="gui_run_chip_collection"
-          planParams={{
-            sub_dir: props.subDir,
-            chip_name: props.chipName,
-            exp_time: props.expTime,
-            det_dist: props.detDist,
-            transmission: props.transFract,
-            n_shots: props.nShots,
-            chip_type: props.chipType,
-            map_type: props.mapType,
-            chip_format: props.chipFormat,
-            checker_pattern: props.checkerPattern,
-            pump_probe: props.pumpProbe,
-            laser_dwell: props.pumpInputs[0],
-            laser_delay: props.pumpInputs[1],
-            pre_pump: props.pumpInputs[2],
-          }}
-          title="Start fixed target collection"
-          btnSize="large"
-        />
-        <AbortButton />
-      </Stack>
-    </Grid2>
-  );
-}
-
-/**Main collection input window for the panel. */
-function CollectionInput() {
-  const [subDir, setSubDir] = React.useState<string>("path/to/dir");
-  const [chipName, setChipName] = React.useState<string>("test");
-  const [expTime, setExpTime] = React.useState<number>(0.01);
-  const [shots, setShots] = React.useState<number>(1);
-  const [trans, setTrans] = React.useState<number>(0.3);
-  const [detDist, setDetDist] = React.useState<number>(1350);
-  const [pumpProbe, setPumpProbe] = React.useState<string>(pumpProbeMode[0]);
-  const [laserDwell, setLaserDwell] = React.useState<number>(0.0);
-  const [laserDelay, setLaserDelay] = React.useState<number>(0.0);
-  const [prePump, setPrePumpExp] = React.useState<number>(0.0);
-  const [checkerPattern, setChecked] = React.useState(false);
-  const [chipType, setChipType] = React.useState<string>(chipTypes[0]);
-
-  const [mapType, setMapType] = React.useState<string>(MapTypes[0]);
-  const [chipFormat, setChipFormat] = React.useState<number[]>([]);
-
-  return (
-    <Box sx={{ flexGrow: 1 }}>
-      <Grid2 container spacing={2}>
-        <Grid2 size={4.5}>
-          <Stack direction={"column"} spacing={1} alignItems={"center"}>
-            <ParameterInput
-              value={subDir}
-              onSet={setSubDir}
-              label="Sub-directory"
-              tooltip="Location inside visit directory to save data"
-            />
-            <ParameterInput
-              value={chipName}
-              onSet={setChipName}
-              label="Chip Name"
-              tooltip="Chip identifier, this will be used as filename"
-            />
-            <ParameterInput
-              value={shots}
-              onSet={setShots}
-              label="Shots Per Aperture"
-              tooltip="How many consecutive times each window should be collected"
-            />
-            <ParameterInput
-              value={expTime}
-              onSet={setExpTime}
-              label="Exposure Time (s)"
-              tooltip="Exposure time for each window, in seconds"
-            />
-            <ParameterInput
-              value={trans}
-              onSet={setTrans}
-              label="Transmission (fraction)"
-              tooltip="Request transmission for collection, expressed as a fraction"
-            />
-            <ParameterInput
-              value={detDist}
-              onSet={setDetDist}
-              label="Detector Distance (mm)"
-              tooltip="Distance to move the detector y stage to, in millimeters"
-            />
-          </Stack>
-        </Grid2>
-        <Grid2 size={3}>
-          <Stack spacing={1} direction={"column"}>
-            <Tooltip
-              title="Is this a pump probe experiment? Choose the setting."
-              placement="right"
-            >
-              <FormControl size="small" style={{ width: 150 }}>
-                <InputLabel id="pp-label">Pump Probe</InputLabel>
-                <Select
-                  labelId="pp-label"
-                  id="pp"
-                  value={pumpProbe}
-                  label="Pump Probe"
-                  onChange={(e) => setPumpProbe(String(e.target.value))}
-                >
-                  {pumpProbeMode.map((pumpProbe) => (
-                    <MenuItem key={pumpProbe} value={pumpProbe}>
-                      {pumpProbe}
-                    </MenuItem>
-                  ))}
-                </Select>
-              </FormControl>
-            </Tooltip>
-            <PumpProbeOptions
-              pumpProbe={pumpProbe}
-              laserDwell={laserDwell}
-              expTime={expTime}
-              checkerPattern={checkerPattern}
-              setLaserDwell={setLaserDwell}
-              setLaserDelay={setLaserDelay}
-              setPrePumpExp={setPrePumpExp}
-              setChecked={setChecked}
-            />
-          </Stack>
-        </Grid2>
-        <Grid2 size={4.5}>
-          <Stack direction={"column"} alignItems={"center"} spacing={1}>
-            <Tooltip title="Select the type of chip in use" placement="right">
-              <FormControl size="small" style={{ width: 150 }}>
-                <InputLabel id="chip-label">Chip Type</InputLabel>
-                <Select
-                  labelId="chip-label"
-                  id="chip"
-                  value={chipType}
-                  label="Chip Type"
-                  onChange={(e) => setChipType(String(e.target.value))}
-                >
-                  {chipTypes.map((chipType) => (
-                    <MenuItem key={chipType} value={chipType}>
-                      {chipType}
-                    </MenuItem>
-                  ))}
-                </Select>
-              </FormControl>
-            </Tooltip>
-            <MapView
-              chipType={chipType}
-              mapType={mapType}
-              chipFormat={chipFormat}
-              setMapType={setMapType}
-              setChipFormat={setChipFormat}
-            />
-          </Stack>
-        </Grid2>
-        <RunButtons
-          subDir={subDir}
-          chipName={chipName}
-          expTime={expTime}
-          detDist={detDist}
-          transFract={trans}
-          nShots={shots}
-          chipType={chipType}
-          mapType={mapType}
-          chipFormat={chipFormat}
-          checkerPattern={checkerPattern.valueOf()}
-          pumpProbe={pumpProbe}
-          pumpInputs={[laserDwell, laserDelay, prePump]}
-        />
-      </Grid2>
+    <Box>
+      <Typography component="h1" variant="h4">
+        Page currently unavailable
+      </Typography>
     </Box>
   );
 }
 
-export function ParamsPanel() {
-  return (
-    <Stack direction="column">
-      <CollectionInput />
-    </Stack>
-  );
+export function ParamsPanel(expt: ExptType) {
+  switch (expt.expt) {
+    case "fixed-target":
+      return <CollectionSetupFt />;
+    case "extruder":
+    default:
+      return <FallbackScreen />;
+  }
 }

From 8a6992753f7d70ad7f7465d0eac6ca354d93d390 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 17:02:51 +0100
Subject: [PATCH 08/16] Make it look a bit more compact

---
 src/components/FixedTarget/CollectionSetupFt.tsx   | 8 ++++----
 src/components/FixedTarget/PumpProbeComponents.tsx | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/FixedTarget/CollectionSetupFt.tsx b/src/components/FixedTarget/CollectionSetupFt.tsx
index d95fe37..1f71e80 100644
--- a/src/components/FixedTarget/CollectionSetupFt.tsx
+++ b/src/components/FixedTarget/CollectionSetupFt.tsx
@@ -68,7 +68,7 @@ function RunButtons(props: ParametersProps) {
   );
 }
 
-/**Main collection input window for the panel. */
+/**Main collection input window for the fixed target panel. */
 export function CollectionSetupFt() {
   const [subDir, setSubDir] = React.useState<string>("path/to/dir");
   const [chipName, setChipName] = React.useState<string>("test");
@@ -87,7 +87,7 @@ export function CollectionSetupFt() {
   const [chipFormat, setChipFormat] = React.useState<number[]>([]);
 
   return (
-    <Box sx={{ flexGrow: 1 }}>
+    <Box sx={{ flexGrow: 1, marginRight: 10, marginLeft: 10 }}>
       <Grid2 container spacing={2}>
         <Grid2 size={4.5}>
           <Stack direction={"column"} spacing={1} alignItems={"center"}>
@@ -130,12 +130,12 @@ export function CollectionSetupFt() {
           </Stack>
         </Grid2>
         <Grid2 size={3}>
-          <Stack spacing={1} direction={"column"}>
+          <Stack spacing={1} direction={"column"} alignItems={"center"}>
             <Tooltip
               title="Is this a pump probe experiment? Choose the setting."
               placement="right"
             >
-              <FormControl size="small" style={{ width: 150 }}>
+              <FormControl size="small" style={{ width: 180 }}>
                 <InputLabel id="pp-label">Pump Probe</InputLabel>
                 <Select
                   labelId="pp-label"
diff --git a/src/components/FixedTarget/PumpProbeComponents.tsx b/src/components/FixedTarget/PumpProbeComponents.tsx
index 0acbf51..ef6f869 100644
--- a/src/components/FixedTarget/PumpProbeComponents.tsx
+++ b/src/components/FixedTarget/PumpProbeComponents.tsx
@@ -138,7 +138,7 @@ export function PumpProbeOptions({
           label="Laser Dwell (s)"
           defaultValue={laserDwell}
           onChange={(e) => setLaserDwell(Number(e.target.value))}
-          style={{ width: 150 }}
+          style={{ width: 180 }}
         />
       </Tooltip>
       <Tooltip
@@ -150,7 +150,7 @@ export function PumpProbeOptions({
           label="Laser Delay (s)"
           defaultValue={0.0}
           onChange={(e) => setLaserDelay(Number(e.target.value))}
-          style={{ width: 150 }}
+          style={{ width: 180 }}
         />
       </Tooltip>
       <Tooltip
@@ -162,7 +162,7 @@ export function PumpProbeOptions({
           label="Pre-Pump Exposure Time (s)"
           defaultValue={0.0}
           onChange={(e) => setPrePumpExp(Number(e.target.value))}
-          style={{ width: 150 }}
+          style={{ width: 180 }}
         />
       </Tooltip>
       <Tooltip

From 56fa8ca1824f705a6bf3c9a802c6d31b978b38e0 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 17:53:51 +0100
Subject: [PATCH 09/16] Will have to explicitely cast somewhere else

---
 src/components/Extruder/CollectionSetupEx.tsx | 71 +++++++++++++++++++
 .../Extruder/PumpProbeSelection.tsx           | 42 +++++++++++
 .../FixedTarget/CollectionSetupFt.tsx         |  6 +-
 src/screens/CollectionPanel.tsx               |  2 +
 4 files changed, 118 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Extruder/CollectionSetupEx.tsx
 create mode 100644 src/components/Extruder/PumpProbeSelection.tsx

diff --git a/src/components/Extruder/CollectionSetupEx.tsx b/src/components/Extruder/CollectionSetupEx.tsx
new file mode 100644
index 0000000..25dd9e9
--- /dev/null
+++ b/src/components/Extruder/CollectionSetupEx.tsx
@@ -0,0 +1,71 @@
+import { Box, Grid2, Stack } from "@mui/material";
+import React from "react";
+import { ParameterInput } from "../ParameterInputs";
+import { PumpProbeSelection } from "./PumpProbeSelection";
+
+/**Main collection input window for the extruderpanel. */
+export function CollectionSetupEx() {
+  const [subDir, setSubDir] = React.useState<string>("path/to/dir");
+  const [fileName, setFileName] = React.useState<string>("test");
+  const [expTime, setExpTime] = React.useState<number>(0.01);
+  const [numImages, setNumImages] = React.useState<number>(1);
+  const [trans, setTrans] = React.useState<number>(0.3);
+  const [detDist, setDetDist] = React.useState<number>(1350);
+  const [pumpProbe, setPumpProbe] = React.useState<boolean>(false);
+
+  return (
+    <Box sx={{ flexGrow: 1, marginRight: 10, marginLeft: 10 }}>
+      <Grid2 container spacing={2}>
+        <Grid2 size={4.5}>
+          <Stack direction={"column"} spacing={1} alignItems={"center"}>
+            <ParameterInput
+              value={subDir}
+              onSet={setSubDir}
+              label="Sub-directory"
+              tooltip="Location inside visit directory to save data"
+            />
+            <ParameterInput
+              value={fileName}
+              onSet={setFileName}
+              label="File Name"
+              tooltip="Filename prefix."
+            />
+            <ParameterInput
+              value={numImages}
+              onSet={setNumImages}
+              label="Number of images"
+              tooltip="How many images should be collected"
+            />
+            <ParameterInput
+              value={expTime}
+              onSet={setExpTime}
+              label="Exposure Time (s)"
+              tooltip="Exposure time for each window, in seconds"
+            />
+            <ParameterInput
+              value={trans}
+              onSet={setTrans}
+              label="Transmission (fraction)"
+              tooltip="Request transmission for collection, expressed as a fraction"
+            />
+            <ParameterInput
+              value={detDist}
+              onSet={setDetDist}
+              label="Detector Distance (mm)"
+              tooltip="Distance to move the detector y stage to, in millimeters"
+            />
+          </Stack>
+        </Grid2>
+        <Grid2 size={3}>
+          <Stack direction={"column"} spacing={1} alignItems={"center"}>
+            <PumpProbeSelection
+              pumpProbe={pumpProbe}
+              setPumpProbe={setPumpProbe}
+            />
+          </Stack>
+        </Grid2>
+        <Grid2 size={4.5}></Grid2>
+      </Grid2>
+    </Box>
+  );
+}
diff --git a/src/components/Extruder/PumpProbeSelection.tsx b/src/components/Extruder/PumpProbeSelection.tsx
new file mode 100644
index 0000000..0013b5b
--- /dev/null
+++ b/src/components/Extruder/PumpProbeSelection.tsx
@@ -0,0 +1,42 @@
+import {
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  Tooltip,
+} from "@mui/material";
+
+// NOTE THIS DOESN'T WORK BECAUSE IT DOES NOT LIKE BOOLEANS!!!
+// TODO LOTS OF CASTING
+export function PumpProbeSelection({
+  pumpProbe,
+  setPumpProbe,
+}: {
+  pumpProbe: boolean;
+  setPumpProbe: React.Dispatch<React.SetStateAction<boolean>>;
+}) {
+  const handleChange = (choice: string | boolean) => {
+    const ppVal = String(pumpProbe);
+    console.log(ppVal);
+    console.log(choice);
+    console.log(Boolean(choice));
+    setPumpProbe(Boolean(choice));
+  };
+  return (
+    <Tooltip title="Is this a pump probe experiment?" placement="right">
+      <FormControl size="small" style={{ width: 180 }}>
+        <InputLabel id="pp-ex">Pump Probe</InputLabel>
+        <Select
+          labelId="pp-ex"
+          id="pp"
+          value={pumpProbe}
+          label="Pump Probe"
+          onChange={(e) => handleChange(e.target.value)}
+        >
+          <MenuItem value={"true"}>True</MenuItem>
+          <MenuItem value={"false"}>False</MenuItem>
+        </Select>
+      </FormControl>
+    </Tooltip>
+  );
+}
diff --git a/src/components/FixedTarget/CollectionSetupFt.tsx b/src/components/FixedTarget/CollectionSetupFt.tsx
index 1f71e80..9f3c191 100644
--- a/src/components/FixedTarget/CollectionSetupFt.tsx
+++ b/src/components/FixedTarget/CollectionSetupFt.tsx
@@ -144,9 +144,9 @@ export function CollectionSetupFt() {
                   label="Pump Probe"
                   onChange={(e) => setPumpProbe(String(e.target.value))}
                 >
-                  {pumpProbeMode.map((pumpProbe) => (
-                    <MenuItem key={pumpProbe} value={pumpProbe}>
-                      {pumpProbe}
+                  {pumpProbeMode.map((ppChoice) => (
+                    <MenuItem key={ppChoice} value={ppChoice}>
+                      {ppChoice}
                     </MenuItem>
                   ))}
                 </Select>
diff --git a/src/screens/CollectionPanel.tsx b/src/screens/CollectionPanel.tsx
index d0baa8d..9629d9d 100644
--- a/src/screens/CollectionPanel.tsx
+++ b/src/screens/CollectionPanel.tsx
@@ -1,5 +1,6 @@
 import { Box, Typography } from "@mui/material";
 import { CollectionSetupFt } from "../components/FixedTarget/CollectionSetupFt";
+import { CollectionSetupEx } from "../components/Extruder/CollectionSetupEx";
 
 type ExptType = {
   expt: "extruder" | "fixed-target";
@@ -20,6 +21,7 @@ export function ParamsPanel(expt: ExptType) {
     case "fixed-target":
       return <CollectionSetupFt />;
     case "extruder":
+      return <CollectionSetupEx />;
     default:
       return <FallbackScreen />;
   }

From 0edb7b0746838fcf76a43196b251d3cf5d0297df Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Tue, 7 Oct 2025 17:57:20 +0100
Subject: [PATCH 10/16] Now it works *sigh*

---
 src/components/Extruder/PumpProbeSelection.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Extruder/PumpProbeSelection.tsx b/src/components/Extruder/PumpProbeSelection.tsx
index 0013b5b..cc00c0f 100644
--- a/src/components/Extruder/PumpProbeSelection.tsx
+++ b/src/components/Extruder/PumpProbeSelection.tsx
@@ -6,8 +6,6 @@ import {
   Tooltip,
 } from "@mui/material";
 
-// NOTE THIS DOESN'T WORK BECAUSE IT DOES NOT LIKE BOOLEANS!!!
-// TODO LOTS OF CASTING
 export function PumpProbeSelection({
   pumpProbe,
   setPumpProbe,
@@ -15,12 +13,14 @@ export function PumpProbeSelection({
   pumpProbe: boolean;
   setPumpProbe: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
-  const handleChange = (choice: string | boolean) => {
-    const ppVal = String(pumpProbe);
-    console.log(ppVal);
-    console.log(choice);
-    console.log(Boolean(choice));
-    setPumpProbe(Boolean(choice));
+  const handleChange = (choice: string) => {
+    let newValue: boolean;
+    if (choice.toLowerCase() === "true") {
+      newValue = true;
+    } else {
+      newValue = false;
+    }
+    setPumpProbe(newValue);
   };
   return (
     <Tooltip title="Is this a pump probe experiment?" placement="right">
@@ -29,7 +29,7 @@ export function PumpProbeSelection({
         <Select
           labelId="pp-ex"
           id="pp"
-          value={pumpProbe}
+          value={String(pumpProbe)}
           label="Pump Probe"
           onChange={(e) => handleChange(e.target.value)}
         >

From 23ac5a2b490739fd34796b853eec14581bfd0d4c Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Thu, 9 Oct 2025 14:40:13 +0100
Subject: [PATCH 11/16] Finish adding pump probe components and tidy up

---
 src/blueapi/BlueapiComponents.tsx             | 40 +------------
 src/blueapi/visit.ts                          | 39 ++++++++++++
 src/components/Extruder/CollectionSetupEx.tsx | 18 +++++-
 .../Extruder/PumpProbeSelection.tsx           | 59 +++++++++++++++++++
 4 files changed, 115 insertions(+), 41 deletions(-)
 create mode 100644 src/blueapi/visit.ts

diff --git a/src/blueapi/BlueapiComponents.tsx b/src/blueapi/BlueapiComponents.tsx
index 864e5a7..0e40b1d 100644
--- a/src/blueapi/BlueapiComponents.tsx
+++ b/src/blueapi/BlueapiComponents.tsx
@@ -8,8 +8,7 @@ import {
   Tooltip,
   Typography,
 } from "@mui/material";
-import { forceString, ReadPvRawValue } from "../pv/util";
-import { RawValue } from "../pv/types";
+import { parseInstrumentSession, readVisitFromPv } from "./visit";
 
 type SeverityLevel = "success" | "info" | "warning" | "error";
 type VariantChoice = "outlined" | "contained";
@@ -37,43 +36,6 @@ type RunPlanButtonProps = {
 // This will be another PR
 // See https://github.com/DiamondLightSource/mx-daq-ui/issues/71
 
-/**
- * Read the full visit path from the visit PV set by the beamline staff.
- * @returns {string} the full visit pV /dls/i24/data/{year}/{visit}
- */
-export function readVisitFromPv(): string {
-  const fullVisitPath: RawValue = ReadPvRawValue({
-    label: "visit",
-    pv: "ca://BL24I-MO-IOC-13:GP100",
-  });
-  const visitString: string = forceString(fullVisitPath);
-  return visitString;
-}
-
-/**
- * Parse the full visit path and return only the instrument session.
- * An error will be raised if the instrument session value is undefined or
- * if the PV is not connected.
- * @param {string} visit The full visit path
- * @returns {string} Only the instrument session part of the visit path
- */
-export function parseInstrumentSession(visit: string): string {
-  let instrumentSession: string | undefined;
-  if (visit === "not connected" || visit === "undefined") {
-    const msg =
-      "Unable to run plan as instrument session not set. Please check visit PV.";
-    throw new Error(msg);
-  } else {
-    instrumentSession = visit.split("/").filter(Boolean).at(-1);
-    if (!instrumentSession) {
-      throw new Error(
-        "Unable to run plan as something appears to be wrong with visit path"
-      );
-    }
-  }
-  return instrumentSession;
-}
-
 export function RunPlanButton(props: RunPlanButtonProps) {
   const [openSnackbar, setOpenSnackbar] = React.useState<boolean>(false);
   const [msg, setMsg] = React.useState<string>("Running plan...");
diff --git a/src/blueapi/visit.ts b/src/blueapi/visit.ts
new file mode 100644
index 0000000..a099add
--- /dev/null
+++ b/src/blueapi/visit.ts
@@ -0,0 +1,39 @@
+import { RawValue } from "../pv/types";
+import { forceString, ReadPvRawValue } from "../pv/util";
+
+/**
+ * Read the full visit path from the visit PV set by the beamline staff.
+ * @returns {string} the full visit pV /dls/i24/data/{year}/{visit}
+ */
+export function readVisitFromPv(): string {
+  const fullVisitPath: RawValue = ReadPvRawValue({
+    label: "visit",
+    pv: "ca://BL24I-MO-IOC-13:GP100",
+  });
+  const visitString: string = forceString(fullVisitPath);
+  return visitString;
+}
+
+/**
+ * Parse the full visit path and return only the instrument session.
+ * An error will be raised if the instrument session value is undefined or
+ * if the PV is not connected.
+ * @param {string} visit The full visit path
+ * @returns {string} Only the instrument session part of the visit path
+ */
+export function parseInstrumentSession(visit: string): string {
+  let instrumentSession: string | undefined;
+  if (visit === "not connected" || visit === "undefined") {
+    const msg =
+      "Unable to run plan as instrument session not set. Please check visit PV.";
+    throw new Error(msg);
+  } else {
+    instrumentSession = visit.split("/").filter(Boolean).at(-1);
+    if (!instrumentSession) {
+      throw new Error(
+        "Unable to run plan as something appears to be wrong with visit path"
+      );
+    }
+  }
+  return instrumentSession;
+}
diff --git a/src/components/Extruder/CollectionSetupEx.tsx b/src/components/Extruder/CollectionSetupEx.tsx
index 25dd9e9..0740bc2 100644
--- a/src/components/Extruder/CollectionSetupEx.tsx
+++ b/src/components/Extruder/CollectionSetupEx.tsx
@@ -1,7 +1,11 @@
-import { Box, Grid2, Stack } from "@mui/material";
+import { Box, Button, Grid2, Stack } from "@mui/material";
 import React from "react";
 import { ParameterInput } from "../ParameterInputs";
-import { PumpProbeSelection } from "./PumpProbeSelection";
+import {
+  LaserCheckButtons,
+  PumpProbeSelection,
+  PumpProbeSetup,
+} from "./PumpProbeSelection";
 
 /**Main collection input window for the extruderpanel. */
 export function CollectionSetupEx() {
@@ -12,6 +16,8 @@ export function CollectionSetupEx() {
   const [trans, setTrans] = React.useState<number>(0.3);
   const [detDist, setDetDist] = React.useState<number>(1350);
   const [pumpProbe, setPumpProbe] = React.useState<boolean>(false);
+  const [laserDwell, setLaserDwell] = React.useState<number>(0);
+  const [laserDelay, setLaserDelay] = React.useState<number>(0);
 
   return (
     <Box sx={{ flexGrow: 1, marginRight: 10, marginLeft: 10 }}>
@@ -62,6 +68,14 @@ export function CollectionSetupEx() {
               pumpProbe={pumpProbe}
               setPumpProbe={setPumpProbe}
             />
+            <PumpProbeSetup
+              dwell={laserDwell}
+              delay={laserDelay}
+              render={pumpProbe}
+              setDwell={setLaserDwell}
+              setDelay={setLaserDelay}
+            />
+            <LaserCheckButtons />
           </Stack>
         </Grid2>
         <Grid2 size={4.5}></Grid2>
diff --git a/src/components/Extruder/PumpProbeSelection.tsx b/src/components/Extruder/PumpProbeSelection.tsx
index cc00c0f..ef505d3 100644
--- a/src/components/Extruder/PumpProbeSelection.tsx
+++ b/src/components/Extruder/PumpProbeSelection.tsx
@@ -5,6 +5,9 @@ import {
   Select,
   Tooltip,
 } from "@mui/material";
+import { ParameterInput } from "../ParameterInputs";
+import React from "react";
+import { RunPlanButton } from "../../blueapi/BlueapiComponents";
 
 export function PumpProbeSelection({
   pumpProbe,
@@ -40,3 +43,59 @@ export function PumpProbeSelection({
     </Tooltip>
   );
 }
+
+export function PumpProbeSetup({
+  dwell,
+  delay,
+  render,
+  setDwell,
+  setDelay,
+}: {
+  dwell: number;
+  delay: number;
+  render: boolean;
+  setDwell: React.Dispatch<React.SetStateAction<number>>;
+  setDelay: React.Dispatch<React.SetStateAction<number>>;
+}): JSX.Element | null {
+  if (render === false) {
+    return null;
+  } else {
+    return (
+      <React.Fragment>
+        <ParameterInput
+          value={dwell}
+          onSet={setDwell}
+          label="Laser Dwell (s)"
+          tooltip="Exposure time for the laser pump, in seconds"
+        />
+        <ParameterInput
+          value={delay}
+          onSet={setDelay}
+          label="Laser Delay (s)"
+          tooltip="Delay time between the laser pump and the collection, in seconds"
+        />
+      </React.Fragment>
+    );
+  }
+}
+
+export function LaserCheckButtons() {
+  return (
+    <React.Fragment>
+      <RunPlanButton
+        btnLabel="Laser ON"
+        planName="laser_check"
+        planParams={{ mode: "laseron" }}
+        title="Open shutter and check laser beam"
+        btnSize="small"
+      />
+      <RunPlanButton
+        btnLabel="Laser OFF"
+        planName="laser_check"
+        planParams={{ mode: "laseroff" }}
+        title="Switch off laser beam"
+        btnSize="small"
+      />
+    </React.Fragment>
+  );
+}

From a47e7be4543e3b63e950cde8c2ee999bd9eca969 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Thu, 9 Oct 2025 16:33:42 +0100
Subject: [PATCH 12/16] Complete extruder page

---
 src/components/Extruder/CollectionSetupEx.tsx | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/components/Extruder/CollectionSetupEx.tsx b/src/components/Extruder/CollectionSetupEx.tsx
index 0740bc2..1063824 100644
--- a/src/components/Extruder/CollectionSetupEx.tsx
+++ b/src/components/Extruder/CollectionSetupEx.tsx
@@ -6,6 +6,8 @@ import {
   PumpProbeSelection,
   PumpProbeSetup,
 } from "./PumpProbeSelection";
+import { AbortButton, RunPlanButton } from "../../blueapi/BlueapiComponents";
+import { DetailsRounded } from "@mui/icons-material";
 
 /**Main collection input window for the extruderpanel. */
 export function CollectionSetupEx() {
@@ -78,7 +80,44 @@ export function CollectionSetupEx() {
             <LaserCheckButtons />
           </Stack>
         </Grid2>
-        <Grid2 size={4.5}></Grid2>
+        <Grid2 size={4.5}>
+          <Stack direction={"column"} spacing={1} alignItems={"center"}>
+            <RunPlanButton
+              btnLabel="Initialise on Start"
+              planName="initialise_extruder"
+              title="Initialise parameters for extruder"
+              btnSize="large"
+            />
+            <RunPlanButton
+              btnLabel="Enter hutch"
+              planName="enter_hutch"
+              title="Move detector stage before entering hutch"
+              btnSize="large"
+            />
+          </Stack>
+        </Grid2>
+        <Grid2 size={12}>
+          <Stack direction={"row"} spacing={8} justifyContent={"center"}>
+            <RunPlanButton
+              btnLabel="Start!"
+              planName="gui_run_extruder_collection"
+              planParams={{
+                sub_dir: subDir,
+                file_name: fileName,
+                exp_time: expTime,
+                det_dist: detDist,
+                transmission: trans,
+                num_images: numImages,
+                pump_probe: pumpProbe,
+                laser_dwell: laserDwell,
+                laser_delay: laserDelay,
+              }}
+              title="Start extruder collection"
+              btnSize="large"
+            />
+            <AbortButton />
+          </Stack>
+        </Grid2>
       </Grid2>
     </Box>
   );

From c4c562cb215de26bdab202557c6b08f740a73a91 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Thu, 9 Oct 2025 16:38:25 +0100
Subject: [PATCH 13/16] Fix visit

---
 src/screens/OavMover.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/screens/OavMover.tsx b/src/screens/OavMover.tsx
index b67a538..4d1f978 100644
--- a/src/screens/OavMover.tsx
+++ b/src/screens/OavMover.tsx
@@ -30,11 +30,8 @@ import { PvDescription } from "../pv/types";
 import { SelectionWithPlanRunner } from "../components/SelectionControl";
 import { BacklightPositions, ZoomLevels } from "../pv/enumPvValues";
 import oxfordChipDiagram from "../assets/Oxford Chip Diagram.excalidraw.svg";
-import {
-  parseInstrumentSession,
-  readVisitFromPv,
-  RunPlanButton,
-} from "../blueapi/BlueapiComponents";
+import { RunPlanButton } from "../blueapi/BlueapiComponents";
+import { parseInstrumentSession, readVisitFromPv } from "../blueapi/visit";
 
 const buttonStyle = {
   color: "white",

From 0a1ec4d409ab900f7f7fee32d8fbcac098a22d00 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Mon, 27 Oct 2025 11:34:44 +0000
Subject: [PATCH 14/16] Remove unused imports

---
 src/components/Extruder/CollectionSetupEx.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Extruder/CollectionSetupEx.tsx b/src/components/Extruder/CollectionSetupEx.tsx
index 1063824..b8c3096 100644
--- a/src/components/Extruder/CollectionSetupEx.tsx
+++ b/src/components/Extruder/CollectionSetupEx.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Grid2, Stack } from "@mui/material";
+import { Box, Grid2, Stack } from "@mui/material";
 import React from "react";
 import { ParameterInput } from "../ParameterInputs";
 import {
@@ -7,7 +7,6 @@ import {
   PumpProbeSetup,
 } from "./PumpProbeSelection";
 import { AbortButton, RunPlanButton } from "../../blueapi/BlueapiComponents";
-import { DetailsRounded } from "@mui/icons-material";
 
 /**Main collection input window for the extruderpanel. */
 export function CollectionSetupEx() {

From 8567c6c311ec9268d808861a412944212d754c92 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Mon, 27 Oct 2025 11:40:53 +0000
Subject: [PATCH 15/16] Fix type signature

---
 src/components/FixedTarget/PumpProbeComponents.tsx | 3 +--
 src/components/params.ts                           | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/FixedTarget/PumpProbeComponents.tsx b/src/components/FixedTarget/PumpProbeComponents.tsx
index ef6f869..b943320 100644
--- a/src/components/FixedTarget/PumpProbeComponents.tsx
+++ b/src/components/FixedTarget/PumpProbeComponents.tsx
@@ -18,8 +18,7 @@ import { calculateEAVA, EavaRequest } from "../params";
  * Opens a dilog showing the calculated laser delay to set for each EAVA setting, given the laser
  * exposure time and collection exposure time.
  *
- * @param {number} laserDwell - laser exposure time
- * @param {number} expTime - collection exposure time
+ * @param {EavaRequest} props - parameters for EAVA calculation: laser exposure time and exposure time (in s)
  */
 export function PumpProbeDialog(props: EavaRequest) {
   const [open, setOpen] = React.useState(false);
diff --git a/src/components/params.ts b/src/components/params.ts
index 3315fc3..b95cbc9 100644
--- a/src/components/params.ts
+++ b/src/components/params.ts
@@ -15,8 +15,8 @@ export const pumpProbeMode = [
 ];
 
 export type EavaRequest = {
-  laserDwell: number;
-  expTime: number;
+  laserDwell: number; // Laser exposure time, in s
+  expTime: number; // Collection exposure time, in s
 };
 
 /**

From 93d53cb58f7385c13019063a995dca473bdc05f8 Mon Sep 17 00:00:00 2001
From: Noemi Frisina <noemi.frisina@diamond.ac.uk>
Date: Mon, 27 Oct 2025 11:42:14 +0000
Subject: [PATCH 16/16] Comment out unused styles

---
 src/screens/OavMover.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/screens/OavMover.tsx b/src/screens/OavMover.tsx
index 4d1f978..b7bb9cd 100644
--- a/src/screens/OavMover.tsx
+++ b/src/screens/OavMover.tsx
@@ -261,13 +261,13 @@ export function CoordinateSystem() {
     setOpen(false);
   };
 
-  const buttonStyle = {
-    color: "white",
-    padding: "12px",
-    backgroundColor: "#1c2025",
-    width: "100%",
-    height: "85%",
-  };
+  // const buttonStyle = {
+  //   color: "white",
+  //   padding: "12px",
+  //   backgroundColor: "#1c2025",
+  //   width: "100%",
+  //   height: "85%",
+  // };
 
   return (
     <>