change for ocr confidence

opus_submitter/src/components/AdminPanel.vue

@@ -48,14 +48,41 @@
                 </td>
                 <td>
                   <div class="text-sm space-y-1">
-                    <div>Cost: {{ response.cost || '-' }}</div>
-                    <div>Cycles: {{ response.cycles || '-' }}</div>
-                    <div>Area: {{ response.area || '-' }}</div>
+                    <div class="flex justify-between items-center">
+                      <span>Cost: {{ response.cost || '-' }}</span>
+                      <span 
+                        v-if="response.ocr_confidence_cost" 
+                        class="badge badge-xs"
+                        :class="getConfidenceBadgeClass(response.ocr_confidence_cost)"
+                      >
+                        {{ Math.round(response.ocr_confidence_cost * 100) }}%
+                      </span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                      <span>Cycles: {{ response.cycles || '-' }}</span>
+                      <span 
+                        v-if="response.ocr_confidence_cycles" 
+                        class="badge badge-xs"
+                        :class="getConfidenceBadgeClass(response.ocr_confidence_cycles)"
+                      >
+                        {{ Math.round(response.ocr_confidence_cycles * 100) }}%
+                      </span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                      <span>Area: {{ response.area || '-' }}</span>
+                      <span 
+                        v-if="response.ocr_confidence_area" 
+                        class="badge badge-xs"
+                        :class="getConfidenceBadgeClass(response.ocr_confidence_area)"
+                      >
+                        {{ Math.round(response.ocr_confidence_area * 100) }}%
+                      </span>
+                    </div>
                   </div>
                 </td>
                 <td>
                   <div class="badge badge-warning badge-sm">
-                    {{ response.ocr_confidence_score ? Math.round(response.ocr_confidence_score * 100) + '%' : 'Low' }}
+                    {{ getOverallConfidence(response) }}%
                   </div>
                 </td>
                 <td>
@@ -273,6 +300,26 @@ onMounted(() => {
   loadData()
 })
 
+// Helper functions for confidence display
+const getConfidenceBadgeClass = (confidence: number): string => {
+  if (confidence >= 0.8) return 'badge-success'
+  if (confidence >= 0.6) return 'badge-warning'
+  return 'badge-error'
+}
+
+const getOverallConfidence = (response: PuzzleResponse): number => {
+  const confidences = [
+    response.ocr_confidence_cost,
+    response.ocr_confidence_cycles,
+    response.ocr_confidence_area
+  ].filter(conf => conf !== undefined && conf !== null) as number[]
+  
+  if (confidences.length === 0) return 0
+  
+  const average = confidences.reduce((sum, conf) => sum + conf, 0) / confidences.length
+  return Math.round(average * 100)
+}
+
 // Expose refresh method
 defineExpose({
   refresh: loadData