Collapse code blocks with copy, download, expand/collapse. Clean single-button layout.
Collapse code blocks into clean, manageable sections with dual controls, one-click downloads, and typing detection.
| Feature | Description |
|---|---|
| 📦 Auto-Collapse | Code blocks collapse when Claude finishes typing |
| ⚖️ Dual Controls | Copy, download, expand buttons on both sides |
| 📋 One-Click Copy | Copy code with visual confirmation |
| 💾 Quick Download | Save as .txt with auto-generated filename |
| 🖱️ Double-Click Toggle | Fast expand/collapse on header or content |
| ⌨️ Typing Animation | Gradient shows when Claude is still generating |
| State | Header Style | Meaning |
|---|---|---|
| ⌨️ Typing | Animated gradient | Claude still generating |
| ✅ Done | Static gray | Code complete, controls active |
| 📦 Collapsed | Compact | Space saved, click to expand |
| Action | How |
|---|---|
| Expand/Collapse | Double-click header or content |
| Copy Code | Click "Copy" button (either side) |
| Download | Click "Download" button |
| Wait for Completion | Watch for animation to stop |
| Tip | Benefit |
|---|---|
| 🖱️ Double-click mastery | Fastest way to toggle |
| ⏱️ Watch the gradient | Wait for static header before download |
| 💾 Download immediately | Save important code right away |
| ⚖️ Use either side | Controls on left AND right |
All major languages including: JavaScript, Python, Java, C++, Ruby, Go, Rust, PHP, TypeScript, HTML, CSS, JSON, YAML, SQL, Shell, and more.
Keep Claude conversations clean with intelligent code collapsing. 💻✨
