ChatTree

ChatTree is a Microsoft Edge extension that turns ChatGPT conversations into a navigable tree. It keeps a clean side panel with list and map views, tracks branches as you explore, and lets you jump back to any node.

UI Preview

List View

Map View (Horizontal)

Map View (Vertical)

Features

• Always-on side panel
• Automatic tree building from visible branches
• Click-to-jump with highlight inside the ChatGPT page
• Branch-path hint when the target node isn¡¯t in the current branch
• Map view (mind-map style) with drag + zoom
• Horizontal / vertical map layouts
• Recording mode to rebuild historical trees by manually traversing branches

Project structure

extension/
  manifest.json
  src/
    background.js
    content.js
    sidepanel.html
    sidepanel.css
    sidepanel.js

Install (Edge)

1. Open edge://extensions
2. Enable Developer mode
3. Click Load unpacked and select extension/

Usage

• Open ChatGPT in Edge.
• Open the ChatTree side panel from the extension action.
• Use Refresh if needed; otherwise the tree updates automatically.
• Click any node to jump to it.
• If a node isn't in the current branch, you'll see a path hint. Manually switch the branch in ChatGPT; ChatTree will auto-jump when the node appears.

Map view

• Toggle Map to switch from list view.
• Drag to pan; scroll to zoom.
• Toggle Horizontal / Vertical to change layout.

Recording mode (history recovery)

When viewing old conversations:

• Click Record: On
• Manually switch branches; ChatTree captures each branch as you traverse
• Click Record: Off when done

Notes / limitations

• ChatGPT does not expose a full branch API, so branches must be manually visited at least once to be captured.
• DOM structure may change over time; selectors may need maintenance.

Development

You can edit files directly in extension/src/.