Kenite IA 🚀✨

Kenite AI: A Cutting-Edge Virtual Assistant 🤖 ✨

// ==UserScript==
// @name         Kenite IA 🚀✨
// @namespace    http://tampermonkey.net/
// @version      4.0
// @description  Kenite AI: A Cutting-Edge Virtual Assistant 🤖 ✨
// @match        https://*.wikipedia.org/*
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_xmlhttpRequest
// ==/UserScript==

(function() {
    'use strict';

    // 🎨 Estilos CSS
    GM_addStyle(`
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

        @keyframes backgroundColorChange {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        @keyframes entradaSuave {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes loaderDot {
            0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }
            40% { transform: translateY(-10px); opacity: 1; }
        }

        @keyframes sparkle {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.2); opacity: 0.8; }
            100% { transform: scale(1); opacity: 1; }
        }

        #ia-assistente {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 420px;
            border-radius: 30px;
            font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            z-index: 9999;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
            box-shadow: 0 10px 30px rgba(0,0,0,0.4);
            border: 3px solid rgba(255, 255, 255, 0.8);
            animation: entradaSuave 1s ease-out;
        }

        #ia-assistente.tema-padrao {
            background: linear-gradient(135deg, #4a3080, #7b3d91, #9d50bb, #6e48aa);
            background-size: 300% 300%;
            animation: entradaSuave 1s ease-out, backgroundColorChange 15s ease infinite;
        }

        #ia-assistente.tema-escuro {
            background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460, #1a1a2e);
            background-size: 300% 300%;
            animation: entradaSuave 1s ease-out, backgroundColorChange 15s ease infinite;
        }

        #ia-assistente.tema-claro {
            background: linear-gradient(135deg, #f0f0f5, #e6e6fa, #d8bfd8, #f0f0f5);
            background-size: 300% 300%;
            animation: entradaSuave 1s ease-out, backgroundColorChange 15s ease infinite;
            color: #333;
        }

        #ia-cabecalho {
            background-color: rgba(0,0,0,0.2);
            color: #ffffff;
            padding: 20px 25px;
            font-size: 26px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid rgba(255,255,255,0.1);
        }

        #ia-toggle {
            cursor: pointer;
            font-size: 30px;
            transition: transform 0.4s ease;
        }

        #ia-toggle.fechado { transform: rotate(180deg); }

        #ia-conteudo {
            padding: 25px;
            max-height: 550px;
            overflow-y: auto;
            color: #ffffff;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        #ia-conteudo::-webkit-scrollbar {
            display: none;
        }

        #ia-input {
            width: 340px;
            padding: 15px;
            margin-bottom: 20px;
            border: none;
            border-radius: 15px;
            background-color: rgba(255,255,255,0.15);
            color: #ffffff;
            font-size: 18px;
            transition: all 0.3s ease;
        }

        #ia-input:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
            background-color: rgba(255,255,255,0.2);
        }

        #ia-input::placeholder {
            color: rgba(255,255,255,0.5);
        }

        #ia-resposta {
            background-color: rgba(255,255,255,0.1);
            padding: 20px;
            border-radius: 20px;
            margin-top: 20px;
            font-size: 17px;
            line-height: 1.7;
            transition: all 0.3s ease;
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);
            font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.3px;
        }

        #ia-resposta p {
            margin-bottom: 15px;
        }

        #ia-resposta strong {
            font-weight: 600;
            color: #ffd700;
        }

        #ia-resposta em {
            font-style: italic;
            color: #add8e6;
        }

        #ia-resposta ul, #ia-resposta ol {
            margin-left: 20px;
            margin-bottom: 15px;
        }

        #ia-resposta li {
            margin-bottom: 5px;
        }

        #ia-resposta a {
            color: #ff69b4;
            text-decoration: none;
            border-bottom: 1px dotted #ff69b4;
            transition: all 0.3s ease;
        }

        #ia-resposta a:hover {
            color: #ff1493;
            border-bottom: 1px solid #ff1493;
        }

        #ia-loader {
            display: none;
            text-align: center;
            padding: 20px;
            height: 40px;
        }

        #ia-loader span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.9);
            margin: 0 5px;
            animation: loaderDot 1.4s infinite ease-in-out both;
        }

        #ia-loader span:nth-child(1) { animation-delay: -0.32s; }
        #ia-loader span:nth-child(2) { animation-delay: -0.16s; }

        .titulo-resposta {
            font-size: 26px;
            font-weight: bold;
            color: #ffffff;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            letter-spacing: 0.5px;
        }

        .destaque {
            background-color: rgba(255,255,255,0.2);
            padding: 2px 6px;
            border-radius: 6px;
            font-weight: 500;
            color: #fff;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        }

        .topicos-relacionados {
            margin-top: 25px;
            padding: 15px;
            background-color: rgba(255,255,255,0.1);
            border-radius: 20px;
            transition: all 0.3s ease;
            box-shadow: inset 0 0 10px rgba(255,255,255,0.1);
        }

        .topico-item {
            display: inline-block;
            margin: 6px;
            padding: 8px 15px;
            background-color: rgba(255,255,255,0.15);
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }

        .topico-item:hover {
            background-color: rgba(255,255,255,0.25);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        #ia-botoes {
            display: flex;
            justify-content: space-between;
            margin-top: 15px;
        }

        #ia-idioma-select, #ia-tema-select, .ia-botao {
            margin-top: 10px;
            padding: 7px;
            margin-right: 5px;
            border-radius: 10px;
            background-color: rgba(255,255,255,0.15);
            color: #ffffff;
            border: none;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        #ia-idioma-select option, #ia-tema-select option {
            background-color: #4a3080;
            color: #ffffff;
        }

        .ia-botao:hover, #ia-idioma-select:hover, #ia-tema-select:hover {
            background-color: rgba(255,255,255,0.25);
        }

        #ia-historico {
            margin-top: 20px;
            padding: 15px;
            background-color: rgba(255,255,255,0.1);
            border-radius: 20px;
            max-height: 150px;
            overflow-y: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        #ia-historico::-webkit-scrollbar {
            display: none;
        }

        .historico-item {
            padding: 8px 12px;
            margin: 8px 0;
            background-color: rgba(255,255,255,0.15);
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }

        .historico-item:hover {
            background-color: rgba(255,255,255,0.25);
            transform: translateX(5px);
        }

        .emoji-title {
            font-size: 19px;
            margin-bottom: 15px;
            text-align: center;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .emoji-separator {
            font-size: 20px;
            text-align: center;
            margin: 10px 0;
        }

        .fancy-text {
            font-family: 'Georgia', serif;
            line-height: 1.8;
            letter-spacing: 0.5px;
        }

        .highlight-box {
            background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
            border-radius: 15px;
            padding: 15px;
            margin: 15px 0;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        .fancy-list {
            list-style-type: none;
            padding-left: 0;
        }

        .fancy-list li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
        }

        .fancy-list li::before {
            content: '🔹';
            position: absolute;
            left: 0;
            top: 2px;
        }

        .sparkle {
            display: inline-block;
            animation: sparkle 1.5s infinite;
        }

        #ia-assistente.tema-claro #ia-cabecalho,
        #ia-assistente.tema-claro #ia-input,
        #ia-assistente.tema-claro #ia-resposta,
        #ia-assistente.tema-claro #ia-idioma-select,
        #ia-assistente.tema-claro #ia-tema-select,
        #ia-assistente.tema-claro .ia-botao,
        #ia-assistente.tema-claro .historico-item {
            color: #333;
            background-color: rgba(0,0,0,0.1);
        }

        #ia-assistente.tema-claro #ia-input::placeholder {
            color: rgba(0,0,0,0.5);
        }

        #ia-assistente.tema-claro #ia-resposta {
            color: #333;
            text-shadow: none;
        }

        #ia-assistente.tema-claro #ia-resposta strong {
            color: #0066cc;
        }

        #ia-assistente.tema-claro #ia-resposta em {
            color: #006400;
        }

        #ia-assistente.tema-claro #ia-resposta a {
            color: #8b008b;
            border-bottom: 1px dotted #8b008b;
        }

        #ia-assistente.tema-claro #ia-resposta a:hover {
            color: #4b0082;
            border-bottom: 1px solid #4b0082;
        }

        #ia-assistente.tema-claro .titulo-resposta {
            color: #333;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }

        #ia-assistente.tema-claro .destaque {
            background-color: rgba(0,0,0,0.1);
            color: #333;
            text-shadow: none;
        }

        .citacao {
            font-style: italic;
            color: #ffa07a;
            display: block;
            margin: 10px 0;
            padding-left: 15px;
            border-left: 3px solid #ffa07a;
        }

        .nota {
            background-color: rgba(255,255,0,0.2);
            padding: 10px;
            border-radius: 10px;
            margin: 10;
                    }

        .definicao {
            font-weight: bold;
            text-decoration: underline;
        }

        .palavra-chave {
            font-weight: bold;
            color: #ff69b4;
            text-shadow: 0 0 3px rgba(255,105,180,0.5);
        }
    `);

    // 🏗️ Criar e adicionar o assistente ao DOM
    const assistente = document.createElement('div');
    assistente.id = 'ia-assistente';
    assistente.innerHTML = `
        <div id="ia-cabecalho">
            <span id="ia-titulo">🤖 Kenite IA</span>
            <span id="ia-toggle">▼</span>
        </div>
        <div id="ia-conteudo">
            <input type="text" id="ia-input" placeholder="🔍 Faça uma pergunta...">
            <div id="ia-resposta"></div>
            <div id="ia-loader"><span></span><span></span><span></span></div>
            <div id="ia-botoes">
                <select id="ia-idioma-select">
                    <option value="pt">🇧🇷 Português</option>
                    <option value="en">🇬🇧 English</option>
                    <option value="es">🇪🇸 Español</option>
                    <option value="fr">🇫🇷 Français</option>
                </select>
                <select id="ia-tema-select">
                    <option value="padrao">🌈 Tema Padrão</option>
                    <option value="escuro">🌙 Tema Escuro</option>
                    <option value="claro">☀️ Tema Claro</option>
                </select>
                <button id="ia-limpar-historico" class="ia-botao">🗑️ Limpar Histórico</button>
            </div>
            <div id="ia-historico"></div>
        </div>
    `;
    document.body.appendChild(assistente);

    // 🎛️ Elementos do DOM
    const toggle = document.getElementById('ia-toggle');
    const conteudo = document.getElementById('ia-conteudo');
    const input = document.getElementById('ia-input');
    const resposta = document.getElementById('ia-resposta');
    const loader = document.getElementById('ia-loader');
    const titulo = document.getElementById('ia-titulo');
    const idiomaSelect = document.getElementById('ia-idioma-select');
    const temaSelect = document.getElementById('ia-tema-select');
    const limparHistoricoBtn = document.getElementById('ia-limpar-historico');
    const historicoDiv = document.getElementById('ia-historico');

    // 🌐 Variáveis globais
    let idiomaAtual = GM_getValue('idiomaAssistente', 'pt');
    let temaAtual = GM_getValue('temaAssistente', 'padrao');
    let historico = GM_getValue('historicoAssistente', []);
    idiomaSelect.value = idiomaAtual;
    temaSelect.value = temaAtual;

    // 🗣️ Traduções
    const traducoes = {
        pt: {
            assistenteIA: '🤖 Kenite IA',
            placeholder: '🔍 Faça uma pergunta...',
            topicosRelacionados: '🔗 Tópicos Relacionados',
            semInformacoes: '❓ Desculpe, não encontrei informações sobre isso.',
            erro: '❌ Desculpe, ocorreu um erro ao buscar a informação.',
            limparHistorico: '🗑️ Limpar Histórico',
            historico: '📜 Histórico'
        },
        en: {
            assistenteIA: '🤖 Kenite AI',
            placeholder: '🔍 Ask a question...',
            topicosRelacionados: '🔗 Related Topics',
            semInformacoes: '❓ Sorry, I couldn\'t find any information about that.',
            erro: '❌ Sorry, an error occurred while fetching the information.',
            limparHistorico: '🗑️ Clear History',
            historico: '📜 History'
        },
        es: {
            assistenteIA: '🤖 Kenite IA',
            placeholder: '🔍 Haz una pregunta...',
            topicosRelacionados: '🔗 Temas Relacionados',
            semInformacoes: '❓ Lo siento, no encontré información sobre eso.',
            erro: '❌ Lo siento, ocurrió un error al buscar la información.',
            limparHistorico: '🗑️ Borrar Historial',
            historico: '📜 Historial'
        },
        fr: {
            assistenteIA: '🤖 Kenite IA',
            placeholder: '🔍 Posez une question...',
            topicosRelacionados: '🔗 Sujets Connexes',
            semInformacoes: '❓ Désolé, je n\'ai pas trouvé d\'informations à ce sujet.',
            erro: '❌ Désolé, une erreur s\'est produite lors de la recherche d\'informations.',
            limparHistorico: '🗑️ Effacer l\'historique',
            historico: '📜 Historique'
        }
    };

    // 🔄 Função para traduzir
    function traduzir(chave) {
        return traducoes[idiomaAtual][chave] || traducoes['en'][chave];
    }

    // 🔍 Função para pesquisar na Wikipedia
    async function pesquisarWikipedia(query) {
        loader.style.display = 'block';
        resposta.innerHTML = '';

        try {
            const url = `https://${idiomaAtual}.wikipedia.org/w/api.php?action=query&format=json&prop=extracts|links&exintro=1&explaintext=1&titles=${encodeURIComponent(query)}&origin=*`;
            const response = await fetch(url);
            const data = await response.json();

            const page = Object.values(data.query.pages)[0];
            const extract = page.extract;
            const links = page.links || [];

            const respostaProcessada = processarResposta(extract, links);
            exibirRespostaAnimada(respostaProcessada);
            adicionarAoHistorico(query);
        } catch (error) {
            resposta.innerHTML = `<div class="erro-mensagem">${traduzir('erro')} ❌</div>`;
        } finally {
            loader.style.display = 'none';
        }
    }

    // 🧠 Função para processar a resposta
    function processarResposta(texto, links) {
        let respostaProcessada = '';

        if (texto) {
            respostaProcessada += `<div class="titulo-resposta">${traduzir('assistenteIA')}:</div>`;
            respostaProcessada += `<div class="resposta-conteudo">${aprimorarTextoIA(texto)}</div>`;
        } else {
            respostaProcessada += `<div class="sem-info">${traduzir('semInformacoes')}</div>`;
        }

        if (links.length > 0) {
            respostaProcessada += `<div class="topicos-relacionados"><strong>${traduzir('topicosRelacionados')}:</strong><br>`;
            respostaProcessada += links.slice(0, 5).map(link => `<span class="topico-item">🔹 ${link.title}</span>`).join('');
            respostaProcessada += '</div>';
        }

        return respostaProcessada;
    }

    // 🖌️ Função para aprimorar o texto da IA
    function aprimorarTextoIA(texto) {
        const emojis = {
            positivo: ['😊', '👍', '🎉', '✨', '🌟', '💖', '🙌', '🔥'],
            negativo: ['😔', '👎', '💔', '🚫', '⚠️', '😢', '🙅', '❌'],
            ideia: ['💡', '🤔', '🧠', '🔍', '📚', '🎓', '🏆', '🚀'],
            tempo: ['⏰', '🕒', '📅', '⌛', '🗓️', '🌙', '☀️', '🌈'],
            dinheiro: ['💰', '💸', '💲', '🤑', '💳', '💵', '🏦', '💹'],
            tecnologia: ['💻', '📱', '🤖', '🔧', '🖥️', '📡', '🛰️', '⚙️'],
            natureza: ['🌿', '🌳', '🌺', '🌊', '🏔️', '🌎', '🌞', '🍃'],
            comida: ['🍎', '🍕', '🍣', '🍔', '🍰', '🍓', '🥑', '🍜'],
            viagem: ['✈️', '🏖️', '🗺️', '🏞️', '🚆', '🚢', '🏰', '🎒'],
            esporte: ['⚽', '🏀', '🎾', '🏊', '🚴', '🏋️', '🥇', '🏆']
        };

        // Adicionar emojis
        Object.keys(emojis).forEach(categoria => {
            const regex = new RegExp(`\\b(${categoria}|${categoria}s)\\b`, 'gi');
            texto = texto.replace(regex, match => {
                const emojiAleatorio = emojis[categoria][Math.floor(Math.random() * emojis[categoria].length)];
                return `${emojiAleatorio} ${match}`;
            });
        });

        // Adicionar formatação avançada
        texto = texto.replace(/\b(importante|atenção|dica|nota)\b/gi, match => `<strong class="destaque sparkle">💥 ${match.toUpperCase()} 💥</strong>`);
        texto = texto.replace(/(".*?")/g, match => `<span class="citacao">💬 ${match} 💬</span>`);
        texto = texto.replace(/\b([A-Z][a-z]+ é|são|foram|era|eram)\b/g, match => `<span class="definicao">📌 ${match}</span>`);

        // Adicionar títulos e separadores com emojis
        texto = texto.replace(/^(.+)$/m, match => `<div class="emoji-title">🌟 ${match} 🌟</div>`);
        texto = texto.replace(/\n\n/g, '\n<div class="emoji-separator">✨✨✨</div>\n');

        // Criar listas fancy
        texto = texto.replace(/^[-*]\s(.+)$/gm, '<li>$1</li>');
        texto = texto.replace(/<li>(.+\n?)+/g, match => `<ul class="fancy-list">${match}</ul>`);

        // Adicionar caixas de destaque
        texto = texto.replace(/\[(.*?)\]/g, '<div class="highlight-box">$1</div>');

        // Destacar palavras-chave
        const palavrasChave = ['importante', 'crucial', 'essencial', 'fundamental', 'chave', 'principal'];
        const regexPalavrasChave = new RegExp(`\\b(${palavrasChave.join('|')})\\b`, 'gi');
        texto = texto.replace(regexPalavrasChave, match => `<span class="palavra-chave">🔑 ${match}</span>`);

        // Adicionar classe para texto fancy
        texto = `<div class="fancy-text">${texto}</div>`;

        return texto;
    }

    // 🎭 Função para exibir a resposta com animação
    function exibirRespostaAnimada(texto) {
        resposta.innerHTML = texto;
        resposta.style.display = 'block';
        resposta.style.opacity = '0';
        resposta.style.transform = 'translateY(20px)';
        setTimeout(() => {
            resposta.style.opacity = '1';
            resposta.style.transform = 'translateY(0)';
        }, 50);
        resposta.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    }

    // 📜 Função para adicionar ao histórico
    function adicionarAoHistorico(query) {
        historico = historico.filter(item => item !== query);
        historico.unshift(query);
        if (historico.length > 10) historico.pop();
        GM_setValue('historicoAssistente', historico);
        atualizarHistorico();
    }

    // 🔄 Função para atualizar o histórico na interface
    function atualizarHistorico() {
        historicoDiv.innerHTML = `<div class="emoji-title"> ${traduzir('historico')}</div>`;
        historico.forEach(item => {
            const itemElement = document.createElement('div');
            itemElement.className = 'historico-item';
            itemElement.innerHTML = `🔍 ${item}`;
            itemElement.onclick = () => {
                input.value = item;
                pesquisarWikipedia(item);
            };
            historicoDiv.appendChild(itemElement);
        });
    }

    // 🎨 Função para mudar o tema
    function mudarTema(tema) {
        const assistente = document.getElementById('ia-assistente');
        assistente.className = ''; // Remove todas as classes
        assistente.classList.add(`tema-${tema}`);
        GM_setValue('temaAssistente', tema);
    }

    // 🎧 Event listeners
    toggle.addEventListener('click', () => {
        conteudo.style.display = conteudo.style.display === 'none' ? 'block' : 'none';
        toggle.textContent = conteudo.style.display === 'none' ? '▼' : '▲';
        toggle.classList.toggle('fechado');
    });

    input.addEventListener('keypress', (e) => {
        if (e.key === 'Enter') {
            pesquisarWikipedia(input.value);
        }
    });

    resposta.addEventListener('click', (e) => {
        if (e.target.classList.contains('topico-item')) {
            input.value = e.target.textContent.replace('🔹 ', '');
            pesquisarWikipedia(input.value);
        }
    });

    idiomaSelect.addEventListener('change', (e) => {
        idiomaAtual = e.target.value;
        GM_setValue('idiomaAssistente', idiomaAtual);
               titulo.textContent = traduzir('assistenteIA');
        input.placeholder = traduzir('placeholder');
        limparHistoricoBtn.textContent = traduzir('limparHistorico');
        atualizarHistorico();
        if (resposta.innerHTML) {
            pesquisarWikipedia(input.value);
        }
    });

    temaSelect.addEventListener('change', (e) => {
        mudarTema(e.target.value);
    });

    limparHistoricoBtn.addEventListener('click', () => {
        historico = [];
        GM_setValue('historicoAssistente', historico);
        atualizarHistorico();
    });

    // 🚀 Inicialização
    mudarTema(temaAtual);
    atualizarHistorico();
    titulo.textContent = traduzir('assistenteIA');
    input.placeholder = traduzir('placeholder');
    limparHistoricoBtn.textContent = traduzir('limparHistorico');
})();