Usar la skill Issel Code Widgets

$issel-code-widgets
Crea un formulario de clientes con nombre, correo y estado activo.
El nombre y el correo son obligatorios. Al guardar, muestra confirmación
y vuelve al listado. Usa el repositorio de clientes que ya existe en el proyecto.

$issel-code-widgets
Crea un login con correo, contraseña, mostrar contraseña y recuperar acceso.
Reutiliza lib/core/api/auth_api.dart. La sesión devuelve
{"token":"...","user":{"id":1,"name":"Ana","email":"ana@ejemplo.com"}}.
Al iniciar sesión abre el panel; los errores deben mostrarse con el servicio
de toasts existente. Revisa los métodos reales antes de conectar el formulario.

$issel-code-widgets
Crea acceso con correo y contraseña usando Firebase Authentication.
Reutiliza la inicialización Firebase del proyecto. Incluye recuperar contraseña,
validación y mensaje de credenciales incorrectas. Mantén los tipos Firebase
en la capa de datos y devuelve la entidad de sesión de la aplicación.

$issel-code-widgets
Crea el módulo de productos con listado, búsqueda y formulario de creación.
Usa lib/core/api/products_api.dart. Un producto devuelve
{"id":12,"name":"Pintura","price":149.50,"stock":20,"active":true}.
Para crear envía name, price, stock y active; id lo asigna el servidor.
Después de guardar actualiza el listado y muestra una confirmación.

$issel-code-widgets
Agrega un selector de proveedores con búsqueda por nombre y overlay.
Usa el repositorio existente; aplica debounce y descarta respuestas antiguas.
Conserva la etiqueta seleccionada cuando cambien los resultados.
Muestra carga, ausencia de resultados y opción de reintentar.

$issel-code-widgets
Crea una pantalla para elegir sistema, claro u oscuro y ajustar escala de texto
entre 0.5 y 2.0 en pasos de 0.1. Guarda la preferencia usando el almacenamiento
existente. Si el modo es sistema, aplica la edición de escala a ambas variantes
y conserva sus colores y su brillo.

$issel-code-widgets
Crea un panel de inventario para escritorio con menú de Productos y Movimientos,
breadcrumbs y acciones de tema. En móvil usa Drawer y contenido en una columna.
El detalle de un producto debe permitir volver sin alterar la selección del menú.
Reutiliza el router actual y el adaptador de ventana ya instalado.

$issel-code-widgets
Mejora la vista de clientes: muestra carga al consultar, estado vacío con acción
Crear cliente y error persistente con Reintentar. Reutiliza el controlador actual
y evita ejecutar consultas desde build.

$issel-code-widgets
Crea la edición de perfil con nombre e imagen. Permite seleccionar, previsualizar
y quitar la imagen. El guardado debe deshabilitarse mientras está en curso.
Usa el contrato de actualización existente y comprueba sus límites de tamaño.

$issel-code-widgets
Adapta lib/features/orders/presentation/order_form.dart al estilo Issel.
Conserva Riverpod, el router, los validadores y el contrato de guardado del proyecto.
Mejora la jerarquía de superficies y el comportamiento en anchos pequeños.

$issel-code-widgets
Crea un componente CustomerSummary con nombre, correo, estado y acción de abrir.
Debe recibir datos y callbacks; no debe consultar el backend.
Se usará en Clientes y Ventas, así que colócalo en la carpeta compartida existente.

$issel-code-widgets
Este proyecto sólo tiene la pantalla inicial de flutter create.
Crea un splash con marca, estado de carga y transición al inicio cuando termine
la inicialización que ya existe. Establece la estructura por features y deja
main.dart encargado del arranque.

$issel-code-widgets
Crea una galería de documentación con ejemplos de botón, texto validado,
dropdown validado, filtros, carga y tabla. Cada ejemplo debe permitir interactuar,
ver el código y alternar claro/oscuro. Incluye variantes estrecha y amplia,
y explica las restricciones reales de los componentes.