Google AI Studio | Toggle Code Blocks

Toggle all code blocks open/closed in Google AI Studio with lazy loading support.

ही स्क्रिप्ट इंस्टॉल करा ?

Ask a question, post a review, or report the script.

लेखक

piknockyou

दैनिक इंस्टॉल

एकूण इंस्टॉल

रेटिंग

0 0 0

आवृत्ती

1.4

बनवली

2025-12-21

अपडेट केली

2025-12-22

आकार

10.2 KB

License

AGPL-3.0

यांवर लागू होते:

google.com

Google AI Studio | Toggle Code Blocks

Introduces the ability to manage code block visibility in Google AI Studio. Adds a toolbar button to instantly collapse or expand all code snippets for a cleaner workspace.

Features

Smart Initial Action: The first click always collapses all code blocks to immediately de-clutter the view.
Persistent Mode: Your preference (Collapse or Expand) is saved to local storage and persists across page reloads and different chats.
Lazy Loading Support: Automatically manages code blocks that appear as you scroll up or as the AI generates them in real-time.
Color-Coded Feedback:
- Gray Icon: Inactive (Click to activate Collapse Mode).
- Blue Icon: Collapse Mode active (New blocks will auto-collapse).
- Amber Icon: Expand Mode active (New blocks will auto-expand).
Toolbar Integration: Adds a native-style button to the top-right toolbar that matches the Google AI Studio aesthetic.

Installation

Requirements

A userscript manager:
- Violentmonkey (recommended)
- Tampermonkey

Steps

Install a userscript manager.
Install this script.
Open any prompt in Google AI Studio.

Usage

Locate the button: Look for the chevron icon in the toolbar next to the "More options" (⋮) button.
First Click: Activates Collapse Mode (Blue). All current and future code blocks will stay closed.
Second Click: Switches to Expand Mode (Amber). All current and future code blocks will stay open.
Third Click: Toggles back to Collapse Mode (Blue).

How It Works

Persistence: Uses localStorage to remember your toggle state across page reloads and chat switches.
Lazy Load Observer: Watches for new ms-code-block elements being added to the DOM and automatically applies your chosen mode (Collapse/Expand) as they appear.
Smart Logic: Includes a per-block debounce (500ms) to prevent flickering during rapid scrolling or AI generation.
Toolbar Observer: Uses a MutationObserver to ensure the button persists in the toolbar during SPA navigation between chats.

Technical Details

Icon: Uses standard Material Symbols (expand_less, expand_more) natively available in the app resources.
Styling: Injects minimal CSS to match the native toolbar layout.