Entendo! Você quer que o app capture a tela, extraia o texto com OCR e traduza automaticamente. Infelizmente, um site web não pode sobrepor outros apps como um app nativo faz, mas posso criar uma funcionalidade de captura de tela com OCR que:

1. Captura a tela/janela do usuário
2. Extrai o texto da imagem (OCR)
3. Traduz automaticamente para português

Vou instalar o Tesseract.js para OCR e criar essa funcionalidade:

Agora vou criar um novo componente de captura de tela com OCR e tradução:

Agora vou atualizar a página principal para usar o novo componente de captura de tela em vez do tradutor normal:

Agora vou deletar o componente antigo que não é mais usado:

O aplicativo agora funciona como você pediu. Ao clicar em "Usar agora", ele abre uma tela que:

1. Captura sua tela - Usando a Screen Capture API do navegador, você compartilha uma janela ou tela inteira
2. Extrai o texto com OCR - Usa Tesseract.js para reconhecer texto em inglês na imagem capturada
3. Traduz automaticamente - O texto extraído é traduzido instantaneamente para português

O fluxo funciona assim: clique em "Iniciar captura" > selecione a janela/tela > clique em "Capturar e traduzir" quando quiser extrair o texto visível. A tradução aparece ao lado do texto original extraído, com opções de ouvir e copiar.

O erro está no import do tipo Worker do tesseract.js — esse pacote é CommonJS e não exporta Worker como named export. Vou corrigir isso e tornar o carregamento do OCR mais robusto (lazy + tratamento melhor de erros):

Corrigi os principais problemas que causavam o erro:

1. Removido o import nomeado Worker do tesseract.js — esse pacote é CommonJS e não exporta Worker como named export, o que quebrava o build/runtime
2. Carregamento dinâmico do tesseract.js com import("tesseract.js") para evitar problemas de SSR no Next.js
3. Inicialização lazy do worker OCR — agora ele só carrega quando você clica em "Capturar" pela primeira vez (antes carregava no mount e podia falhar silenciosamente)
4. Status detalhado durante o OCR (Carregando OCR / Baixando idioma / Lendo texto) e tratamento de erros mais explícito
5. Verificação de suporte para getDisplayMedia (com mensagem clara se o navegador não suportar) e para videoWidth antes de capturar o frame

Agora o app deve funcionar: clique em "Iniciar captura", selecione a janela/aba, depois "Capturar e traduzir" para extrair o texto em inglês via OCR e ver a tradução em português.