try for better ocr puzzle

opus_submitter/src/stores/submissions.ts

@@ -0,0 +1,100 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import type { Submission, SubmissionFile } from '@/types'
+import { submissionHelpers } from '@/services/apiService'
+import { usePuzzlesStore } from './puzzles'
+
+export const useSubmissionsStore = defineStore('submissions', () => {
+  // State
+  const submissions = ref<Submission[]>([])
+  const isLoading = ref(false)
+  const error = ref<string>('')
+  const isSubmissionModalOpen = ref(false)
+
+  // Actions
+  const loadSubmissions = async (limit = 20, offset = 0) => {
+    try {
+      isLoading.value = true
+      error.value = ''
+      
+      const loadedSubmissions = await submissionHelpers.loadSubmissions(limit, offset)
+      
+      if (offset === 0) {
+        submissions.value = loadedSubmissions
+      } else {
+        submissions.value.push(...loadedSubmissions)
+      }
+    } catch (err) {
+      error.value = 'Failed to load submissions'
+      console.error('Error loading submissions:', err)
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  const createSubmission = async (
+    files: SubmissionFile[], 
+    notes?: string, 
+    manualValidationRequested?: boolean
+  ): Promise<Submission | undefined> => {
+    try {
+      isLoading.value = true
+      error.value = ''
+      
+      const puzzlesStore = usePuzzlesStore()
+      
+      const response = await submissionHelpers.createFromFiles(
+        files,
+        puzzlesStore.puzzles,
+        notes,
+        manualValidationRequested
+      )
+      
+      if (response.error) {
+        error.value = response.error
+        throw new Error(response.error)
+      }
+      
+      if (response.data) {
+        // Add to local submissions list
+        submissions.value.unshift(response.data)
+        return response.data
+      }
+      
+      return undefined
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : 'Failed to create submission'
+      throw err
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  const openSubmissionModal = () => {
+    isSubmissionModalOpen.value = true
+  }
+
+  const closeSubmissionModal = () => {
+    isSubmissionModalOpen.value = false
+  }
+
+  const refreshSubmissions = async () => {
+    submissions.value = []
+    await loadSubmissions()
+  }
+
+  return {
+    // State
+    submissions,
+    isLoading,
+    error,
+    isSubmissionModalOpen,
+    
+    // Actions
+    loadSubmissions,
+    createSubmission,
+    openSubmissionModal,
+    closeSubmissionModal,
+    refreshSubmissions
+  }
+})