ChatGPT Hide Old Conversations For Page Performance (limit visible chats to a certain number)

ChatGPT Hide Old Conversation.user.js

// ==UserScript==
// @name         ChatGPT Hide Old Conversation
// @version      2025-02-18
// @author       Louis Hong
// @match        *://*.chatgpt.com/c/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=chatgpt.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const MAX_ARTICLES = 20; // Set the max number of <article> elements allowed
    let removedCount = 0;

    function updateRemovalCounter() {
        let counterElement = document.querySelector('#removed-counter');
        if (!counterElement) {
            counterElement = document.createElement('div');
            counterElement.id = 'removed-counter';
            counterElement.style.fontSize = '14px';
            counterElement.style.fontWeight = 'bold';
            counterElement.style.margin = '10px auto';
            counterElement.style.textAlign = 'center';
            counterElement.style.padding = '5px';
            counterElement.style.background = 'rgba(0, 0, 0, 0.1)';
            counterElement.style.borderRadius = '5px';

            const stickyHeader = document.querySelector('.sticky.top-0.p-3.flex.justify-between.z-10');
            if (stickyHeader && stickyHeader.parentNode) {
                stickyHeader.parentNode.insertBefore(counterElement, stickyHeader.nextSibling);
            }
        }
        counterElement.textContent = `${removedCount} past chats hidden for performance.`;
    }

    function cleanUpArticles() {
        const container = document.querySelector('[class*="container/thread"]');
        if (!container) return;

        const articles = Array.from(container.querySelectorAll('article[data-testid^="conversation-turn-"]'));

        if (articles.length <= MAX_ARTICLES) return;

        // Sort articles based on data-testid number
        articles.sort((a, b) => {
            const numA = parseInt(a.getAttribute('data-testid').split('-').pop(), 10) || 0;
            const numB = parseInt(b.getAttribute('data-testid').split('-').pop(), 10) || 0;
            return numA - numB;
        });

        // Remove the oldest articles
        while (articles.length > MAX_ARTICLES) {
            const toRemove = articles.shift();
            toRemove.parentNode.removeChild(toRemove);
            removedCount++;
        }

        updateRemovalCounter();
    }

    // Create a MutationObserver to watch for changes in the container
    const observer = new MutationObserver(() => cleanUpArticles());

    function observeThread() {
        const container = document.querySelector('[class*="container/thread"]');
        if (container) {
            observer.observe(container, { childList: true, subtree: true });
            cleanUpArticles();
        }
    }

    // Run initially and reattempt observing if needed
    observeThread();
    setInterval(observeThread, 2000); // Fallback in case the observer misses something
})();

Limits The Amount of Chats Visible For Performance