[V0_FILE]typescript:file="tailwind.config.ts" import type { Config } from "tailwindcss" const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "#2ECC71", foreground: "#FFFFFF", }, secondary: { DEFAULT: "#2C3E50", foreground: "#FFFFFF", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, // Cores personalizadas do ENDIAMA endiama: { green: "#2ECC71", dark: "#2C3E50", white: "#FFFFFF", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, "fade-in": { from: { opacity: "0", transform: "translateY(10px)" }, to: { opacity: "1", transform: "translateY(0)" }, }, "slide-in": { from: { transform: "translateX(-100%)" }, to: { transform: "translateX(0)" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", "fade-in": "fade-in 0.3s ease-out", "slide-in": "slide-in 0.3s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } export default config [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { AuthProvider } from "@/contexts/auth-context" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "ENDIAMA Mining - Sistema de Gestão", description: "Sistema integrado de gestão para operações de mineração", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/equipment-module.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Alert, AlertDescription } from "@/components/ui/alert" import { Progress } from "@/components/ui/progress" import { Plus, Eye, Wrench, AlertTriangle, CheckCircle, Clock, Fuel, Thermometer, DollarSign, TrendingUp, Filter, Search, } from "lucide-react" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, BarChart, Bar, PieChart, Pie, Cell, } from "recharts" import { mockEquipments, mockMaintenanceRecords, mockEquipmentAlerts, equipmentChartData, type Equipment, type MaintenanceRecord, type EquipmentAlert, } from "@/lib/mock-data" export function EquipmentModule() { const [equipments, setEquipments] = useState(mockEquipments) const [maintenanceRecords, setMaintenanceRecords] = useState(mockMaintenanceRecords) const [alerts, setAlerts] = useState(mockEquipmentAlerts) const [selectedEquipment, setSelectedEquipment] = useState(null) const [filterStatus, setFilterStatus] = useState("all") const [searchTerm, setSearchTerm] = useState("") const [isMaintenanceDialogOpen, setIsMaintenanceDialogOpen] = useState(false) const [isEquipmentDialogOpen, setIsEquipmentDialogOpen] = useState(false) const getStatusBadge = (status: Equipment["status"]) => { const variants = { operacional: "bg-green-100 text-green-800 border-green-200", manutencao: "bg-yellow-100 text-yellow-800 border-yellow-200", parado: "bg-red-100 text-red-800 border-red-200", em_transporte: "bg-blue-100 text-blue-800 border-blue-200", } const labels = { operacional: "Operacional", manutencao: "Manutenção", parado: "Parado", em_transporte: "Em Transporte", } return {labels[status]} } const getAlertSeverityBadge = (severity: EquipmentAlert["severity"]) => { const variants = { baixa: "bg-gray-100 text-gray-800 border-gray-200", media: "bg-yellow-100 text-yellow-800 border-yellow-200", alta: "bg-orange-100 text-orange-800 border-orange-200", critica: "bg-red-100 text-red-800 border-red-200", } const labels = { baixa: "Baixa", media: "Média", alta: "Alta", critica: "Crítica", } return {labels[severity]} } const getMaintenanceStatusBadge = (status: MaintenanceRecord["status"]) => { const variants = { agendada: "bg-blue-100 text-blue-800 border-blue-200", em_andamento: "bg-yellow-100 text-yellow-800 border-yellow-200", concluida: "bg-green-100 text-green-800 border-green-200", cancelada: "bg-red-100 text-red-800 border-red-200", } const labels = { agendada: "Agendada", em_andamento: "Em Andamento", concluida: "Concluída", cancelada: "Cancelada", } return {labels[status]} } const filteredEquipments = equipments.filter((equipment) => { const matchesStatus = filterStatus === "all" || equipment.status === filterStatus const matchesSearch = equipment.name.toLowerCase().includes(searchTerm.toLowerCase()) || equipment.type.toLowerCase().includes(searchTerm.toLowerCase()) || equipment.location.toLowerCase().includes(searchTerm.toLowerCase()) return matchesStatus && matchesSearch }) const operationalCount = equipments.filter((e) => e.status === "operacional").length const maintenanceCount = equipments.filter((e) => e.status === "manutencao").length const stoppedCount = equipments.filter((e) => e.status === "parado").length const criticalAlerts = alerts.filter((a) => a.severity === "critica" && !a.resolved).length const scheduleMaintenanceForEquipment = (equipmentId: string) => { setIsMaintenanceDialogOpen(true) setSelectedEquipment(equipments.find((e) => e.id === equipmentId) || null) } const resolveAlert = (alertId: string) => { setAlerts(alerts.map((alert) => (alert.id === alertId ? { ...alert, resolved: true } : alert))) } return (

Gestão de Equipamentos

Monitore status, manutenção e performance dos equipamentos