Google AI Studio | Collapse/Expand All Code Blocks Toggle

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

Автор

piknockyou

Установок в день

Всего установок

Оценки

0 0 0

Версия

1.6

Создано

21.12.2025

Обновлено

29.12.2025

Размер

10,2 КБ

Лицензия

AGPL-3.0

Работает на

See screenshots at the bottom

Adds a toolbar button to collapse or expand all code blocks instantly. Ideal for long AI conversations with lots of code snippets.

Why You Need This

Long AI responses with multiple code blocks make conversations hard to navigate:

Scrolling fatigue: Endless scrolling past code you've already reviewed.
Context lost: Hard to see the conversation flow buried under walls of code.
No native solution: Google AI Studio has no built-in way to manage code block visibility.

This script lets you control all code blocks with a single toolbar button.

Smart Initial Action: First click always collapses all blocks to instantly declutter your view.
Persistent Mode Toggle: Each subsequent click switches between Collapse/Expand modes. Your preference is saved across page reloads and chat switches.
Lazy Loading Support: Automatically manages code blocks as they appear during scrolling or real-time AI generation.
Color-Coded Feedback:
- Gray Icon: Inactive (click to activate Collapse Mode)
- Blue Icon: Collapse Mode active (new blocks auto-collapse)
- Amber Icon: Expand Mode active (new blocks auto-expand)
Native Integration: Adds a toolbar button that matches Google AI Studio's aesthetic.

Action	Result
First Click	Activate Collapse Mode (Blue) — all current and future code blocks stay closed
Second Click	Switch to Expand Mode (Amber) — all current and future code blocks stay open
Subsequent Clicks	Toggle between Collapse/Expand modes

Incremental detection: Uses MutationObserver to only process newly added code blocks (no full-page rescans).
Smart debouncing: Per-block 500ms debounce prevents flickering during rapid scrolling or AI generation.
SPA-aware: Toolbar observer ensures the button persists during navigation between chats.

Works immediately. The toggle button appears in the top-right toolbar next to the "More options" (⋮) button.

Persistence: Uses localStorage to remember your toggle state.
Icon: Uses Material Symbols (expand_less, expand_more) natively available in the app.
Styling: Minimal CSS injection to match native toolbar layout.