Adds a floating navigation sidebar to ChatGPT and Gemini. Features include drag-and-drop, bookmarking, theme switching, precise export, and search filtering. Optimized with MutationObserver for performance and supports dark mode.
AI Chat Navigation Sidebar (ChatGPT & Gemini) | Smart TOC & Export
Stop the endless scrolling! This script transforms your AI chat experience from a simple chat room into a powerful productivity console. It automatically generates a smart table of contents, allowing you to navigate, bookmark, and export your conversations with surgical precision.
✨ Key Features
📂 Automatic TOC Generation: Real-time scanning of your prompts to create a sleek navigation sidebar. Click any item to scroll smoothly to the corresponding dialogue.
⭐ Smart Bookmarking: Click the star icon to highlight key prompts. Keep track of essential information no matter how long the conversation grows.
📋 Precision Export (Smart Copy):
Left Click: Quickly copy the entire TOC outline.
Shift + Left Click: Accurately capture the entire conversation (User prompts + AI responses). Formatted perfectly for Markdown, Notion, or Obsidian.
🎨 Master-Level Visuals:
Auto-Adaptive: Automatically switches between Obsidian Gold (Luxury Dark) and Tech White (Minimalist Light) based on your system or site settings.
Glassmorphism: Modern frosted-glass design that blends seamlessly with the native UI.
🔍 Real-Time Filter: Built-in search bar to instantly filter through hundreds of dialogue entries.
✋ Fully Customizable: Drag-and-drop anywhere. Remembers your position, width, and collapse state across sessions.
⚡ Technical Excellence
Zero-Lag Performance: Powered by MutationObserver and debounced execution. It only updates when the page actually changes, keeping CPU usage near 0%.
Native Security: Fully compliant with Gemini's TrustedHTML security policies. No innerHTML assignments, ensuring the script never crashes in high-security environments.
Scroll Spy: The sidebar automatically highlights the section you are currently reading as you scroll through the chat.
🛠️ How to Use
Install: Ensure you have Tampermonkey installed.
Activate: Open ChatGPT or Gemini.
Interact:
The ⌬ (Benzene ring) icon indicates the sidebar header.
Hover: Preview the full text of a truncated title.
Right-Click: Directly copy the full text of a specific prompt.
🎨 Button: Toggle theme colors manually.
↔ Button: Switch between Compact (200px) and Wide (300px) modes.
− Button: Collapse the sidebar to a tiny floating icon.
🛡️ Privacy & Transparency
Local Only: Runs entirely in your browser.
No Remote Requests: Your conversation data never leaves your device.
Open Source: Clean, object-oriented (Class-based) code architecture.
