fix html errors in keyboard.html

removed the space in unsaved-records and metadata circle help ids
removed unused variables from model code

Help/keyboard.html

@@ -73,7 +73,7 @@
         <td>Move the playhead back by a screen width</td>
     </tr>
     <tr>
-        <td><kbd>PgDn</kbd> or <br><kbd>Fn</kbd> + <kbdArrowDown</kbd></td>
+        <td><kbd>PgDn</kbd> or <br><kbd>Fn</kbd> + <kbd>ArrowDown</kbd></td>
         <td>Move the playhead forward by a screen width</td>
     </tr>
     <tr>
@@ -113,7 +113,7 @@
         </td>
     </tr>
     <tr>
-        <td><kbd>Ctrl</kbd> + <kbd>-</kbd> or <kbd>F4</kbd</td>
+        <td><kbd>Ctrl</kbd> + <kbd>-</kbd> or <kbd>F4</kbd></td>
         <td>Manually increase the spectrogram window size
         </td>
     </tr>

index.html

@@ -1116,10 +1116,10 @@ <h5 class="modal-title" id="locationModalLabel">Set Location</h5>
                 </div>
                 <!-- Controls view -->
                 <div class="container-fluid p-1 text-bg-dark d-inline-flex" id="controlsWrapper" style="max-height: 50px" title="Drag to resize the Spectrogram window.">
-                    <a id="metadata" class="pointer pt-2 d-none" tabindex="-1" data-bs-custom-class="metadata-popover" data-bs-html="true" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="File Metadata" id="File Metadata-circle-help" >
+                    <a id="metadata" class="pointer pt-2 d-none" tabindex="-1" data-bs-custom-class="metadata-popover" data-bs-html="true" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="File Metadata" id="File-Metadata-circle-help">
                         <span class="material-symbols-outlined"  title="Display File Metadata">other_admission</span></a>
                     <div id="filename" class="col-auto ps-1 overflow-visible flex-nowrap"></div>
-                    <div id="unsaved-icon" class="material-symbols-outlined ms-2 me-2 text-warning pointer d-none"  tabindex="-1" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="Unsaved Edits" id="Unsaved Edits-circle-help"  data-bs-content="There are changes to the results that haven't been saved.">warning</div>
+                    <div id="unsaved-icon" class="material-symbols-outlined ms-2 me-2 text-warning pointer d-none"  tabindex="-1" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="Unsaved Edits" id="Unsaved-Edits-circle-help"  data-bs-content="There are changes to the results that haven't been saved.">warning</div>
                     <div class="btn-group bg-dark pt-0 p-1 ms-2 me-2 text-nowrap" role="group">
                         <button id="playToggle" class="p-1 pe-2 btn btn-outline-secondary" title="Play / Pause (SpaceBar)">
                             <span class="material-symbols-outlined ">play_circle</span><span

js/BirdNet2.4.js

@@ -248,7 +248,7 @@ class Model {
         })
     }
 
-    async predictBatch(audio, keys, threshold, confidence) {
+    async predictBatch(audio, keys) {
         const TensorBatch = audio; //this.fixUpSpecBatch(audio); // + 1 tensor
 
         let paddedTensorBatch, maskedTensorBatch;

js/model.js

@@ -238,7 +238,7 @@ class Model {
 
     addContext(prediction, tensor, confidence) {
         // Create a set of images from the batch, offset by half the width of the original images
-        const [batchSize, height, width, channel] = tensor.shape;
+        const [_, height, width, channel] = tensor.shape;
         return tf.tidy(() => {
             const firstHalf = tensor.slice([0, 0, 0, 0], [-1, -1, width / 2, -1]);
             const secondHalf = tensor.slice([0, 0, width / 2, 0], [-1, -1, width / 2, -1]);