Branch of Thought – Ekstensi Chrome yang menampilkan percabangan tersembunyi dalam percakapan Claude·ChatGPT sebagai graf

Saat Anda mengedit pesan di Claude atau ChatGPT, percakapan diam-diam terpecah menjadi cabang baru. Namun percakapan sebelumnya terkubur di balik panah kecil ‹ 2/3 ›, jadi saya sering kehilangan cabang yang ingin saya kunjungi lagi. Karena tidak nyaman, saya membuatnya sendiri.

Fungsinya adalah menggambar seluruh percakapan sebagai graf pohon percabangan di panel samping. Anda bisa langsung melihat di mana percakapan bercabang, jalur saat ini disorot, dan jika mengeklik node, Anda dapat membaca teks lengkap versi pesan tersebut beserta pertanyaan dan jawabannya. Anda juga bisa langsung berpindah ke cabang yang sempat ditinggalkan hanya dengan satu klik, menyeret node untuk mengubah tata letak, atau mengekspor graf sebagai HTML, PNG, atau SVG.

Bagian yang paling rumit saat membuatnya adalah struktur penyimpanan percakapan Claude dan ChatGPT benar-benar berbeda. ChatGPT mengekspos pohon mapping, sedangkan Claude tidak, jadi saya membuat satu normalizer yang menyatukan keduanya ke dalam bentuk yang sama. Berkat itu, seluruh logika di bawahnya bekerja tanpa bergantung pada platform, dan menambahkan platform kedua jadi jauh lebih mudah.

Ini berbasis MV3, dan content script yang berjalan di MAIN world membaca data percakapan yang sudah diterima browser. Jadi semuanya diproses secara lokal, tanpa server, analitik, atau telemetri. Ada opsi untuk merangkum judul node menjadi satu baris dengan Claude Haiku, tetapi ini menggunakan API key milik pengguna sendiri dan hanya dirangkum sekali per pesan lalu disimpan dalam cache.

Ini adalah ekstensi browser pertama saya, jadi masih banyak bagian yang kasar. Saya belum mengunggahnya ke web store dan juga tidak berencana melakukannya; cara pakainya adalah dimuat langsung dalam keadaan belum dipaketkan. Jadi sebelum menjalankannya, Anda bisa memeriksa lewat kode apa tepatnya yang dilakukan. Lisensinya MIT dan mendukung Claude maupun ChatGPT.
Saya ingin mendapatkan masukan tentang pendekatan, UX, atau edge case yang mungkin saya lewatkan. Silakan tanyakan apa saja dengan santai.