Elegant ChatGPT Navigation

About

Elegant ChatGPT Navigation

A smart side-panel navigator for long ChatGPT conversations.

🚀 Overview

Elegant ChatGPT Navigation adds a persistent, auto-updating navigation panel to the ChatGPT interface.
It analyzes the structure of a conversation and builds a clean tree containing:

Prompts

Responses

H1 headings

Code blocks (with language + first two lines)

Scrolling through the chat automatically updates the navigator.
Clicking an item scrolls the chat to exactly the right position.

Perfect for developers, researchers, and heavy ChatGPT users.

✨ Features
🧭 Smart navigation panel

Extracts prompts, responses, headings, and code blocks

Preserves the exact order (H1 → Code → H1 → …)

Shows code previews with syntax + first lines

🔄 Live scroll synchronization

Follows your manual scrolling

Highlights your current position

Smooth jumps when clicking on a tree entry

Programmatic scroll-lock prevents chaotic jumps

📐 Responsive design

Automatically collapses on small screens (<1024px)

Uses reduced panel width on narrow displays

Toggle button + click on header area to open/close

🛡️ Privacy-First

No data collection

No external communication

Everything runs locally in your browser