feat: visualize beam spread around peaks

apps/acoustic-camera/main.js

@@ -48,6 +48,7 @@ const elements = {
   canvasBadge: byId("canvas-badge"),
   bandLegend: byId("band-legend"),
   overlayOpacity: byId("overlay-opacity"),
+  showBeamSpread: byId("show-beam-spread"),
   showTruth: byId("show-truth"),
   resultBadge: byId("result-badge"),
   emptyResult: byId("empty-result"),
@@ -430,6 +431,7 @@ function renderSceneVisualization() {
     evaluations: displayed?.evaluations,
     dynamicRangeDb: snapshot.experiment.beamforming.dynamicRangeDb,
     opacity: Number(elements.overlayOpacity.value),
+    showBeamSpread: elements.showBeamSpread.checked,
     showTruth: elements.showTruth.checked,
   });
   elements.canvasMessage.classList.toggle("is-hidden", Boolean(displayed || assetRuntime.imageElement));
@@ -1156,6 +1158,7 @@ function installActionListeners() {
     }
   });
   elements.overlayOpacity.addEventListener("input", renderSceneVisualization);
+  elements.showBeamSpread.addEventListener("change", renderSceneVisualization);
   elements.showTruth.addEventListener("change", renderSceneVisualization);
   elements.exportSceneButton.addEventListener("click", async () => {
     const issues = await validateScene(state.scene);