# Correcciones Realizadas

## 1. Problema de Inserción de CUPS (Desplazamiento y borrado de campos)
**Causa:** El uso del índice del array (`index`) como `key` en React y como clave para almacenar el estado auxiliar (`cupsOptionsPorFila`). Al insertar una fila al principio, los índices cambiaban, pero React reutilizaba los componentes existentes (con su estado interno) para las nuevas posiciones, causando que los datos visuales no coincidieran con los datos lógicos o se "borraran".

**Solución:**
- Se implementó la generación de un `tempId` único para cada nueva fila añadida.
- Se modificó la lógica para usar un ID único (`cupsId` para filas existentes, `tempId` para nuevas) como:
    - `key` en el renderizado de filas de la tabla.
    - Clave para almacenar y recuperar las opciones de CUPS (`cupsOptionsPorFila`).
    - ID para los inputs del formulario.
- Esto asegura que cada fila mantenga su identidad y su estado asociado independientemente de su posición en la tabla.

## 2. Problema del Botón "Limpiar Cliente"
**Causa:** La función `handleClearClienteElectrico` (y su versión de Gas) limpiaba los campos de texto (`razon_social`, `documento_fiscal`) pero **no limpiaba el campo `clienteId`**. Como el componente `Typeahead` depende de `clienteId` para mostrar el valor seleccionado, visualmente parecía que no funcionaba o no se borraba el cliente.

**Solución:**
- Se añadió explícitamente `clienteId: ''` en la actualización del estado al limpiar el cliente.
- Se actualizó la lógica para limpiar también los estados auxiliares usando el ID único de la fila en lugar del índice.

## Archivos Modificados
- `resources/js/Pages/Eneon/Contratos/MultiClienteMultiPunto/ts/useContratoMultiClienteMultiPunto.ts`
- `resources/js/Pages/Eneon/Contratos/MultiClienteMultiPunto/components/CupsElectricosTable.tsx`
- `resources/js/Pages/Eneon/Contratos/MultiClienteMultiPunto/components/CupsGasTable.tsx`