💰 Control de Caja Diaria

Workflow de 3 pasos

Módulo de control de caja diaria

Documento generado en el Paso 1 (Autenticación y estructura base)*

PDF, imagenes, videos. Max 100MB.

Fecha del cierre de caja* Ingresa fecha del cierre de caja

Base de caja (COP) Ingresa base de caja (cop)

Efectivo contado al cierre (COP) Ingresa efectivo contado al cierre (cop)

Pagos digitales recibidos: Nequi, Daviplata, Tarjeta, Rappi, Otros (COP) Ingresa pagos digitales recibidos: nequi, daviplata, tarjeta, rappi, otros (cop)

✎ Instruccion para la IA

Construye el módulo de control de caja diaria para la aplicación SaaS Yatson usando React y Supabase. Este módulo debe ser completamente funcional, no un mockup.

REQUISITOS TÉCNICOS:
- React frontend con TypeScript/JavaScript
- Supabase como backend y base de datos
- CRUD completo (Create, Read, Update, Delete)
- Multi-tenant: todos los registros deben estar aislados por business_id
- Diseño mobile-first con colores verde menta, estética fintech moderna

TABLA EN SUPABASE (cash_entries):
Crea o usa la tabla cash_entries con las siguientes columnas:
- id (uuid, primary key)
- business_id (uuid, foreign key a businesses, NOT NULL)
- date (date, NOT NULL)
- base_cash (numeric, default 0)
- morning_shift (numeric, default 0)
- afternoon_shift (numeric, default 0)
- purchases_total (numeric, default 0)
- salaries_total (numeric, default 0)
- cash_counted (numeric, default 0)
- nequi_received (numeric, default 0)
- daviplata_received (numeric, default 0)
- card_received (numeric, default 0)
- rappi_received (numeric, default 0)
- other_digital (numeric, default 0)
- created_at (timestamptz, default now())
- created_by (uuid, foreign key a users)

CALCULACIONES AUTOMÁTICAS (calculadas en el frontend desde los datos guardados, nunca almacenadas):
1. Efectivo real = cash_counted - base_cash
2. Total digital = nequi_received + daviplata_received + card_received + rappi_received + other_digital
3. Total ventas = efectivo_real + purchases_total + salaries_total + total_digital
4. Efectivo recaudado = total_ventas - purchases_total - salaries_total

VISTAS POR ROL:
- Cashier: ver ÚNICAMENTE efectivo real y total ventas. NO puede ver compras, salarios, pagos digitales desglosados, ni rentabilidad.
- Admin y Owner: vista completa con todos los campos, todas las calculaciones y rentabilidad completa.

FUNCIONALIDAD DEL MÓDULO:
1. Formulario de registro con todos los campos listados arriba
2. Lista de registros guardados ordenados por fecha descendente
3. Editar registro existente
4. Eliminar registro (con confirmación)
5. Filtro por mes/año
6. Resumen mensual: suma de ventas, compras, salarios y pagos digitales del mes
7. Alerta visual si gastos (compras + salarios) superan el 60% de las ventas totales del mes

FORMULARIO:
Cada campo debe tener su label en español, input tipo number con prefijo COP, valor mínimo 0. Todos los campos numéricos son opcionales excepto fecha. Al guardar, ejecutar INSERT en Supabase incluyendo el business_id del negocio autenticado.

DISEÑO:
- Cards con sombra suave para cada registro en la lista
- Panel de resumen con las calculaciones en tarjetas de color verde menta
- Botón flotante o destacado para agregar nuevo registro
- Indicadores de color: verde si rentabilidad positiva, rojo si gastos > 60% ventas
- Footer con texto 'By Yatson'

SEGURIDAD:
- Verificar que el usuario autenticado pertenece al business antes de cualquier operación
- Row Level Security (RLS) en Supabase: cada negocio solo ve sus propios registros
- Ocultar campos sensibles según el rol del usuario (leer rol desde la tabla users o del contexto de autenticación)

El output debe ser el código React completo del módulo CashControl (componente principal + subcomponentes necesarios), listo para integrarse con la estructura base ya construida en el Paso 1 (autenticación, contexto de usuario, cliente Supabase configurado).

Puedes modificar esta instruccion para personalizar el resultado

Documentos - Paso 1

Procesando con IA... esto puede tomar hasta 1 minuto

↓

Módulo de nómina y empleados

Nombre del empleado* Ingresa nombre del empleado

Cargo* Ingresa cargo

Pago diario (COP)* Ingresa pago diario (cop)

Bonificación (COP) Ingresa bonificación (cop)

Seguridad social (COP) Ingresa seguridad social (cop)

Prima (COP) Ingresa prima (cop)

✎ Instruccion para la IA

Construye el módulo de nómina completo para la aplicación SaaS Yatson usando React y Supabase. Este módulo debe ser completamente funcional, con operaciones CRUD reales y persistencia en la tabla 'payroll' de Supabase con aislamiento multi-tenant por negocio (business_id).

ESTRUCTURA DE LA TABLA 'payroll' EN SUPABASE:
- id (uuid, primary key)
- business_id (uuid, foreign key a businesses)
- name (text) — nombre del empleado
- role (text) — cargo del empleado
- daily_pay (numeric) — pago diario
- bonus (numeric) — bonificación
- quincena (numeric) — quincena
- social_security (numeric) — seguridad social
- vacations (numeric) — vacaciones
- prima (numeric) — prima
- created_at (timestamp)
- updated_at (timestamp)

CAMPOS DEL FORMULARIO DE EMPLEADO:
1. Nombre (name): texto libre
2. Cargo (role): selector con opciones — Cocinero, Panadero, Mesero 1, Mesero 2, Administrador, Otro
3. Pago diario (daily_pay): número en COP
4. Bonificación (bonus): número en COP
5. Quincena (quincena): número en COP
6. Seguridad social (social_security): número en COP
7. Vacaciones (vacations): número en COP
8. Prima (prima): número en COP

OPERACIONES CRUD REQUERIDAS:
- Agregar empleado (guarda en Supabase)
- Editar empleado (actualiza en Supabase)
- Eliminar empleado (elimina en Supabase)
- Listar empleados (carga desde Supabase filtrado por business_id)

CALCULOS AUTOMATICOS (generados desde datos reales en base de datos):
1. Costo total por empleado = daily_pay * 30 + bonus + quincena + social_security + vacations + prima
2. Total nómina mensual = suma de costos totales de todos los empleados del negocio
3. Costo por cargo = suma agrupada por el campo role

VISTAS Y REPORTES DEL MÓDULO:
- Tabla principal de empleados con nombre, cargo, pago diario y costo total mensual
- Sección de resumen con: Total nómina mensual, desglose por cargo (tabla agrupada), empleado de mayor costo
- Todos los totales deben calcularse desde los datos reales guardados en Supabase

DISEÑO Y UX:
- Mobile-first responsive
- Estética fintech moderna con colores verde menta como primarios
- Modal o panel lateral para agregar/editar empleados
- Confirmación antes de eliminar
- Formato de moneda COP ($ con separadores de miles)
- Iconos intuitivos para editar y eliminar
- Estado de carga (loading spinner) mientras se consulta Supabase
- Manejo de errores con mensajes al usuario

SEGURIDAD Y MULTI-TENANT:
- Cada consulta debe incluir filtro por business_id del usuario autenticado
- Usar Supabase RLS (Row Level Security) para aislar datos por negocio
- No mostrar datos de otros negocios bajo ninguna circunstancia

REGLAS DE CALIDAD:
- Todos los botones deben funcionar
- Todos los formularios deben guardar datos reales
- Todas las listas deben cargar datos reales desde Supabase
- No usar datos fake ni placeholders estáticos
- No imprimir código en pantalla
- No dejar módulos vacíos o rotos

Puedes modificar esta instruccion para personalizar el resultado

Documentos - Paso 2

Procesando con IA... esto puede tomar hasta 1 minuto

↓

Estado de resultados mensual y módulo de socios

Mes de referencia (YYYY-MM)* Ingresa mes de referencia (yyyy-mm)

Gastos administrativos (COP) Ingresa gastos administrativos (cop)

Arriendo (COP) Ingresa arriendo (cop)

Servicios públicos (COP) Ingresa servicios públicos (cop)

Marketing (COP) Ingresa marketing (cop)

Comisiones bancarias (COP) Ingresa comisiones bancarias (cop)

✎ Instruccion para la IA

Construye el módulo de Estado de Resultados Mensual y el módulo de Socios para la aplicación SaaS Yatson usando React y Supabase. Solo los roles Admin y Owner pueden acceder a estos módulos. Toda la data debe persistir en las tablas expenses y partners con aislamiento multi-tenant por business_id.

MÓDULO 1: ESTADO DE RESULTADOS MENSUAL

El estado de resultados debe generarse automáticamente calculando desde los datos reales guardados en la base de datos para el mes y negocio seleccionados.

Fuentes de datos automáticas:
- Total Ventas: suma de ventas del mes desde cash_entries (campo sales_total)
- Total Compras: suma de compras del mes desde purchases (campo amount)
- Nómina: suma de costos del mes desde payroll
- Gastos administrativos, Arriendo, Servicios públicos, Marketing y Comisiones bancarias: campos ingresados manualmente y guardados en la tabla expenses con los campos: business_id, month (YYYY-MM), expense_type (enum: 'administrative', 'rent', 'utilities', 'marketing', 'bank_fees'), amount, notes

Cálculos automáticos del Estado de Resultados:
1. Utilidad Bruta = Total Ventas - Total Compras - Nómina
2. Total Gastos Operativos = Gastos administrativos + Arriendo + Servicios públicos + Marketing + Comisiones bancarias
3. Utilidad Neta = Utilidad Bruta - Total Gastos Operativos
4. Porcentaje de gastos sobre ventas = ((Total Compras + Nómina + Total Gastos Operativos) / Total Ventas) * 100

Alerta roja: Si los costos y gastos superan el 60% de las ventas (porcentaje de gastos sobre ventas > 60%), mostrar una alerta visual en rojo prominente que diga: '⚠️ ALERTA: Los costos y gastos superan el 60% de las ventas. Revisa tu estructura de costos.'

El reporte debe mostrarse en formato de estado de resultados con las siguientes secciones claramente diferenciadas:
- INGRESOS: Total Ventas
- COSTOS DIRECTOS: Total Compras, Nómina, Utilidad Bruta
- GASTOS OPERATIVOS: Gastos Administrativos, Arriendo, Servicios Públicos, Marketing, Comisiones Bancarias, Total Gastos Operativos
- RESULTADO: Utilidad Neta, % Gastos sobre Ventas
- ALERTA en rojo si el % supera 60%

Formulario de ingreso de gastos adicionales (guardados en tabla expenses):
- Mes de referencia (selector mes/año)
- Gastos administrativos (número en COP)
- Arriendo (número en COP)
- Servicios públicos (número en COP)
- Marketing (número en COP)
- Comisiones bancarias (número en COP)
- Notas opcionales (textarea)

Funciones requeridas:
- Guardar/actualizar gastos del mes (upsert por business_id + month)
- Seleccionar mes para ver el estado de resultados
- Mostrar todos los valores en formato moneda COP
- Botón para exportar/imprimir el reporte

MÓDULO 2: SOCIOS / PARTICIPACIÓN

Tabla partners en Supabase con campos: id, business_id, name, ownership_percentage, created_at

Formulario para registrar socio:
- Nombre del socio (texto)
- Porcentaje de participación (número, entre 0 y 100)

Funciones CRUD:
- Agregar socio
- Editar socio
- Eliminar socio
- Validar que la suma de porcentajes no supere 100%
- Mostrar la suma actual de porcentajes registrados

Distribución automática de utilidades:
- Distribución mensual: para cada socio calcular (ownership_percentage / 100) * Utilidad Neta del mes seleccionado
- Distribución anual: para cada socio calcular (ownership_percentage / 100) * suma de Utilidades Netas de todos los meses del año seleccionado
- Mostrar tabla con columnas: Socio, % Participación, Utilidad Mensual (COP), Utilidad Anual (COP)
- Si la Utilidad Neta es negativa, mostrar la pérdida proporcional por socio en rojo
- Selector de mes y año para filtrar la distribución

DISEÑO Y UX:
- Interfaz mobile-first con estética fintech moderna
- Colores verde menta como primarios
- Navegación por tabs entre Estado de Resultados y Socios
- Todos los valores monetarios en formato COP (ej: $1.250.000)
- Loading states mientras se cargan datos de Supabase
- Mensajes de éxito/error en todas las operaciones
- Protección de rutas: redirigir a dashboard si el rol es Cashier
- Footer con texto 'By Yatson'

Puedes modificar esta instruccion para personalizar el resultado

Documentos - Paso 3

Procesando con IA... esto puede tomar hasta 1 minuto

Registro de caja diaria

💰 Control de Caja Diaria

Documentos - Paso 1

Documentos - Paso 2

Documentos - Paso 3

Withdrawals

Send your proposal