Gemini AI: toggle hiding static elements for seeing all AI output

Press Ctrl+Shift+X to toggle visibility

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         Gemini AI: toggle hiding static elements for seeing all AI output
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Press Ctrl+Shift+X to toggle visibility
// @author       Gemini 2.5 pro
// @match        https://gemini.google.com/app*
// @license MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

   // This function finds and toggles the display style of the target elements.
    function toggleElementsVisibility() {
        // Find the <input-container> element.
        const inputContainer = document.querySelector('input-container');

       // Find the div whose class name ends with "GoogleBar".
        // The [class$="..."] is an attribute selector that matches a suffix.
        const googleBar = document.querySelector('div[class$="GoogleBar"]');

       // Toggle the <input-container> if it exists.
        if (inputContainer) {
            if (inputContainer.style.display === 'none') {
                // If it's hidden, show it. Reverting to an empty string
                // lets the browser use the default or stylesheet-defined display property.
                inputContainer.style.display = '';
            } else {
                // If it's visible, hide it.
                inputContainer.style.display = 'none';
            }
            console.log('Toggled visibility for <input-container>');
        } else {
            console.log('<input-container> not found on this page.');
        }

       // Toggle the "GoogleBar" div if it exists.
        if (googleBar) {
            if (googleBar.style.display === 'none') {
                // If it's hidden, show it.
                googleBar.style.display = '';
            } else {
                // If it's visible, hide it.
                googleBar.style.display = 'none';
            }
            console.log('Toggled visibility for GoogleBar element');
        } else {
            console.log('Element with class ending in "GoogleBar" not found.');
        }
    }

   // Listen for keydown events on the whole document.
    document.addEventListener('keydown', function(event) {
        // Check if the key combination is Ctrl+Shift+X.
        // We check the 'key' property for "X" (case-insensitive check is good practice).
        if (event.ctrlKey && event.shiftKey && event.key.toLowerCase() === 'x') {
            // Prevent the default browser action for this key combination, if any.
            event.preventDefault();

           // Call our main function.
            toggleElementsVisibility();
        }
    });
})();