From 1dbc1b2c9480f6eaba75b8642079b36410e35f4f Mon Sep 17 00:00:00 2001
From: naglepuff <mike.nagler@kitware.com>
Date: Mon, 29 Dec 2025 12:48:08 -0500
Subject: [PATCH 1/4] Show progress bar for submitted recordings

---
 client/src/views/Recordings.vue | 67 +++++++++++++++++++++++++++++++--
 1 file changed, 63 insertions(+), 4 deletions(-)

diff --git a/client/src/views/Recordings.vue b/client/src/views/Recordings.vue
index 3efd914c..1baaadcc 100644
--- a/client/src/views/Recordings.vue
+++ b/client/src/views/Recordings.vue
@@ -20,6 +20,7 @@ import BatchUploadRecording from '@components/BatchUploadRecording.vue';
 import RecordingInfoDisplay from '@components/RecordingInfoDisplay.vue';
 import RecordingAnnotationSummary from '@components/RecordingAnnotationSummary.vue';
 import { FilterFunction, InternalItem } from 'vuetify';
+import { getNABatConfigurationAnnotations } from '@api/NABatApi';
 
 export default defineComponent({
     components: {
@@ -231,6 +232,33 @@ export default defineComponent({
       }
     }
 
+    const countSubmittedMyRecordings = computed(() => {
+      const submittedByMe = recordingList.value.filter((recording: Recording) => {
+        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+          annotation.owner === currentUser.value && annotation.submitted
+        ));
+        return myAnnotations.length > 0;
+      });
+      return submittedByMe.length;
+    });
+    const countSubmittedSharedRecordings = computed(() => {
+      const submittedByMe = sharedList.value.filter((recording: Recording) => {
+        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+          annotation.owner === currentUser.value && annotation.submitted
+        ));
+        return myAnnotations.length > 0;
+      });
+      return submittedByMe.length;
+    });
+
+    const recordingListStyles = computed(() => {
+      const sectionHeight = configuration.value.mark_annotations_completed_enabled ? '35vh' : '40vh';
+      return {
+        'height': sectionHeight,
+        'max-height': sectionHeight,
+      };
+    });
+
     onMounted(async () => {
       await loadCurrentUser();
       await fetchRecordingTags();
@@ -308,6 +336,9 @@ export default defineComponent({
         dataLoading,
         submittedForCurrentUser,
         configuration,
+        countSubmittedMyRecordings,
+        countSubmittedSharedRecordings,
+        recordingListStyles,
      };
   },
 });
@@ -379,6 +410,7 @@ export default defineComponent({
         density="compact"
         :loading="dataLoading"
         class="elevation-1 my-recordings"
+        :style="recordingListStyles"
       >
         <template #top>
           <div max-height="100px">
@@ -524,6 +556,21 @@ export default defineComponent({
         </template>
         <template #bottom />
       </v-data-table>
+      <div
+        v-if="recordingList.length && configuration.mark_annotations_completed_enabled"
+        class="d-flex justify-center align-center"
+      >
+        <v-progress-linear
+          height="10"
+          color="success"
+          :model-value="countSubmittedMyRecordings"
+          min="0"
+          :max="recordingList.length"
+        />
+        <span class="ml-4 text-h6">
+          ({{ countSubmittedMyRecordings }}/{{ recordingList.length }})
+        </span>
+      </div>
     </v-card-text>
     <v-dialog
       v-model="uploadDialog"
@@ -564,6 +611,7 @@ export default defineComponent({
         :loading="dataLoading"
         density="compact"
         class="elevation-1 shared-recordings"
+        :style="recordingListStyles"
       >
         <template #top>
           <div max-height="100px">
@@ -683,19 +731,30 @@ export default defineComponent({
         </template>
         <template #bottom />
       </v-data-table>
+      <div
+        v-if="sharedList.length && configuration.mark_annotations_completed_enabled"
+        class="d-flex justify-center align-center"
+      >
+        <v-progress-linear
+          height="10"
+          color="success"
+          :model-value="countSubmittedSharedRecordings"
+          min="0"
+          :max="sharedList.length"
+        />
+        <span class="ml-4 text-h6">
+          ({{ countSubmittedSharedRecordings }}/{{ sharedList.length }})
+        </span>
+      </div>
     </v-card-text>
   </v-card>
 </template>
 
 <style scoped>
 .my-recordings {
-  height: 40vh;
-  max-height: 40vh;
   overflow-y:scroll;
 }
 .shared-recordings {
-  height: 40vh;
-  max-height: 40vh;
   overflow-y:scroll;
 }
 </style>

From 20febf70fede1f0a05cb7b5dd5bb0533e2252c12 Mon Sep 17 00:00:00 2001
From: naglepuff <mike.nagler@kitware.com>
Date: Mon, 29 Dec 2025 13:59:30 -0500
Subject: [PATCH 2/4] Enable showing/hiding submitted recordings

---
 client/src/use/useState.ts      |  2 +
 client/src/views/Recordings.vue | 99 ++++++++++++++++++++++-----------
 2 files changed, 68 insertions(+), 33 deletions(-)

diff --git a/client/src/use/useState.ts b/client/src/use/useState.ts
index 04b7aa92..8af93eb7 100644
--- a/client/src/use/useState.ts
+++ b/client/src/use/useState.ts
@@ -158,6 +158,7 @@ export default function useState() {
     return router.currentRoute.value.fullPath.includes('nabat');
   }
 
+  const showSubmittedRecordings = ref(false);
 
   return {
     annotationState,
@@ -201,5 +202,6 @@ export default function useState() {
     scaledHeight,
     fixedAxes,
     toggleFixedAxes,
+    showSubmittedRecordings,
   };
 }
diff --git a/client/src/views/Recordings.vue b/client/src/views/Recordings.vue
index 1baaadcc..dce711fd 100644
--- a/client/src/views/Recordings.vue
+++ b/client/src/views/Recordings.vue
@@ -20,7 +20,6 @@ import BatchUploadRecording from '@components/BatchUploadRecording.vue';
 import RecordingInfoDisplay from '@components/RecordingInfoDisplay.vue';
 import RecordingAnnotationSummary from '@components/RecordingAnnotationSummary.vue';
 import { FilterFunction, InternalItem } from 'vuetify';
-import { getNABatConfigurationAnnotations } from '@api/NABatApi';
 
 export default defineComponent({
     components: {
@@ -39,6 +38,7 @@ export default defineComponent({
       currentUser,
       configuration,
       loadCurrentUser,
+      showSubmittedRecordings,
     } = useState();
     const editingRecording: Ref<EditingRecording | null> = ref(null);
     let intervalRef: number | null = null;
@@ -232,23 +232,44 @@ export default defineComponent({
       }
     }
 
-    const countSubmittedMyRecordings = computed(() => {
+    const submittedMyRecordings = computed(() => {
       const submittedByMe = recordingList.value.filter((recording: Recording) => {
         const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
           annotation.owner === currentUser.value && annotation.submitted
         ));
         return myAnnotations.length > 0;
       });
-      return submittedByMe.length;
+      return submittedByMe;
     });
-    const countSubmittedSharedRecordings = computed(() => {
+
+    const submittedSharedRecordings = computed(() => {
       const submittedByMe = sharedList.value.filter((recording: Recording) => {
         const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
           annotation.owner === currentUser.value && annotation.submitted
         ));
         return myAnnotations.length > 0;
       });
-      return submittedByMe.length;
+      return submittedByMe;
+    });
+
+    const unsubmittedMyRecordings = computed(() => {
+      const unsubmitted = recordingList.value.filter((recording: Recording) => {
+        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+          annotation.owner === currentUser.value && annotation.submitted
+        ));
+        return myAnnotations.length === 0;
+      });
+      return unsubmitted;
+    });
+
+    const unsubmittedSharedRecordings = computed(() => {
+      const unsubmitted = sharedList.value.filter((recording: Recording) => {
+        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+          annotation.owner === currentUser.value && annotation.submitted
+        ));
+        return myAnnotations.length === 0;
+      });
+      return unsubmitted;
     });
 
     const recordingListStyles = computed(() => {
@@ -336,9 +357,12 @@ export default defineComponent({
         dataLoading,
         submittedForCurrentUser,
         configuration,
-        countSubmittedMyRecordings,
-        countSubmittedSharedRecordings,
+        submittedMyRecordings,
+        submittedSharedRecordings,
+        unsubmittedMyRecordings,
+        unsubmittedSharedRecordings,
         recordingListStyles,
+        showSubmittedRecordings,
      };
   },
 });
@@ -352,26 +376,35 @@ export default defineComponent({
           My Recordings
         </div>
         <v-spacer />
-        <v-menu>
-          <template #activator="{ props }">
-            <v-btn
-              color="primary"
-              v-bind="props"
-            >
-              Upload <v-icon>mdi-chevron-down</v-icon>
-            </v-btn>
-          </template>
-          <v-list>
-            <v-list-item @click="uploadDialog=true">
-              <v-list-item-title>Upload Recording</v-list-item-title>
-            </v-list-item>
-            <v-list-item @click="batchUploadDialog=true">
-              <v-list-item-title>
-                Batch Upload
-              </v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
+        <div class="d-flex justify-center align-center">
+          <v-checkbox
+            v-if="configuration.mark_annotations_completed_enabled"
+            v-model="showSubmittedRecordings"
+            class="mr-4"
+            label="Show submitted recordings"
+            hide-details
+          />
+          <v-menu>
+            <template #activator="{ props }">
+              <v-btn
+                color="primary"
+                v-bind="props"
+              >
+                Upload <v-icon>mdi-chevron-down</v-icon>
+              </v-btn>
+            </template>
+            <v-list>
+              <v-list-item @click="uploadDialog=true">
+                <v-list-item-title>Upload Recording</v-list-item-title>
+              </v-list-item>
+              <v-list-item @click="batchUploadDialog=true">
+                <v-list-item-title>
+                  Batch Upload
+                </v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
+        </div>
       </v-row>
     </v-card-title>
     <v-card-text>
@@ -403,7 +436,7 @@ export default defineComponent({
       <v-data-table
         v-model:items-per-page="itemsPerPage"
         :headers="headers"
-        :items="recordingList"
+        :items="showSubmittedRecordings ? recordingList : unsubmittedMyRecordings"
         :custom-filter="tagFilter"
         filter-keys="['tag']"
         :search="filterTags.length ? 'seach-active' : ''"
@@ -563,12 +596,12 @@ export default defineComponent({
         <v-progress-linear
           height="10"
           color="success"
-          :model-value="countSubmittedMyRecordings"
+          :model-value="submittedMyRecordings.length"
           min="0"
           :max="recordingList.length"
         />
         <span class="ml-4 text-h6">
-          ({{ countSubmittedMyRecordings }}/{{ recordingList.length }})
+          ({{ submittedMyRecordings.length }}/{{ recordingList.length }})
         </span>
       </div>
     </v-card-text>
@@ -604,7 +637,7 @@ export default defineComponent({
       <v-data-table
         v-model:items-per-page="itemsPerPage"
         :headers="sharedHeaders"
-        :items="sharedList"
+        :items="showSubmittedRecordings ? sharedList : unsubmittedSharedRecordings"
         :custom-filter="sharedTagFilter"
         filter-keys="['tag']"
         :search="sharedFilterTags.length ? 'seach-active' : ''"
@@ -738,12 +771,12 @@ export default defineComponent({
         <v-progress-linear
           height="10"
           color="success"
-          :model-value="countSubmittedSharedRecordings"
+          :model-value="submittedSharedRecordings.length"
           min="0"
           :max="sharedList.length"
         />
         <span class="ml-4 text-h6">
-          ({{ countSubmittedSharedRecordings }}/{{ sharedList.length }})
+          ({{ submittedSharedRecordings.length }}/{{ sharedList.length }})
         </span>
       </div>
     </v-card-text>

From 6f5fc43e815f770bd6c1905ed79ee68ed09a287f Mon Sep 17 00:00:00 2001
From: naglepuff <mike.nagler@kitware.com>
Date: Mon, 29 Dec 2025 17:10:19 -0500
Subject: [PATCH 3/4] Toggle submitted recordings in sidebar

---
 client/src/components/RecordingList.vue | 21 +++++++-
 client/src/use/useState.ts              | 67 ++++++++++++++++++++++++-
 client/src/views/Recordings.vue         | 66 ++++++------------------
 3 files changed, 100 insertions(+), 54 deletions(-)

diff --git a/client/src/components/RecordingList.vue b/client/src/components/RecordingList.vue
index ef15a5dd..9b3469e0 100644
--- a/client/src/components/RecordingList.vue
+++ b/client/src/components/RecordingList.vue
@@ -7,7 +7,15 @@ import  { EditingRecording } from './UploadRecording.vue';
 export default defineComponent({
   setup() {
 
-    const { sharedList, recordingList, currentUser, configuration } = useState();
+    const {
+      sharedList,
+      recordingList,
+      currentUser,
+      configuration,
+      showSubmittedRecordings,
+      myRecordingsDisplay,
+      sharedRecordingsDisplay,
+    } = useState();
     const editingRecording: Ref<EditingRecording | null> = ref(null);
 
     const fetchRecordings = async () => {
@@ -47,6 +55,9 @@ export default defineComponent({
         openPanel,
         userSubmittedAnnotation,
         configuration,
+        myRecordingsDisplay,
+        sharedRecordingsDisplay,
+        showSubmittedRecordings,
      };
   },
 });
@@ -54,11 +65,17 @@ export default defineComponent({
 
 <template>
   <v-expansion-panels v-model="openPanel">
+    <v-checkbox
+      v-if="configuration.mark_annotations_completed_enabled"
+      v-model="showSubmittedRecordings"
+      label="Show submitted recordings"
+      hide-details
+    />
     <v-expansion-panel>
       <v-expansion-panel-title>My Recordings</v-expansion-panel-title>
       <v-expansion-panel-text>
         <div
-          v-for="item in recordingList"
+          v-for="item in myRecordingsDisplay"
           :key="`public_${item.id}`"
         >
           <v-card class="pa-2 my-2">
diff --git a/client/src/use/useState.ts b/client/src/use/useState.ts
index 8af93eb7..ca632fba 100644
--- a/client/src/use/useState.ts
+++ b/client/src/use/useState.ts
@@ -1,4 +1,4 @@
-import { ref, Ref, watch } from "vue";
+import { computed, ref, Ref, watch } from "vue";
 import { useRouter } from 'vue-router';
 import { cloneDeep } from "lodash";
 import * as d3 from "d3";
@@ -160,6 +160,65 @@ export default function useState() {
 
   const showSubmittedRecordings = ref(false);
 
+  const submittedMyRecordings = computed(() => {
+    const submittedByMe = recordingList.value.filter((recording: Recording) => {
+      const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+        annotation.owner === currentUser.value && annotation.submitted
+      ));
+      return myAnnotations.length > 0;
+    });
+    return submittedByMe;
+  });
+
+  const submittedSharedRecordings = computed(() => {
+    const submittedByMe = sharedList.value.filter((recording: Recording) => {
+      const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+        annotation.owner === currentUser.value && annotation.submitted
+      ));
+      return myAnnotations.length > 0;
+    });
+    return submittedByMe;
+  });
+
+  const unsubmittedMyRecordings = computed(() => {
+    const unsubmitted = recordingList.value.filter((recording: Recording) => {
+      const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+        annotation.owner === currentUser.value && annotation.submitted
+      ));
+      return myAnnotations.length === 0;
+    });
+    return unsubmitted;
+  });
+
+  const unsubmittedSharedRecordings = computed(() => {
+    const unsubmitted = sharedList.value.filter((recording: Recording) => {
+      const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+        annotation.owner === currentUser.value && annotation.submitted
+      ));
+      return myAnnotations.length === 0;
+    });
+    return unsubmitted;
+  });
+
+  // Use state to determine which recordings should be shown to the user
+  const myRecordingsDisplay = computed(() => {
+    if (!configuration.value.mark_annotations_completed_enabled) {
+      return recordingList.value;
+    } else {
+      return showSubmittedRecordings.value ? recordingList.value : unsubmittedMyRecordings.value;
+    }
+  });
+
+  const sharedRecordingsDisplay = computed(() => {
+    if (!configuration.value.mark_annotations_completed_enabled) {
+      return sharedList.value;
+    } else {
+      return showSubmittedRecordings.value ? sharedList.value : unsubmittedSharedRecordings.value;
+    }
+  });
+
+
+
   return {
     annotationState,
     creationType,
@@ -203,5 +262,11 @@ export default function useState() {
     fixedAxes,
     toggleFixedAxes,
     showSubmittedRecordings,
+    submittedMyRecordings,
+    submittedSharedRecordings,
+    unsubmittedMyRecordings,
+    unsubmittedSharedRecordings,
+    myRecordingsDisplay,
+    sharedRecordingsDisplay,
   };
 }
diff --git a/client/src/views/Recordings.vue b/client/src/views/Recordings.vue
index dce711fd..451fed5e 100644
--- a/client/src/views/Recordings.vue
+++ b/client/src/views/Recordings.vue
@@ -22,13 +22,13 @@ import RecordingAnnotationSummary from '@components/RecordingAnnotationSummary.v
 import { FilterFunction, InternalItem } from 'vuetify';
 
 export default defineComponent({
-    components: {
-        UploadRecording,
-        MapLocation,
-        BatchUploadRecording,
-        RecordingInfoDisplay,
-        RecordingAnnotationSummary,
-    },
+  components: {
+    UploadRecording,
+    MapLocation,
+    BatchUploadRecording,
+    RecordingInfoDisplay,
+    RecordingAnnotationSummary,
+  },
   setup() {
     const itemsPerPage = ref(-1);
     const {
@@ -39,6 +39,10 @@ export default defineComponent({
       configuration,
       loadCurrentUser,
       showSubmittedRecordings,
+      submittedMyRecordings,
+      submittedSharedRecordings,
+      myRecordingsDisplay,
+      sharedRecordingsDisplay,
     } = useState();
     const editingRecording: Ref<EditingRecording | null> = ref(null);
     let intervalRef: number | null = null;
@@ -232,46 +236,6 @@ export default defineComponent({
       }
     }
 
-    const submittedMyRecordings = computed(() => {
-      const submittedByMe = recordingList.value.filter((recording: Recording) => {
-        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
-          annotation.owner === currentUser.value && annotation.submitted
-        ));
-        return myAnnotations.length > 0;
-      });
-      return submittedByMe;
-    });
-
-    const submittedSharedRecordings = computed(() => {
-      const submittedByMe = sharedList.value.filter((recording: Recording) => {
-        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
-          annotation.owner === currentUser.value && annotation.submitted
-        ));
-        return myAnnotations.length > 0;
-      });
-      return submittedByMe;
-    });
-
-    const unsubmittedMyRecordings = computed(() => {
-      const unsubmitted = recordingList.value.filter((recording: Recording) => {
-        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
-          annotation.owner === currentUser.value && annotation.submitted
-        ));
-        return myAnnotations.length === 0;
-      });
-      return unsubmitted;
-    });
-
-    const unsubmittedSharedRecordings = computed(() => {
-      const unsubmitted = sharedList.value.filter((recording: Recording) => {
-        const myAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
-          annotation.owner === currentUser.value && annotation.submitted
-        ));
-        return myAnnotations.length === 0;
-      });
-      return unsubmitted;
-    });
-
     const recordingListStyles = computed(() => {
       const sectionHeight = configuration.value.mark_annotations_completed_enabled ? '35vh' : '40vh';
       return {
@@ -359,10 +323,10 @@ export default defineComponent({
         configuration,
         submittedMyRecordings,
         submittedSharedRecordings,
-        unsubmittedMyRecordings,
-        unsubmittedSharedRecordings,
         recordingListStyles,
         showSubmittedRecordings,
+        myRecordingsDisplay,
+        sharedRecordingsDisplay,
      };
   },
 });
@@ -436,7 +400,7 @@ export default defineComponent({
       <v-data-table
         v-model:items-per-page="itemsPerPage"
         :headers="headers"
-        :items="showSubmittedRecordings ? recordingList : unsubmittedMyRecordings"
+        :items="myRecordingsDisplay"
         :custom-filter="tagFilter"
         filter-keys="['tag']"
         :search="filterTags.length ? 'seach-active' : ''"
@@ -637,7 +601,7 @@ export default defineComponent({
       <v-data-table
         v-model:items-per-page="itemsPerPage"
         :headers="sharedHeaders"
-        :items="showSubmittedRecordings ? sharedList : unsubmittedSharedRecordings"
+        :items="sharedRecordingsDisplay"
         :custom-filter="sharedTagFilter"
         filter-keys="['tag']"
         :search="sharedFilterTags.length ? 'seach-active' : ''"

From 43caf6652dff9f57020ee1c91e1de350b7ea8465 Mon Sep 17 00:00:00 2001
From: naglepuff <mike.nagler@kitware.com>
Date: Tue, 30 Dec 2025 17:24:45 -0500
Subject: [PATCH 4/4] Fix submission bug

---
 bats_ai/core/views/recording_annotation.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bats_ai/core/views/recording_annotation.py b/bats_ai/core/views/recording_annotation.py
index d765d5c2..834714be 100644
--- a/bats_ai/core/views/recording_annotation.py
+++ b/bats_ai/core/views/recording_annotation.py
@@ -201,7 +201,7 @@ def submit_recording_annotation(request: HttpRequest, id: int):
         annotation = RecordingAnnotation.objects.get(pk=id)
 
         # Check permission
-        if annotation.recording.owner != request.user:
+        if annotation.owner != request.user:
             raise HttpError(403, 'Permission denied.')
 
         annotation.submitted = True