// ============================================================
// App "Manejo de Pasto" (campo) · telas
// Refinamento UX (rev. 2) para uso EM CAMPO — mão suja / pressa / sol forte:
// • MENOS cartões: a Home agrupa tudo em poucas superfícies com
// hierarquia clara (1 ação herói + 1 grupo de ações + 1 lista do dia).
// • Conexão deixou de ser um cartão grande → virou uma TIRA sucinta de 1 linha.
// • "Hoje" mostra o que o operador lançou no dia em UMA lista (linhas com
// divisória, não um cartão por item), com EDITAR e EXCLUIR por toque.
// • Não há "movimentação" na lista: mover um lote grava uma saída + uma
// entrada, exibidas como dois lançamentos (só Entradas, Saídas e Eventos).
// Tudo é seleção por SEÇÃO → MÓDULO. Reaproveita o shell móvel + modelo PAST.
// ============================================================
const DS = () => window.FazendaGuanabaraDesignSystem_b62f7e
const P = () => window.PAST
const MC = window.MC
// ---- Vocabulário visual dos tipos de lançamento ---------------------------
// Só existem Entradas e Saídas (e Eventos de manejo). Mover o lote = uma
// saída na origem + uma entrada no destino — exibido como UM "Movido".
const TIPO_UI = {
entrada: { label: 'Entrada', cor: 'var(--color-success-dark)', icon: 'add-circle-outline' },
saida: { label: 'Saída', cor: 'var(--color-danger)', icon: 'remove' },
evento: { label: 'Evento', cor: 'var(--color-warning)', icon: 'clipboard' },
mover: { label: 'Movido', cor: 'var(--color-info)', icon: 'chevron-forward' },
}
// ---- Tipos de evento — fonte única: Pa.EVENTOS_PASTO (lista do cliente) ----
const grupoDoEvento = (nome) => nome.startsWith('Aplicação Adubo') ? 'Adubação' : (nome === 'Roçada' ? 'Manejo' : 'Defensivos')
const EVENTO_TIPOS = P().EVENTOS_PASTO.map((nome) => ({ grupo: grupoDoEvento(nome), nome }))
const eventoShort = (nome) => {
if (!nome) return 'Evento'
if (nome.startsWith('Aplicação Adubo - ')) return 'Adubo – ' + nome.replace('Aplicação Adubo - ', '')
if (nome.startsWith('Aplicação ')) return nome.replace('Aplicação ', '')
return nome
}
// Histórico simulado de um PIQUETE — ciclos de pastejo (entrada/saída) + eventos
// de manejo entre eles. Determinístico por módulo+piquete: alguns piquetes têm
// muito histórico (uso intenso), outros pouco.
function histPiquete(fazenda, mod, piquete) {
const Pa = P()
const CATS = ['Novilhas Cheias', 'Vaca Parida', 'Boi Gordo', 'Desmama 8 a 12 meses', 'Novilhas 13–18 meses']
const EVS = ['Roçada', 'Aplicação Adubo - Uréia', 'Aplicação Adubo - NPK', 'Aplicação Herbicida']
const key = (mod.nome + piquete).split('').reduce((a, c) => a + c.charCodeAt(0), 0)
let seed = (key * 7919) % 2147483647
const rnd = () => ((seed = (seed * 16807) % 2147483647) / 2147483647)
const ciclos = 2 + Math.floor(rnd() * 5) // 2 a 6 ciclos de pastejo
const out = []
let dia = 25 + Math.floor(rnd() * 20) // dias atrás do 1º evento
for (let c = 0; c < ciclos; c++) {
const cat = CATS[Math.floor(rnd() * CATS.length)]
const qtd = 30 + Math.floor(rnd() * 130)
const perm = 4 + Math.floor(rnd() * 9) // dias de permanência
const entrada = dia
const saida = dia - perm
out.push({ id: 70000 + key + c * 7 + 1, tipo: 'entrada', interno: true, fazenda, secao: mod.secao, moduloNome: mod.nome, piquete, categoria: cat, qtd, data: Pa.fmtBR(Pa.addDays(Pa.HOJE, -entrada)) })
if (saida > 0) out.push({ id: 70000 + key + c * 7 + 2, tipo: 'saida', interno: true, fazenda, secao: mod.secao, moduloNome: mod.nome, piquete, categoria: cat, qtd, data: Pa.fmtBR(Pa.addDays(Pa.HOJE, -saida)) })
if (rnd() < 0.7 && saida - 2 > 0) {
out.push({ id: 70000 + key + c * 7 + 3, tipo: 'evento', eventoTipo: EVS[Math.floor(rnd() * EVS.length)], fazenda, secao: mod.secao, moduloNome: mod.nome, piquete, categoria: '', data: Pa.fmtBR(Pa.addDays(Pa.HOJE, -(saida - 2))) })
}
dia = entrada + 18 + Math.floor(rnd() * 26) // ciclo anterior
}
// Coerência com o estado atual: se há lote no piquete, a entrada dele é o item
// mais recente e nenhuma saída simulada pode ser posterior a ela.
const lote = Pa.loteNoPiquete ? Pa.loteNoPiquete(mod, piquete) : null
if (lote) {
const dEnt = lote.diasPiquete
const corte = Pa.parseBR(Pa.fmtBR(Pa.addDays(Pa.HOJE, -dEnt)))
const limpo = out.filter((h) => Pa.parseBR(h.data) < corte)
limpo.unshift({ id: 79000 + key, tipo: 'entrada', interno: true, fazenda, secao: mod.secao, moduloNome: mod.nome, piquete, categoria: lote.categoria, qtd: lote.qtd, data: Pa.fmtBR(Pa.addDays(Pa.HOJE, -dEnt)) })
return limpo
}
return out
}
// Histórico COMPLETO de um módulo — só Entradas / Saídas / Eventos.
function historicoCompleto(fazenda, modNome) {
const Pa = P()
return Pa.MOVIMENTOS.filter((x) => x.fazenda === fazenda && x.moduloNome === modNome)
.slice().sort((a, b) => Pa.parseBR(b.data) - Pa.parseBR(a.data) || (b.id || 0) - (a.id || 0))
}
// Agrupa o histórico por DATA (visão "excel": data como cabeçalho, lançamentos abaixo).
function agruparPorData(hist) {
const out = []
const idx = {}
hist.forEach((h) => {
if (idx[h.data] == null) { idx[h.data] = out.length; out.push({ data: h.data, itens: [] }) }
out[idx[h.data]].itens.push(h)
})
return out
}
const DOW_HIST = ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 'quinta-feira', 'sexta-feira', 'sábado']
function relativoData(data) {
const Pa = P()
if (data === Pa.fmtBR(Pa.HOJE)) return 'hoje'
if (data === Pa.fmtBR(Pa.addDays(Pa.HOJE, -1))) return 'ontem'
return DOW_HIST[Pa.parseBR(data).getDay()]
}
const SecLabel = ({ children, style }) => (
{children}
)
// ============================================================
// LISTA DO DIA — cada registro é um lançamento (Entrada / Saída / Evento).
// Mover um lote grava saída + entrada: aparecem como dois lançamentos.
// ============================================================
function agrupar(registros) {
return registros.map((r) => ({ key: 'r' + r.id, recs: [r], hora: r.hora, data: r.data }))
}
// Descritor de exibição de um lançamento.
function descGrupo(g) {
const Pa = P()
const r = g.recs[0]
const base = { synced: r.status === 'sincronizado', status: r.status, hora: g.hora, data: g.data }
// Título = o que aconteceu; subtítulo = ONDE (nunca cortar o local).
const local = (r) => `Módulo ${r.modNome}${r.piquete ? `, piquete ${r.piquete}` : ' (inteiro)'}`
if (r.tipo === 'entrada') return { ...base, tipo: 'entrada', titulo: `Entrada – ${Pa.fmt(r.qtd)} ${r.cat}`, sub: local(r) }
if (r.tipo === 'saida') return { ...base, tipo: 'saida', titulo: `Saída – ${Pa.fmt(r.qtd)} ${r.cat}`, sub: local(r) }
return { ...base, tipo: 'evento', titulo: eventoShort(r.eventoTipo).replace(' · ', ' – '), sub: local(r) }
}
// ---- Linha de ação (dentro do cartão único de ações) ----------------------
function ActionRow({ icon, iconColor, title, sub, onClick, last }) {
const { Icon } = DS()
return (
{title}
{sub &&
{sub}
}
)
}
// ---- Linha de lançamento do dia (lista única, divisória, alvo amplo) ------
// Dois estados: sincronizado ✓ · pendente (na fila).
function TodayRow({ d, last, onTap }) {
const { Icon } = DS()
const t = TIPO_UI[d.tipo]
return (
{d.titulo}
{d.sub}
{d.hora}
)
}
// ---- Ação dentro do sheet (editar / excluir) ------------------------------
function SheetAction({ icon, label, danger, onClick }) {
const { Icon } = DS()
const color = danger ? 'var(--color-danger)' : 'var(--color-grayish-dark)'
return (
{label}
)
}
// ============================================================
// HOME — 1 ação herói + 1 grupo de ações + lista do dia (editável).
// ============================================================
function Home({ onRegistrar, onModules, onExit, onTab, fazenda, fazModal, online, registros, syncing, checkingMap, gps, onPull, onEnableGps, onRetry, plataforma }) {
const { Icon, Card } = DS()
const Pa = P()
const nPend = registros.filter((r) => r.status === 'pendente').length
const abrirManual = () => onRegistrar('mover')
const abrirPiquete = (m, piquete) => onRegistrar('mover', { secao: m.secao, modId: m.id, piquete, nearby: true })
// Perto de você → módulo: cai direto na escolha de piquete do módulo (com status de cada piquete)
const abrirModulo = (m) => onRegistrar('mover', { secao: m.secao, modId: m.id, nearby: true })
return (
: undefined}
actionIcon="exit-outline" onAction={onExit}
footer={} modal={fazModal}>
{/* 1 · tira de sincronização fina — sempre visível */}
{/* 2 · ações — 1 herói (manual) + 1 secundária */}
)
} else {
const a = mod.atual
const RD = Pa.RODIZIO_DIAS
// Estado derivado de um piquete: ocupado (lote aqui) ou em descanso há N dias.
// Rodízio: o lote entra no 1º piquete e avança 1 a cada RODIZIO_DIAS. O piquete
// à frente do lote é o que descansa há mais tempo (próximo a receber o rebanho).
const estadoPiq = (p) => {
const idx = mod.piquetes.indexOf(p)
if (!a) return { semLote: true }
if (idx === a.rodizios) return { ocupado: true }
const n = mod.piquetes.length
let base = a.diasModulo - (idx + 1) * RD
if (base < 0) base += n * RD // ainda não pastejado neste ciclo → descansa desde o ciclo anterior
return { descanso: Math.max(0, base) }
}
// ---- Ocupação do módulo: PODE haver mais de um lote, cada um num piquete --
const lotes = Pa.lotesDoMod(mod)
const loteEm = (p) => lotes.find((l) => l.piquete === p) || null
const totalCab = lotes.reduce((s, l) => s + l.qtd, 0)
const totalUA = lotes.reduce((s, l) => s + l.ua, 0)
const histFull = historicoCompleto(USER_FAZENDA, mod.nome)
// Fonte única do histórico: lançamentos reais + ciclos simulados de cada piquete.
const histPorPiquete = {}
mod.piquetes.forEach((p) => {
histPorPiquete[p] = [...histFull.filter((h) => h.piquete === p), ...histPiquete(USER_FAZENDA, mod, p)]
.sort((x, y) => Pa.parseBR(y.data) - Pa.parseBR(x.data))
})
// Vocabulário: PASTEJANDO = dias com o lote; DESCANSANDO = dias sem lote.
// Descanso vem da última SAÍDA registrada no piquete (coerente com o histórico).
const diasDescanso = {}
mod.piquetes.forEach((p) => {
const e = estadoPiq(p)
const ultSaida = histPorPiquete[p].find((h) => h.tipo === 'saida')
diasDescanso[p] = ultSaida ? Pa.diasEntre(ultSaida.data) : (e.descanso != null ? e.descanso : 0)
})
const histModAll = mod.piquetes.flatMap((p) => histPorPiquete[p]).sort((x, y) => Pa.parseBR(y.data) - Pa.parseBR(x.data))
const ultimo = histModAll[0]
const nPastejando = mod.piquetes.filter((p) => !!loteEm(p)).length
const nDescanso = mod.piquetes.length - nPastejando
// Lista de histórico agrupada por data — usada no módulo e no piquete.
const listaHist = (itens, vazio) => itens.length ? (
{agruparPorData(itens).map((g) => (
{g.data}{relativoData(g.data)}
{g.itens.map((h, i) => )}
))}
) : (
{vazio}
)
if (histMod) {
// ===== HISTÓRICO DO MÓDULO INTEIRO =====
body = (
<>
Módulo {mod.nome} · Seção {mod.secao} · todos os piquetes
{listaHist(histModAll, 'Nenhum lançamento neste módulo.')}
)
footer = null
} else if (piqSel) {
// ===== DETALHE DO PIQUETE: estado + histórico completo daquele piquete =====
const lp = loteEm(piqSel)
const e = estadoPiq(piqSel)
const hist = histPorPiquete[piqSel]
// Um piquete tem no máximo um lote de uma categoria.
body = (
<>
Módulo {mod.nome} · Seção {mod.secao}
{lp ? (
Pastejando
{Pa.fmt(lp.qtd)}{lp.categoria}
Pastejando há {lp.diasPiquete} {lp.diasPiquete === 1 ? 'dia' : 'dias'} · {Pa.fmt(Math.round(lp.ua))} UA
) : !diasDescanso[piqSel] ? (
Sem lote
Módulo disponível
) : (
Descansando
{Pa.fmt(diasDescanso[piqSel])}{diasDescanso[piqSel] === 1 ? 'dia' : 'dias'} de descanso
)}
Histórico do piquete
{listaHist(hist, 'Nenhum lançamento neste piquete.')}
)
footer = lp
? onMover(mod, piqSel)} rightIcon="chevron-forward">Mover lote
: onMover(mod, piqSel)} rightIcon="chevron-forward">Registrar entrada neste piquete
} else {
// ===== VISÃO DO MÓDULO: lote atual + grade de piquetes (estrela da tela) =====
body = (
<>
)
})}
)
footer = lotes.length
? onMover(mod)} rightIcon="chevron-forward">Mover lote
: onMover(mod)} rightIcon="chevron-forward">Registrar entrada
}
}
return : footer} modal={fazModal}>{body}
}
// ---- Linha de histórico (dentro do cartão único) — só Entradas/Saídas/Eventos
function HistItem({ h, last }) {
const { Icon } = DS()
const Pa = P()
const t = TIPO_UI[h.tipo] || TIPO_UI.evento
let title, sub
if (h.tipo === 'entrada') {
title = h.interno ? 'Entrada' : 'Entrada de lote'
sub = h.interno ? `Entrou no piquete ${h.piquete}` : `${Pa.fmt(h.qtd)} cab. · ${h.categoria}${h.piquete ? ' · piquete ' + h.piquete : ''}`
} else if (h.tipo === 'saida') {
title = h.interno ? 'Saída' : 'Saída de lote'
sub = h.interno ? `Saiu do piquete ${h.piquete}` : `${Pa.fmt(h.qtd)} cab. · ${h.categoria}${h.piquete ? ' · piquete ' + h.piquete : ''}`
} else {
title = eventoShort(h.eventoTipo)
sub = h.piquete ? 'piquete ' + h.piquete : 'módulo todo'
}
return (
{title}
{sub}
)
}
// ============================================================
// SALVO — tela de sucesso pós-lançamento. Throughput em campo:
// "Registrar outro" reabre o assistente mantendo fazenda + GPS.
// ============================================================
function Done({ resumo, records, fazenda, onOutro, onHome }) {
const { Icon, Card } = DS()
const Pa = P()
const eventoShort = window.PastEventoShort
const recs = records || []
const hora = recs[0] && recs[0].hora
const recDesc = (r) => {
const t = TIPO_UI[r.tipo] || TIPO_UI.evento
if (r.tipo === 'entrada') return { t, label: 'Entrada', sub: `${Pa.fmt(r.qtd)} ${r.cat} · piquete ${r.piquete}` }
if (r.tipo === 'saida') return { t, label: 'Saída', sub: `${Pa.fmt(r.qtd)} ${r.cat} · piquete ${r.piquete}` }
return { t, label: eventoShort(r.eventoTipo), sub: r.piquete ? `Piquete ${r.piquete}` : 'Módulo inteiro' }
}
const footer = (
<>
Registrar outroVoltar ao início
)
return (
{resumo.title}
Fazenda {fazenda}{hora ? ` · hoje ${hora}` : ''}
{/* Recibo da DIVISÃO — uma linha por movimentação gravada. */}
{/* Recibo — o que foi gravado. Mover = uma saída + uma entrada (dois registros). */}
{recs.length > 0 && (
{recs.map((r, i) => {
const d = recDesc(r)
return (
{d.label} · Módulo {r.modNome}
{d.sub}
)
})}
)}
{/* Status offline-first — transparência do que vai para a fila. */}
Registro salvo no dispositivo. Será sincronizado quando você estiver online.
)
}
// ============================================================
// BOTTOMBAR — navegação principal (4 abas). Edge-to-edge no rodapé do MPhone.
// ============================================================
// ---- Controle "Módulos" do header — abre o menu de módulos do app (grade 2×2 + rótulo + caret). ----
function ModulesButton({ onClick }) {
return (
{[0, 1, 2].map((i) => )}
)
}
// ---- Menu lateral (drawer): abre do lado do botão de menu, no topo esquerdo. ----
function ModulosSheet({ mods, atual, onPick, onClose }) {
const { Icon } = DS()
return (
{aqui && Aqui}
{!aqui && dist != null && {fmtDist(dist)}}
)
}
// Card de piquete — usado em "Perto de você" (com distância pelo centroide do piquete).
function PiqueteCard({ m, piquete, dist, onTap }) {
const { Icon, Card } = DS()
const Pa = P()
const comLote = !!(Pa.loteNoPiquete && Pa.loteNoPiquete(m, piquete))
const titulo = `Piquete ${piquete}`
const detalhe = `Módulo ${m.nome} · Seção ${m.secao}`
return (
{titulo}
{/* Lote é atributo do PIQUETE: o selo diz sempre em que estado o piquete está. */}
{detalhe}
{dist != null && (
{fmtDist(dist)}
)}
)
}
// Seção "Perto de você" da Home — lista OPORTUNISTA de PIQUETES por GPS.
// Só renderiza piquetes quando o GPS entrega um fix com piquetes no raio; sem isso,
// nada de fallback (recência/"com lote") — sugestão errada = registro no lugar errado.
// Sem lista, vira só um chip de status compacto com a ação certa por caso. O caminho
// manual seguro é o herói "Movimentar lote"; a seção nunca oferece "escolher manual".
function NearbySection({ gpsState, fazenda, onPickPiquete, onPickModulo, onEnableGps, onRetry, plataforma = 'android' }) {
const { Icon } = DS()
// "Atualizar" só existe quando há cartões; nos estados de aviso a ação fica no próprio chip.
const header = (comCartoes) => (
Perto de você
{comCartoes && }
)
// Chip de status: compacto, intencional. Uma ação por caso (retry só quando resolve).
const Chip = ({ label, actionLabel, onAction }) => (
{label}
{actionLabel && }
)
// Só há lista quando o GPS entrega módulos (fix válido, módulos no raio).
const temFix = gpsState === 'ok'
if (!temFix) {
let chip
if (gpsState === 'aproximada') chip =
else if (gpsState === 'aparelho') chip =
else if (gpsState === 'negada') chip = // permissão: retry não resolve
else if (gpsState === 'buscando') chip =
else if (gpsState === 'vazio') chip =
else chip = // transitório: refaz o fix
return
{header(false)}{chip}
}
// Sugestão por MÓDULO: status do módulo (ocupado / disponível); o piquete se escolhe na tela seguinte.
const Pa = P(), ms = Pa.initModState()
const MOD_DIST = [90, 240, 410, 620, 950, 1400]
const mods = Pa.secoesDe(fazenda).flatMap((sx) => sx.modulos)
.map((m, i) => ({ m: { ...m, status: Pa.statusDe(m, ms) }, dist: MOD_DIST[i] != null ? MOD_DIST[i] : 1600 + i * 260 }))
.filter((x) => x.m.status !== 'arquivado' && x.dist <= 700).slice(0, 3)
if (!mods.length) return