TamperMonkey / UserScripts for widening teh Grok results panel

gistfile1.txt

// ==UserScript==
// @name         Grok Wide Output Results Panel
// @namespace    http://digitalriver.blog/grok-wide-output
// @version      2026-02-16
// @description  Makes the Grok Results Output be wider
// @author       Venkatt Guhesan
// @match        https://grok.com/
// @icon         https://grok.com/images/favicon.ico
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Wait for the document to be fully loaded (default @run-at is document-end)
    window.addEventListener('load', function() {
        // Find the input element by its ID (replace 'myInputId' with the actual ID)
        var targetElem = document.querySelector('html > body > div:nth-of-type(2) > div:nth-of-type(2) > div > div > main > div:nth-of-type(2)');

        if (targetElem) {
            // Add a 'change' event listener
            targetElem.addEventListener('change', function() {
                console.log('Input value changed to:', this.value);
                // Add your custom logic here
                alert('The value has changed!');
                targetElem.style.setProperty("--content-max-width", "70rem");
            });
        } else {
            console.log("Grok DIV match not found under TamperMonkeu UserScripts");
        }
    });

})();