MockHarvestPipeline

Pipeline de vendas de safra com deals, stats de volume/valor e insights de mercado.

Visão Geral

O MockHarvestPipeline simula um pipeline de comercialização de safra, com métricas agregadas, estágios de negociação e insights de mercado gerados por AI. Específico para produtores rurais.

Importação

import { MockHarvestPipeline, demoHarvestPipelineData } from '@/components/linear/mock-harvest-pipeline'

Props

Prop	Tipo	Default	Descrição
`totalVolume`	`number`	—	Volume total vendido (sacas)
`totalValue`	`number`	—	Valor total em R$
`averagePrice`	`number`	—	Preço médio por saca
`deals`	`Deal[]`	—	Lista de negociações
`className`	`string`	—	Classes adicionais

Deal

interface Deal {
  id: string;
  buyer: string;
  commodity: 'soja' | 'milho' | 'café' | 'algodão';
  volume: number;
  unit: string;
  pricePerUnit: number;
  totalValue: number;
  deliveryDate: string;
  status: 'negotiation' | 'proposal' | 'contract' | 'delivered';
}

Uso Básico

<MockHarvestPipeline
  {...demoHarvestPipelineData}
  className="h-[500px]"
/>

Commodities

Commodity	Ícone	Cor
`soja`	🌱	Verde
`milho`	🌽	Âmbar
`café`	☕	Laranja
`algodão`	🏵️	Azul

Status das Negociações

Status	Label	Cor
`negotiation`	Negociação	Cinza
`proposal`	Proposta	Azul
`contract`	Contrato	Âmbar
`delivered`	Entregue	Verde

Features Visuais

Ícone de prédio
Título "Pipeline de Vendas — Safra"
Badge da safra (ex: 2025/26)

Stats

3 cards: Sacas vendidas, Volume total (R$), Preço médio
Valores formatados (k, M)

Pipeline de Estágios

4 colunas coloridas
Contador de deals e valor por estágio

Lista de Deals

Cards com commodity, comprador, volume
Preço por saca e valor total
Data de entrega
Badge de status

Insight de Mercado

Card verde com recomendação AI
Sugestão de fixação de preços
Botões de ação

Dados de Demo

export const demoHarvestPipelineData = {
  totalVolume: 45000,
  totalValue: 6300000,
  averagePrice: 140,
  deals: [
    {
      id: '1',
      buyer: 'Cargill Brasil',
      commodity: 'soja',
      volume: 15000,
      unit: 'sacas',
      pricePerUnit: 142,
      totalValue: 2130000,
      deliveryDate: 'Abr/26',
      status: 'contract',
    },
    // ...
  ],
}

Exemplo Customizado

import { MockHarvestPipeline } from '@/components/linear/mock-harvest-pipeline'

const data = {
  totalVolume: 20000,
  totalValue: 1440000,
  averagePrice: 72,
  deals: [
    {
      id: '1',
      buyer: 'Cooperativa Sul',
      commodity: 'milho' as const,
      volume: 10000,
      unit: 'sacas',
      pricePerUnit: 72,
      totalValue: 720000,
      deliveryDate: 'Jul/26',
      status: 'proposal' as const,
    },
  ],
}

export function Demo() {
  return <MockHarvestPipeline {...data} />
}

Com BentoCard

<BentoCard
  title="Comercialização de Safra"
  description="Pipeline com insights de mercado em tempo real"
  colSpan={2}
>
  <MockHarvestPipeline {...demoHarvestPipelineData} />
</BentoCard>