add manual validation request on the submission form

opus_submitter/src/components/SubmissionForm.vue

@@ -40,6 +40,25 @@
           </div>
         </div>
         
+        <!-- Manual Validation Request -->
+        <div class="form-control">
+          <label class="label cursor-pointer justify-start gap-3">
+            <input 
+              type="checkbox" 
+              v-model="manualValidationRequested"
+              class="checkbox checkbox-primary"
+            />
+            <div class="flex-1">
+              <span class="label-text font-medium">Request manual validation</span>
+              <div class="label-text-alt text-xs opacity-70 mt-1">
+                Check this if you want an admin to manually review your submission, even if OCR confidence is high.
+                <br>
+                <em>Note: This will be automatically checked if any OCR confidence is below 50%.</em>
+              </div>
+            </div>
+          </label>
+        </div>
+        
         <!-- Submit Button -->
         <div class="card-actions justify-end">
           <button 
@@ -57,7 +76,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, watch } from 'vue'
 import FileUpload from './FileUpload.vue'
 import type { SteamCollectionItem, SubmissionFile } from '@/types'
 
@@ -67,7 +86,7 @@ interface Props {
 }
 
 interface Emits {
-  submit: [submissionData: { files: SubmissionFile[], notes?: string }]
+  submit: [submissionData: { files: SubmissionFile[], notes?: string, manualValidationRequested?: boolean }]
 }
 
 const props = defineProps<Props>()
@@ -75,6 +94,7 @@ const emit = defineEmits<Emits>()
 
 const submissionFiles = ref<SubmissionFile[]>([])
 const notes = ref('')
+const manualValidationRequested = ref(false)
 const isSubmitting = ref(false)
 
 const notesLength = computed(() => notes.value.length)
@@ -104,6 +124,23 @@ const responsesByPuzzle = computed(() => {
   return grouped
 })
 
+// Check if any OCR confidence is below 50%
+const hasLowConfidence = computed(() => {
+  return submissionFiles.value.some(file => {
+    if (!file.ocrData?.confidence) return false
+    return file.ocrData.confidence.cost < 0.5 || 
+           file.ocrData.confidence.cycles < 0.5 || 
+           file.ocrData.confidence.area < 0.5
+  })
+})
+
+// Auto-check manual validation when confidence is low
+watch(hasLowConfidence, (newValue) => {
+  if (newValue && !manualValidationRequested.value) {
+    manualValidationRequested.value = true
+  }
+}, { immediate: true })
+
 const handleSubmit = async () => {
   if (!canSubmit.value) return
   
@@ -113,12 +150,14 @@ const handleSubmit = async () => {
     // Emit the files and notes for the parent to handle API submission
     emit('submit', {
       files: submissionFiles.value,
-      notes: notes.value.trim() || undefined
+      notes: notes.value.trim() || undefined,
+      manualValidationRequested: manualValidationRequested.value
     })
     
     // Reset form
     submissionFiles.value = []
     notes.value = ''
+    manualValidationRequested.value = false
     
   } catch (error) {
     console.error('Submission error:', error)