Gemini Thoughts-to-Input (Toggle + Auto-Click)

Adds a toggle button to auto-click "Show thinking" and copy text to the chat input.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Gemini Thoughts-to-Input (Toggle + Auto-Click)
// @namespace    http://tampermonkey.net/
// @version      4.0
// @license MIT
// @description  Adds a toggle button to auto-click "Show thinking" and copy text to the chat input.
// @author       You
// @match        https://gemini.google.com/*
// @grant        GM_setValue
// @grant        GM_getValue
// ==/UserScript==

(function() {
    'use strict';

    // --- [ 1. CONFIGURATION ] ---
    
    const TOGGLE_STATE_KEY = 'geminiAutoThoughtsToggle';
    const CHAT_INPUT_SELECTOR = 'rich-textarea > div:first-of-type';
    const THOUGHTS_HEADER_SELECTOR = 'div.thoughts-header';
    const THOUGHTS_BUTTON_SELECTOR = 'button[data-test-id="thoughts-header-button"]';
    const THOUGHTS_CONTENT_CLASS = 'markdown-main-panel';

    // --- [ 2. HELPER FUNCTIONS ] ---

    function isToggleOn() {
        return GM_getValue(TOGGLE_STATE_KEY, false);
    }

    function setToggleState(isOn) {
        GM_setValue(TOGGLE_STATE_KEY, isOn);
    }

    function updateToggleButtonVisuals(button, isOn) {
        if (isOn) {
            button.innerText = 'Auto: ON';
            button.style.backgroundColor = '#34a853'; // Google Green
            button.style.color = 'white';
        } else {
            button.innerText = 'Auto: OFF';
            button.style.backgroundColor = '#5f6368'; // Google Grey
            button.style.color = 'white';
        }
    }

    /**
     * This function is called when "Show thinking" is clicked.
     * It handles the copy-pasting.
     */
    function handleThoughtsClick(event) {
        const button = event.currentTarget;
        
        setTimeout(() => {
            const thoughtsElement = button.closest('model-thoughts');
            if (!thoughtsElement) {
                console.error('Thoughts-to-Input: Could not find parent <model-thoughts> element.');
                return;
            }

            const contentPanel = thoughtsElement.querySelector(`.${THOUGHTS_CONTENT_CLASS}`);
            const chatInput = document.querySelector(CHAT_INPUT_SELECTOR);

            if (contentPanel && chatInput) {
                const thoughtsText = contentPanel.innerText;
                chatInput.innerText = thoughtsText;
                chatInput.focus();
                chatInput.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
            } else {
                if (!contentPanel) console.error(`Thoughts-to-Input: Could not find content panel with class: ${THOUGHTS_CONTENT_CLASS}`);
                if (!chatInput) console.error(`Thoughts-to-Input: Could not find chat input with selector: ${CHAT_INPUT_SELECTOR}`);
            }
        }, 300);
    }
    
    /**
     * Creates the new "Auto: ON/OFF" toggle button.
     */
    function createToggleButton(thoughtsButton) {
        const toggleButton = document.createElement('button');
        
        toggleButton.style.marginLeft = '8px';
        toggleButton.style.padding = '4px 8px';
        toggleButton.style.border = 'none';
        toggleButton.style.borderRadius = '8px';
        toggleButton.style.cursor = 'pointer';
        toggleButton.style.fontSize = '12px';
        toggleButton.style.fontWeight = '500';
        
        updateToggleButtonVisuals(toggleButton, isToggleOn());

        // --- THIS IS THE CORRECTED CLICK LOGIC ---
        toggleButton.addEventListener('click', (event) => {
            event.stopPropagation();
            const newState = !isToggleOn();
            setToggleState(newState);
            updateToggleButtonVisuals(toggleButton, newState);

            // If the user just turned the toggle ON, click the adjacent
            // "Show thinking" button *now*.
            if (newState) {
                thoughtsButton.click();
            }
        });
        // --- END CORRECTION ---

        return toggleButton;
    }

    /**
     * This function runs every time a new "Show thinking" header appears.
     */
    function processThoughtsHeader(headerElement) {
        if (headerElement.dataset.processed) return;
        headerElement.dataset.processed = 'true';

        const thoughtsButton = headerElement.querySelector(THOUGHTS_BUTTON_SELECTOR);
        if (!thoughtsButton) return;

        // 1. Add the main copy/paste listener to the "Show thinking" button
        thoughtsButton.addEventListener('click', handleThoughtsClick);

        // 2. Create our toggle button
        const toggleButton = createToggleButton(thoughtsButton);

        // 3. Add the toggle button to the page
        thoughtsButton.parentNode.insertBefore(toggleButton, thoughtsButton.nextSibling);

        // 4. Check toggle state on load and auto-click if ON
        if (isToggleOn()) {
            // Use a short delay to make sure the page is ready
            setTimeout(() => {
                thoughtsButton.click();
            }, 100);
        }
    }

    // --- [ 3. OBSERVER LOGIC ] ---

    const observer = new MutationObserver((mutationsList) => {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType !== 1) return;
                    if (node.matches(THOUGHTS_HEADER_SELECTOR)) {
                        processThoughtsHeader(node);
                    } else if (node.querySelectorAll) {
                        node.querySelectorAll(THOUGHTS_HEADER_SELECTOR).forEach(processThoughtsHeader);
                    }
                });
            }
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
    document.querySelectorAll(THOUGHTS_HEADER_SELECTOR).forEach(processThoughtsHeader);

})();