🔛 widen it! author is __nickerbocker__ on reddit

cgpt-fullwidth.user.js

// ==UserScript==
// @name         OpenAI Chat Full Width Adjustment for All Messages
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Adjust the max-width of all message elements on OpenAI Chat website, for both user and ChatGPT messages
// @author       __nickerbocker__
// @match        https://chat.openai.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function adjustWidth() {
        // Select all message elements using a more inclusive selector
        var elements = document.querySelectorAll('.flex.flex-1.text-base.mx-auto.gap-3.md\\:px-5.lg\\:px-1.xl\\:px-5');

        elements.forEach(function(element) {
            // Adjust the max-width property with !important to override media queries
            element.style.cssText = 'max-width: 100% !important;';
        });

        console.log(elements.length + " chat elements adjusted.");
    }

    // Adjust the width of all messages on page load
    window.addEventListener('load', adjustWidth);

    // Continuously adjust the width of new messages
    setInterval(adjustWidth, 500);
})();