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

Press Ctrl+Shift+X to toggle visibility

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

// ==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();
        }
    });
})();