Réglage de la taille de la sidebar ChatGPT

chat-sidebar.js

// ==UserScript==
// @name         ChatGPT Sidebar Width Controller
// @namespace    https://tampermonkey.net/
// @version      2.0
// @description  Permet de changer dynamiquement la largeur de la sidebar ChatGPT via un menu Tampermonkey
// @author       BM
// @match        https://chat.openai.com/*
// @match        https://chatgpt.com/*
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// ==/UserScript==

(function() {
    'use strict';

    // 🔧 Valeur par défaut
    const DEFAULT_WIDTH = '320px';

    // 🔄 Charge la largeur sauvegardée ou prend la valeur par défaut
    let sidebarWidth = GM_getValue('sidebarWidth', DEFAULT_WIDTH);

    // 🧠 Fonction qui applique la largeur actuelle
    const setSidebarWidth = () => {
        document.documentElement.style.setProperty('--sidebar-width', sidebarWidth);
    };

    // 🚀 Applique au démarrage
    setSidebarWidth();

    // 👀 Réapplique si le DOM est modifié
    const observer = new MutationObserver(setSidebarWidth);
    observer.observe(document.documentElement, { childList: true, subtree: true });

    // 🧭 Menu Tampermonkey : changer la largeur
    GM_registerMenuCommand('Changer la largeur de la sidebar', () => {
        const newWidth = prompt('Nouvelle largeur pour la sidebar (ex: 280px, 350px, 25%)', sidebarWidth);
        if (newWidth && newWidth.trim() !== '') {
            sidebarWidth = newWidth.trim();
            GM_setValue('sidebarWidth', sidebarWidth);
            setSidebarWidth();
            alert(`✅ Largeur mise à jour : ${sidebarWidth}`);
        }
    });

    // 🧭 Menu supplémentaire : réinitialiser la largeur
    GM_registerMenuCommand('Réinitialiser à 320px', () => {
        sidebarWidth = DEFAULT_WIDTH;
        GM_setValue('sidebarWidth', sidebarWidth);
        setSidebarWidth();
        alert('🔄 Sidebar réinitialisée à 320px');
    });

})();