OCR Receipt Scanning

📸 TICKET ANALIZADO:

💰 Monto: $450.50
🏪 Comercio: Pemex
📁 Categoría sugerida: Transporte
📋 Items: Magna Premium 30L, Total
📅 Fecha: 2025-10-06

📝 Descripción: Llenado de combustible en Pemex

{
  "es_ticket": true,
  "monto": 450.50,
  "comercio": "Pemex",
  "categoria_sugerida": "Transporte",
  "items": ["Magna Premium 30L", "Total"],
  "fecha": "2025-10-06",
  "descripcion": "Llenado de combustible en Pemex"
}

📸 TICKET ANALIZADO:

💰 Monto: $350.00
🏪 Comercio: Walmart
📁 Categoría sugerida: Alimentación
📋 Items: Leche, Pan, Huevos, Verduras
📅 Fecha: 2025-10-09

📝 Descripción: Compra de despensa en Walmart

📸 TICKET ANALIZADO:

💰 Monto: $280.00
🏪 Comercio: Restaurante La Casa
📁 Categoría sugerida: Alimentación
📋 Items: 2x Tacos, 1x Refresco, Propina
📅 Fecha: 2025-10-09

📝 Descripción: Comida en restaurante

⚠️ IMAGEN NO RECONOCIDA COMO TICKET

Esta es una captura de pantalla de una conversación de texto, 
no un ticket o factura.

💡 Sugerencia: Sube una foto de un ticket, factura o recibo de 
compra para que pueda analizarlo.

Si quieres registrar algo manualmente, dime:
- ¿Es gasto o ingreso?
- Monto
- Comercio/Proveedor
- Categoría

{
  image: File // Image file from form upload
}

{
  success: true,
  url: string,        // Public URL of uploaded image
  analysis: string,   // Formatted text response
  data: {             // Structured JSON data
    es_ticket: boolean,
    monto?: number,
    comercio?: string,
    categoria_sugerida?: string,
    items?: string[],
    fecha?: string,
    descripcion?: string,
    razon?: string,      // If not a ticket
    sugerencia?: string  // If not a ticket
  }
}

const timestamp = Date.now()
const fileName = `ticket_${timestamp}_${image.name}`

await supabase.storage
  .from('facturas')
  .upload(fileName, imageBytes, {
    contentType: image.type,
  })

const { data } = supabase.storage
  .from('facturas')
  .getPublicUrl(fileName)

await fetch('https://openrouter.ai/api/v1/chat/completions', {
  method: 'POST',
  headers: {
    'Authorization': `Bearer ${process.env.OPENROUTER_API_KEY}`,
    'Content-Type': 'application/json',
    'HTTP-Referer': process.env.NEXT_PUBLIC_SITE_URL,
    'X-Title': 'Sistema Financiero - OCR',
  },
  body: JSON.stringify({
    model: 'google/gemini-2.5-flash',
    messages: [
      {
        role: 'user',
        content: [
          {
            type: 'text',
            text: '...' // Detailed extraction prompt
          },
          {
            type: 'image_url',
            image_url: { url: imageUrl }
          }
        ]
      }
    ],
    max_tokens: 400,
    temperature: 0.1,
    response_format: { type: 'json_object' }
  })
})

Analiza esta imagen y determina si es un ticket/factura válido.

PASO 1: VALIDAR SI ES UN TICKET
- ¿La imagen muestra un ticket, factura, recibo o comprobante de compra?
- ¿Tiene información de comercio, monto, items comprados?
- Si es screenshot de chat, foto aleatoria, o documento que NO sea ticket
  → marca "es_ticket": false

INSTRUCCIONES SI ES TICKET:
1. Extrae el MONTO TOTAL (solo número, sin símbolos)
2. Identifica el COMERCIO/ESTABLECIMIENTO
3. Sugiere UNA categoría de la lista válida (la más apropiada)
4. Lista los items principales si son visibles
5. Extrae fecha si está visible

RESPONDE SOLO CON JSON (sin markdown, sin explicaciones)

// In chat API
if (images.length > 0) {
  openRouterMessages[openRouterMessages.length - 1].content += 
    `\n\n[El usuario subió ${images.length} imagen(es). 
    Analiza las imágenes para extraer información del ticket.]`
}

if (uploadError) {
  throw new Error(`Upload error: ${uploadError.message}`)
}

if (!visionResponse.ok) {
  console.error('Vision API error:', errorText)
  throw new Error(`Vision API error: ${visionResponse.statusText}`)
}

try {
  ocrData = JSON.parse(analysisText)
} catch (parseError) {
  // Fallback to plain text
  ocrData = {
    monto: null,
    comercio: 'Desconocido',
    categoria_sugerida: 'Otros Gastos',
    items: [],
    descripcion: analysisText,
  }
}