šŸ›Ÿ Open Source Chrome Extension

Navigate AI Chats
Like a Table of Contents

AI conversations get long. Really long. Chat Buoy adds a smart sidebar that lets you jump to any message instantly ā€” with role differentiation, position tracking, and a floating ball you can tuck away.

Chat Buoy ā€” smart navigation sidebar for AI conversations
Features

Everything you need to navigate smarter

Built for power users who live inside AI chat interfaces every day.

šŸ—‚ļø

Auto-generated TOC

Every message becomes a clickable navigation item ā€” instantly jump to any part of the conversation.

šŸŽÆ

Role Differentiation

User questions (purple dot, bold) and AI answers (green dot, subtle) are instantly distinguishable.

šŸ“

Position Tracking

Always know exactly where you are in the conversation with active highlight and reading progress.

šŸŽˆ

Floating Ball Mode

Minimize to a compact floating ball when you don't need it. Expand back anytime with one click.

šŸŽØ

Chameleon UI

Automatically matches the host page's light or dark theme ā€” feels native, not bolted on.

āš”

Real-time Updates

New messages appear in the nav instantly via MutationObserver. Zero lag, zero manual refresh.

How It Works

Three steps to effortless navigation

šŸ“¦
Step 01

Install Extension

Load Chat Buoy from source into Chrome ā€” takes under a minute.

šŸ’¬
Step 02

Open Any AI Chat

Navigate to ChatGPT (Gemini & Claude coming soon) and start chatting.

šŸ§­
Step 03

Navigate Freely

A smart sidebar appears automatically. Click any item to jump. Done.

Platforms

Works where you chat

Currently supporting ChatGPT, with Gemini and Claude on the roadmap.

āœ…

ChatGPT

Supported

šŸ”œ

Gemini

Coming soon

šŸ”œ

Claude

Coming soon

Architecture

Clean & extensible

Adding support for a new platform is as simple as creating a single adapter file.

Content Script
ā”œā”€ā”€ Adapter Layer    ā† Platform-specific DOM parsing
ā”‚   ā”œā”€ā”€ chatgpt.adapter.ts     (ChatGPT)
ā”‚   ā”œā”€ā”€ gemini.adapter.ts      (Gemini)
ā”‚   ā””ā”€ā”€ claude.adapter.ts      (Claude)
ā”‚
ā”œā”€ā”€ Engine Layer     ā† Core observation & state
ā”‚   ā”œā”€ā”€ MutationObserver        (DOM changes)
ā”‚   ā”œā”€ā”€ IntersectionObserver    (viewport tracking)
ā”‚   ā””ā”€ā”€ State management        (message list)
ā”‚
ā””ā”€ā”€ UI Layer         ā† Zero CSS pollution
    ā”œā”€ā”€ Shadow DOM sidebar      (navigation panel)
    ā””ā”€ā”€ Floating ball           (minimized mode)

TypeScript

Type safety

Vite

Fast builds

Shadow DOM

Style isolation

MutationObserver

Live detection

Chat Buoy

Open Source & Free Forever

Chat Buoy is MIT licensed. Contributions are welcome ā€” the easiest way to contribute is to add support for a new AI platform.

MIT License