Mengapa Saya Membuat Codex Workspace Sessions untuk VS Code

Development dengan bantuan AI memang sangat membantu, tetapi mengatur workspace di sekitar AI masih bisa menjadi hal yang mengganggu fokus.

Saat mengerjakan banyak project di VS Code, saya menggunakan Codex untuk planning, debugging, refactoring, code review, hingga melanjutkan task implementasi yang cukup panjang. Seiring waktu, setiap project akan memiliki banyak sesi chat.

Tantangannya bukan hanya mencari percakapan yang tepat. Tantangannya adalah menjaga workspace coding tetap fokus saat berpindah antara file, Explorer, chat Codex, dan riwayat sesi.

Karena itu, saya membuat Codex Workspace Sessions.

Masalahnya: Kode, Chat, dan Riwayat Sesi Saling Berebut Ruang

VS Code memiliki Primary Side Bar dan Secondary Side Bar. Fleksibilitas ini sangat berguna, tetapi dapat menimbulkan masalah workflow ketika kita cukup intens menggunakan AI coding assistant.

Dalam setup sehari-hari, biasanya terdapat:

• Code editor di area utama.
• File Explorer di salah satu sidebar.
• Chat Codex di editor group atau sidebar lain.
• Daftar sesi Codex sebelumnya yang perlu dicari saat ingin melanjutkan task.

Ketika chat Codex atau sidebar sering dibuka dan ditutup, layout editor ikut bergeser. Area kode menjadi lebih sempit, posisi navigasi file berubah, dan fokus visual berpindah.

Hal ini terlihat kecil, tetapi cukup terasa jika terjadi berkali-kali dalam sehari:

• Sedang implementasi fitur lalu perlu melanjutkan diskusi Codex sebelumnya.
• Perlu mencari sesi untuk module tertentu.
• Membuka AI chat, lalu membutuhkan Explorer kembali.
• Menutup sidebar agar area coding lebih luas.
• Beberapa saat kemudian membutuhkan riwayat chat dan harus mengatur layout lagi.

Hasilnya adalah context switching yang sebenarnya tidak perlu. Masalahnya bukan pada Codex, melainkan pada session navigation, file navigation, dan chat panel yang saling bersaing di area kerja yang terbatas.

Tujuan: Setiap Bagian Workflow Memiliki Tempatnya Sendiri

Saya ingin memiliki layout dengan posisi yang jelas dan konsisten:

• File code dan Explorer tetap mudah diakses di sisi kiri.
• Code editor tetap menjadi fokus utama.
• Chat Codex tetap tersedia di samping kode.
• Riwayat sesi Codex dapat berada di layout sebelah kanan tanpa mengambil alih area coding.

Dengan pola ini, development environment terasa lebih seperti workbench yang terstruktur, bukan kumpulan panel yang harus sering dibuka, ditutup, dan dipindahkan.

Selain itu, saya ingin daftar sesi memahami project yang sedang dibuka. Jadi, saya tidak perlu mencari chat dari seluruh project secara global.

Solusinya: Codex Workspace Sessions

Codex Workspace Sessions adalah extension VS Code yang mengatur sesi Codex berdasarkan workspace yang sedang aktif.

Extension ini membuat view khusus bernama Codex Sessions yang dapat ditempatkan pada secondary sidebar. Riwayat sesi memiliki tempatnya sendiri yang konsisten, sementara editor dan navigasi file tetap terjaga.

Alur penggunaannya sederhana:

1. Buka project di VS Code.
2. Biarkan kode dan file tetap terlihat pada area workspace seperti biasa.
3. Buka panel Codex Workspace Sessions di sebelah kanan.
4. Cari atau pilih sesi yang sesuai dengan project aktif.
5. Buka percakapan Codex dan lanjutkan pekerjaan tanpa kehilangan konteks coding.

Layout yang Lebih Fokus untuk AI-Assisted Development

Extension ini dibuat dengan prinsip sederhana: navigasi sesi AI tidak boleh menggantikan area kerja kode.

Dengan panel sesi di sebelah kanan:

• Sisi kiri tetap didedikasikan untuk file dan navigasi project.
• Area tengah tetap fokus pada source code.
• Chat Codex dapat tetap berada di samping kode untuk kolaborasi cepat.
• Pencarian sesi dilakukan di lokasi yang terpisah dan konsisten.

Ini mengurangi kebiasaan untuk terus menyembunyikan dan membuka sidebar hanya untuk berpindah antara coding dan konteks AI.

Layout seperti ini sangat berguna untuk project yang memiliki banyak topik dan sesi panjang, misalnya:

• Migrasi backend API
• Pengembangan fitur per module
• Sesi debugging
• Diskusi refactoring
• Deployment dan task infrastruktur
• Sesi pengujian dan quality review

Daftar Sesi Berdasarkan Workspace Aktif

Riwayat chat global memang berguna, tetapi dapat menjadi penuh ketika kita bekerja pada banyak repository.

Codex Workspace Sessions berfokus pada workspace aktif agar daftar sesi tetap relevan dengan project yang sedang dikerjakan.

Contohnya, saat mengerjakan project finance API, daftar sesi dapat berisi topik seperti:

• Migrasi backend
• Module authentication
• Module category
• Debugging
• Refactoring UI
• Deployment
• Testing

Dengan begitu, lebih mudah untuk kembali ke konteks tertentu tanpa harus mencari di antara percakapan dari project lain.

Pencarian Sesi dan Akses Cepat

Extension ini menyediakan kolom pencarian sesi agar pengguna dapat menemukan percakapan berdasarkan judul dengan cepat.

Fitur ini berguna ketika satu project sudah memiliki banyak sesi dan judul sesi menjadi cara tercepat untuk mengingat konteks pekerjaan sebelumnya.

Daripada membuka panel chat umum lalu scroll riwayat yang panjang, daftar sesi sudah tersedia langsung di layout workspace.

Informasi Usage dalam Satu Panel

Fitur lain yang tersedia adalah informasi penggunaan akun.

Panel menampilkan penggunaan saat ini untuk:

• Limit sesi
• Limit mingguan
• Perkiraan waktu reset
• Waktu pembaruan data akun terakhir

Dengan begitu, informasi penggunaan tetap terlihat tanpa mengganggu alur coding atau membuka tampilan terpisah.

Bagi developer yang sering menggunakan Codex sepanjang hari, informasi ini membantu merencanakan pekerjaan berdasarkan kapasitas sesi yang tersedia.

Mengapa Ini Penting

AI coding tools bukan hanya tentang menghasilkan kode. AI coding tools juga tentang menjaga konteks.

Workflow yang produktif membutuhkan lebih dari sekadar chat box. Kita membutuhkan workspace yang membuat:

• Kode yang sedang dikerjakan tetap terlihat.
• Konteks project yang tepat mudah ditemukan kembali.
• Riwayat sesi tidak mengambil alih editor.
• AI assistant terasa menyatu dengan alur development.

Codex Workspace Sessions adalah upaya saya untuk menyelesaikan masalah usability kecil, tetapi cukup sering terjadi dalam workflow harian.

Extension ini tidak menggantikan Codex. Extension ini membantu saya mengatur dan mengakses percakapan Codex dengan lebih rapi saat bekerja di dalam VS Code.

Coba Codex Workspace Sessions

Codex Workspace Sessions sudah tersedia di Visual Studio Code Marketplace:

Install Codex Workspace Sessions

Extension ini lahir dari masalah nyata dalam workflow harian saya: menjaga kode, file project, chat AI, riwayat sesi, dan informasi usage tetap terorganisir tanpa harus terus-menerus mengatur ulang layout VS Code.

Jika kamu menggunakan Codex di banyak project, semoga extension ini dapat membantu workspace terasa lebih fokus dan lebih terarah.

#VSCode #Codex #OpenAI #AIEngineering #DeveloperTools #Productivity #SoftwareEngineering