feat: mapa termico de kits de corte e liberacao balanceada para solda

src/pages/ApontamentoProducao.tsx

@@ -3,10 +3,11 @@ import React, { useState } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { ClipboardList, BarChart3, Settings } from 'lucide-react';
+import { ClipboardList, BarChart3, Settings, Flame } from 'lucide-react';
 import { ApontamentoForm } from '@/components/apontamento/ApontamentoForm';
 import { ApontamentosListOtimizado } from '@/components/apontamento/ApontamentosListOtimizado';
 import { ProcessosList } from '@/components/apontamento/ProcessosList';
+import { MapaTermicoKitsView } from '@/components/apontamento/kits/MapaTermicoKitsView';
 import { useApontamentosProducao } from '@/hooks/useApontamentosProducao';
 import { useIsMobile } from '@/hooks/use-mobile';
 import { usePermissionControl } from '@/hooks/usePermissionControl';
@@ -34,7 +35,7 @@ const ApontamentoProducao = () => {
           <TabsList className={`w-full bg-muted border-border ${
             isMobile 
               ? 'grid grid-cols-1 gap-1 h-auto p-1' 
-              : 'grid grid-cols-3 h-10'
+              : 'grid grid-cols-4 h-10'
           }`}>
             <TabsTrigger 
               value="apontamento" 
@@ -45,6 +46,15 @@ const ApontamentoProducao = () => {
               <ClipboardList className="h-4 w-4" />
               Novo Apontamento
             </TabsTrigger>
+            <TabsTrigger 
+              value="mapa-kits" 
+              className={`flex items-center gap-2 text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground ${
+                isMobile ? 'w-full justify-start p-3 text-sm' : ''
+              }`}
+            >
+              <Flame className="h-4 w-4 text-orange-500 fill-orange-500 animate-pulse" />
+              Mapa de Kits
+            </TabsTrigger>
             <TabsTrigger 
               value="historico" 
               className={`flex items-center gap-2 text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground ${
@@ -89,6 +99,23 @@ const ApontamentoProducao = () => {
             )}
           </TabsContent>
 
+          <TabsContent value="mapa-kits" className="space-y-4 sm:space-y-6 mt-4">
+            <Card className="bg-card border-border shadow-sm">
+              <CardHeader className="pb-3 border-b border-border/60">
+                <CardTitle className="text-card-foreground flex items-center gap-2 text-lg sm:text-xl font-bold">
+                  <Flame className="h-5 w-5 text-orange-500 fill-orange-500 animate-pulse" />
+                  <span>Mapa Térmico de Kits de Montagem</span>
+                </CardTitle>
+                <p className="text-xs sm:text-sm text-muted-foreground">
+                  Visão integrada do balanceamento do corte de componentes e liberação de kits completos para montagem/solda
+                </p>
+              </CardHeader>
+              <CardContent className="pt-4">
+                <MapaTermicoKitsView />
+              </CardContent>
+            </Card>
+          </TabsContent>
+
           <TabsContent value="historico" className="space-y-4 sm:space-y-6 mt-4">
             <Card className="bg-card border-border">
               <CardHeader className="pb-4">