fix(desktop): corrige tela de desativacao e adiciona botao Verificar novamente

- Corrige erro gramatical: "Dispositivo desativada" -> "Dispositivo desativado"
- Adiciona botao "Verificar novamente" na tela de desativacao
- Adiciona callback onReactivated no MachineStateMonitor
- Corrige fundo escuro para cobrir toda a tela quando desativado
- Corrige acentuacoes faltantes no historico de automacoes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/desktop/src/components/DeactivationScreen.tsx

@@ -1,6 +1,24 @@
-import { ShieldAlert, Mail } from "lucide-react"
+import { ShieldAlert, Mail, RefreshCw } from "lucide-react"
+import { useState } from "react"
+
+type DeactivationScreenProps = {
+  companyName?: string | null
+  onRetry?: () => Promise<void> | void
+}
+
+export function DeactivationScreen({ companyName, onRetry }: DeactivationScreenProps) {
+  const [isRetrying, setIsRetrying] = useState(false)
+
+  const handleRetry = async () => {
+    if (isRetrying || !onRetry) return
+    setIsRetrying(true)
+    try {
+      await onRetry()
+    } finally {
+      setIsRetrying(false)
+    }
+  }
 
-export function DeactivationScreen({ companyName }: { companyName?: string | null }) {
   return (
     <div className="min-h-screen grid place-items-center bg-neutral-950 p-6">
       <div className="flex w-full max-w-[720px] flex-col items-center gap-6 rounded-2xl border border-slate-200 bg-white px-8 py-10 shadow-sm">
@@ -8,9 +26,9 @@ export function DeactivationScreen({ companyName }: { companyName?: string | nul
           <span className="inline-flex items-center gap-2 rounded-full border border-rose-200 bg-rose-50 px-3 py-1 text-xs font-semibold text-rose-700">
             <ShieldAlert className="size-4" /> Acesso bloqueado
           </span>
-          <h1 className="text-2xl font-semibold text-neutral-900">Dispositivo desativada</h1>
+          <h1 className="text-2xl font-semibold text-neutral-900">Dispositivo desativado</h1>
           <p className="max-w-md text-sm text-neutral-600">
-            Esta dispositivo foi desativada temporariamente pelos administradores. Enquanto isso, o acesso ao portal e o
+            Este dispositivo foi desativado temporariamente pelos administradores. Enquanto isso, o acesso ao portal e o
             envio de informações ficam indisponíveis.
           </p>
           {companyName ? (
@@ -29,12 +47,25 @@ export function DeactivationScreen({ companyName }: { companyName?: string | nul
             </ul>
           </div>
 
-          <a
-            href="mailto:suporte@rever.com.br"
-            className="mx-auto inline-flex items-center gap-2 rounded-full border border-black bg-black px-4 py-2 text-sm font-semibold text-white transition hover:bg-black/90"
-          >
-            <Mail className="size-4" /> Falar com o suporte
-          </a>
+          <div className="flex flex-col items-center gap-3">
+            <a
+              href="mailto:suporte@rever.com.br"
+              className="inline-flex items-center gap-2 rounded-full border border-black bg-black px-4 py-2 text-sm font-semibold text-white transition hover:bg-black/90"
+            >
+              <Mail className="size-4" /> Falar com o suporte
+            </a>
+            {onRetry && (
+              <button
+                type="button"
+                onClick={handleRetry}
+                disabled={isRetrying}
+                className="inline-flex items-center gap-2 rounded-full border border-slate-300 bg-white px-4 py-2 text-sm font-semibold text-neutral-700 transition hover:bg-slate-50 disabled:opacity-50"
+              >
+                <RefreshCw className={`size-4 ${isRetrying ? "animate-spin" : ""}`} />
+                {isRetrying ? "Verificando..." : "Verificar novamente"}
+              </button>
+            )}
+          </div>
         </div>
       </div>
     </div>

apps/desktop/src/components/MachineStateMonitor.tsx

@@ -18,9 +18,10 @@ type MachineStateMonitorProps = {
   machineId: string
   onDeactivated?: () => void
   onTokenRevoked?: () => void
+  onReactivated?: () => void
 }
 
-function MachineStateMonitorInner({ machineId, onDeactivated, onTokenRevoked }: MachineStateMonitorProps) {
+function MachineStateMonitorInner({ machineId, onDeactivated, onTokenRevoked, onReactivated }: MachineStateMonitorProps) {
   const machineState = useQuery(api.machines.getMachineState, {
     machineId: machineId as Id<"machines">,
   })
@@ -65,6 +66,12 @@ function MachineStateMonitorInner({ machineId, onDeactivated, onTokenRevoked }:
       onDeactivated?.()
     }
 
+    // Detecta mudança de inativo para ativo (reativação)
+    if (previousIsActive.current === false && machineState.isActive === true) {
+      console.log("[MachineStateMonitor] Máquina foi reativada")
+      onReactivated?.()
+    }
+
     // Detecta mudança de token válido para inválido
     if (previousHasValidToken.current === true && machineState.hasValidToken === false) {
       console.log("[MachineStateMonitor] Token foi revogado (reset)")
@@ -74,7 +81,7 @@ function MachineStateMonitorInner({ machineId, onDeactivated, onTokenRevoked }:
     // Atualiza refs
     previousIsActive.current = machineState.isActive
     previousHasValidToken.current = machineState.hasValidToken
-  }, [machineState, onDeactivated, onTokenRevoked])
+  }, [machineState, onDeactivated, onTokenRevoked, onReactivated])
 
   // Este componente nao renderiza nada
   return null

apps/desktop/src/main.tsx

@@ -12,6 +12,8 @@ import { cn } from "./lib/utils"
 import { ChatApp } from "./chat"
 import { DeactivationScreen } from "./components/DeactivationScreen"
 import { MachineStateMonitor } from "./components/MachineStateMonitor"
+import { api } from "./convex/_generated/api"
+import type { Id } from "./convex/_generated/dataModel"
 import type { SessionStartedEvent, UnreadUpdateEvent, NewMessageEvent, SessionEndedEvent } from "./chat/types"
 
 // URL do Convex para subscription em tempo real
@@ -724,12 +726,36 @@ useEffect(() => {
   }
 }, [token]) // eslint-disable-line react-hooks/exhaustive-deps
 
-// Callbacks para quando a máquina for desativada ou resetada
+// Callbacks para quando a máquina for desativada, resetada ou reativada
 const handleMachineDeactivated = useCallback(() => {
   console.log("[App] Máquina foi desativada - mostrando tela de bloqueio")
   setIsMachineActive(false)
 }, [])
 
+const handleMachineReactivated = useCallback(() => {
+  console.log("[App] Máquina foi reativada - liberando acesso")
+  setIsMachineActive(true)
+}, [])
+
+// Callback para o botão "Verificar novamente" na tela de desativação
+// Usa o convexClient diretamente para fazer uma query manual
+const handleRetryCheck = useCallback(async () => {
+  if (!convexClient || !config?.machineId) return
+  console.log("[App] Verificando estado da máquina manualmente...")
+  try {
+    const state = await convexClient.query(api.machines.getMachineState, {
+      machineId: config.machineId as Id<"machines">,
+    })
+    console.log("[App] Estado da máquina:", state)
+    if (state?.isActive) {
+      console.log("[App] Máquina ativa - liberando acesso")
+      setIsMachineActive(true)
+    }
+  } catch (err) {
+    console.error("[App] Erro ao verificar estado:", err)
+  }
+}, [convexClient, config?.machineId])
+
 const handleTokenRevoked = useCallback(async () => {
   console.log("[App] Token foi revogado - voltando para tela de registro")
   if (store) {
@@ -1582,20 +1608,31 @@ const resolvedAppUrl = useMemo(() => {
     )
   }
 
+  // Monitor sempre ativo quando há token e machineId
+  const machineMonitor = token && config?.machineId && convexClient ? (
+    <MachineStateMonitor
+      client={convexClient}
+      machineId={config.machineId}
+      onDeactivated={handleMachineDeactivated}
+      onTokenRevoked={handleTokenRevoked}
+      onReactivated={handleMachineReactivated}
+    />
+  ) : null
+
+  // Tela de desativação (renderizada separadamente para evitar container com fundo claro)
+  if (token && !isMachineActive) {
+    return (
+      <>
+        {machineMonitor}
+        <DeactivationScreen companyName={companyName} onRetry={handleRetryCheck} />
+      </>
+    )
+  }
+
   return (
     <div className="min-h-screen grid place-items-center bg-slate-50 p-6">
       {/* Monitor de estado da maquina em tempo real via Convex */}
-      {token && config?.machineId && convexClient && (
-        <MachineStateMonitor
-          client={convexClient}
-          machineId={config.machineId}
-          onDeactivated={handleMachineDeactivated}
-          onTokenRevoked={handleTokenRevoked}
-        />
-      )}
-      {token && !isMachineActive ? (
-        <DeactivationScreen companyName={companyName} />
-      ) : (
+      {machineMonitor}
       <div className="w-full max-w-[720px] rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
         <div className="mb-6 flex flex-col items-center gap-4 text-center">
           <img
@@ -1816,8 +1853,6 @@ const resolvedAppUrl = useMemo(() => {
           </div>
         )}
       </div>
-      )}
-
     </div>
   )
 }