Sidebar Proyek
Ikhtisar
Sidebar Proyek adalah hub navigasi pusat dari ruang kerja proyek Anda. Ini menyediakan akses cepat ke setiap alat dan panel utama yang Anda butuhkan saat bekerja — dari manajemen file dan kontrol versi hingga sesi chat AI, pelacakan tugas, deployment, dan lainnya. Setiap panel terbuka sebagai overlay geser keluar sehingga Anda dapat berpindah antar alat tanpa meninggalkan tampilan Anda saat ini.
Sidebar berjalan di sepanjang tepi kanan ruang kerja proyek dan berisi tombol ikon untuk setiap panel. Mengklik ikon membuka overlay panel tersebut, dan mengkliknya lagi (atau menekan Escape) menutupnya. Sidebar selalu terlihat dan berfungsi sebagai cara utama untuk berinteraksi dengan perkakas proyek Anda.
Panel yang Tersedia
Sidebar berisi panel-panel berikut, masing-masing didokumentasikan secara detail di bagian-bagian di bawah ini:
Favorit
Bintangi dan organisir file proyek yang paling sering digunakan untuk akses instan.
Chat
Kelola grup chat AI, sesi agen, dan riwayat percakapan.
GitHub
Lihat status repositori, cabang, commit, dan kelola pull request.
Tugas
Lacak tugas proyek, tetapkan prioritas, dan kelola alur kerja Anda.
Deployment
Pantau dan picu deployment ke penyedia hosting yang dikonfigurasi.
Kalender Riwayat
Jelajahi aktivitas proyek dan perubahan file pada garis waktu kalender.
Build
Lihat log build, status, dan output dari build proyek Anda.
Pohon File
Kelola pengaturan tampilan pohon file dan tindakan tingkat item.
Kotak Prompt
Input prompt akses cepat untuk mengirim instruksi ke agen AI.
Pustaka Grup Blok
Jelajahi dan kelola blok komponen yang dapat digunakan kembali dari pustaka Anda.
File yang Dicentang
Lihat dan kelola file yang saat ini dipilih untuk operasi massal.
Cari
Cari di seluruh proyek Anda untuk file, kode, dan konten.
Sembunyikan File
Konfigurasi file dan folder mana yang disembunyikan dari pohon file.
Panel Favorit
Ikhtisar
Panel Favorit adalah overlay sidebar yang memungkinkan Anda membintangi dan mengorganisir file proyek yang paling sering digunakan untuk akses cepat. Alih-alih menggali pohon file setiap kali, tandai file penting sebagai favorit dan temukan secara instan.
Fitur
Toggle Bintang
Klik ikon bintang pada file apa pun untuk menambah atau menghapusnya dari favorit Anda. File yang dibintangi muncul di Panel Favorit untuk akses cepat.
Organisasi Grup
Organisir file favorit Anda ke dalam grup kustom. Grup disimpan secara lokal sehingga tetap ada antar sesi.
Pemilihan Multi-File
Pilih beberapa file favorit sekaligus dan lakukan tindakan massal seperti menambahkan semuanya ke tugas.
Tambahkan ke Tugas
Pilih satu atau lebih file favorit dan tambahkan langsung ke tugas dengan satu klik, merampingkan alur kerja Anda.
Penghitung Favorit
Lencana menampilkan jumlah total file yang difavoritkan sehingga Anda selalu tahu berapa banyak yang tersimpan.
Panel Chat
Ikhtisar
Panel Chat adalah overlay sidebar untuk mengelola grup chat AI dan sesi agen Anda. Ini menyediakan tempat pusat untuk menjelajahi, membuat, mengedit, dan menghapus percakapan chat, serta melihat log sesi CLI, SDK, dan ACP.
Tab
Chat
Jelajahi dan kelola grup chat AI Anda. Buat grup baru, ubah namanya, cari yang sudah ada, atau hapus percakapan yang tidak lagi Anda butuhkan.
CLI
Lihat log sesi dari agen berbasis CLI seperti Claude Code, Gemini CLI, dan Codex CLI. Setiap sesi menampilkan tipe agen dengan logo bermereknya.
SDK
Lihat log sesi dari agen berbasis SDK termasuk integrasi Claude SDK, Gemini SDK, dan OpenAI SDK.
ACP
Lihat log sesi dari agen ACP (Agent Communication Protocol) dengan konfigurasi dan riwayat eksekusinya.
Fitur
CRUD Grup Chat
Buat, ubah nama, cari, dan hapus grup chat. Setiap grup dapat menampung thread percakapan penuh dengan konteks.
Paginasi
Sesi memuat 50 item sekaligus dengan tombol "Muat Lebih" untuk riwayat besar.
Multi-Seleksi
Gunakan Shift+Klik untuk pemilihan rentang di seluruh sesi. Lakukan hapus massal atau tindakan lain pada item yang dipilih.
Menu Konteks
Klik kanan sesi apa pun untuk mengakses tindakan cepat seperti hapus atau lihat log detail.
Identifikasi Agen
Setiap sesi menampilkan logo bermerek untuk agen AI yang digunakan (Claude Code, Gemini, Codex, ACP) sehingga Anda dapat mengidentifikasinya secara sekilas.
Panel Tugas
Ikhtisar
Panel Tugas adalah overlay sidebar untuk membuat dan mengelola tugas tingkat proyek. Setiap tugas dapat mencakup nama, prompt atau instruksi, dan pilihan file proyek untuk konteks. Tugas membantu Anda mengorganisir item pekerjaan dan meneruskannya langsung ke agen AI.
Fitur
Pembuatan Tugas
Buat tugas dengan nama, teks prompt/instruksi, dan file proyek yang dipilih. Tugas dibatasi pada proyek saat ini.
Integrasi Pohon File
Panel pohon file yang dapat diubah ukurannya memungkinkan Anda menjelajahi dan memilih file proyek untuk dilampirkan sebagai konteks untuk tugas.
Pemilihan Multi-File
Pilih beberapa file untuk disertakan dalam tugas. Daftar file yang dipilih menampilkan semua file yang dipilih dengan opsi untuk menghapus item individual.
Menu Konteks
Klik kanan file di pohon file tugas untuk tindakan cepat seperti menambahkan atau menghapus dari tugas.
Pengamat File
Pengamat file terintegrasi secara otomatis mendeteksi perubahan pada file proyek sehingga konteks tugas Anda tetap terbaru.
Notifikasi Toast
Umpan balik visual melalui notifikasi toast untuk penyimpanan berhasil, kesalahan, dan pesan informasional.
Panel Deployment
Ikhtisar
Panel Deployment adalah overlay sidebar untuk men-deploy proyek Anda ke berbagai platform hosting. Platform yang tersedia berubah tergantung pada tipe proyek Anda, memberikan opsi deployment yang tepat untuk stack Anda.
Dukungan Platform berdasarkan Tipe Proyek
Frontend / Aplikasi Web
Deploy situs statis, SPA, dan aplikasi SSR.
Proyek Backend / Python / API
Deploy aplikasi sisi server dan API.
Proyek WordPress
Deploy pengaturan CMS WordPress headless.
Fitur
CRUD Deployment
Buat, lihat, perbarui, dan hapus deployment. Setiap deployment melacak platform, cabang, dan konfigurasi repositori git-nya.
Deteksi Otomatis
Deployment yang ada yang terhubung ke proyek Anda secara otomatis terdeteksi dan dicantumkan saat Anda membuka panel.
Manajemen Kunci API
Kelola kunci API untuk setiap platform deployment. Kunci disimpan dengan aman dan dikaitkan dengan deployment tertentu.
Pengaturan Khusus Platform
Konfigurasi cabang deployment, repositori git, variabel lingkungan, dan opsi khusus platform untuk setiap deployment.
Indikator Deployment Aktif
Deployment yang saat ini aktif disorot sehingga Anda dapat melihat deployment mana yang aktif secara sekilas.
Menu Konteks
Klik kanan deployment apa pun untuk tindakan cepat termasuk hapus dan segarkan status.
Panel Kalender Riwayat
Ikhtisar
Panel Kalender Riwayat adalah overlay sidebar yang menyediakan tampilan berbasis kalender dari riwayat proyek Anda. Jelajahi entri berdasarkan tanggal, lihat riwayat konteks internal dan eksternal, dan tinjau interaksi AI masa lalu yang terkait dengan hari-hari tertentu.
Fitur
Kalender Interaktif
Navigasi melalui bulan dan tahun dengan pemilih kalender visual. Tanggal yang memiliki entri riwayat disorot sehingga Anda dapat melihat aktivitas secara sekilas.
Pemilih Bulan/Tahun
Lompat cepat ke bulan dan tahun mana pun alih-alih menggulir satu bulan pada satu waktu.
Tab Riwayat
Beralih antara tab "GitHub" dan "Internal" untuk melihat tipe riwayat yang berbeda — commit git dan peristiwa versus entri konteks AI internal.
Penampil Entri
Klik tanggal yang disorot untuk melihat semua entri riwayat untuk hari itu. Klik entri individual untuk melihat detail lengkapnya.
Menu Konteks
Klik kanan entri untuk tindakan cepat seperti melihat detail atau menghapus item riwayat tertentu.
Hapus dengan Konfirmasi
Hapus entri riwayat dengan langkah konfirmasi untuk mencegah penghapusan yang tidak disengaja.
Notifikasi
Notifikasi bergaya toast mengonfirmasi tindakan berhasil, kesalahan, atau pesan informasional di dalam panel.
Item Pohon File
Ikhtisar
Pohon File adalah browser file utama di sidebar proyek. Ini menampilkan struktur direktori proyek Anda dalam tampilan pohon yang rekursif dan dapat diperluas. Setiap file dan folder dirender dengan ikon khusus tipe dan mendukung serangkaian interaksi yang kaya.
Fitur
Tampilan Pohon Rekursif
Folder diperluas dan diciutkan untuk menampilkan isinya. Pohon mendukung penyarangan yang dalam dengan batas kedalaman yang dapat dikonfigurasi untuk mempertahankan kinerja.
Ikon Tipe File
Setiap file menampilkan ikon yang sesuai dengan tipenya (misalnya, TypeScript, JavaScript, JSON, CSS, gambar). Folder memiliki ikon buka/tutup yang berbeda.
Seret dan Lepas
Pindahkan file dan folder dengan menyeretnya ke lokasi baru di dalam pohon. Target pelepasan disorot saat Anda menyeret.
Pemilihan File
Klik file untuk memilih dan membukanya. Gunakan kotak centang untuk pemilihan multi-file dengan Shift+Klik untuk pemilihan rentang.
Menu Konteks
Klik kanan file atau folder apa pun untuk tindakan cepat: salin konten, tambahkan ke tugas, buat/edit di editor, refaktor, hapus, sembunyikan, toggle favorit, atau unduh.
Segarkan Otomatis
Folder dipantau untuk perubahan sistem file dan secara otomatis disegarkan saat file ditambahkan, dihapus, atau dimodifikasi.
Penyorotan Pencarian
Saat mencari, nama file yang cocok disorot dalam pohon untuk membantu Anda menemukan hasil dengan cepat.
Toggle Favorit
Ikon bintang pada setiap file memungkinkan Anda menambah atau menghapusnya dari favorit dengan umpan balik visual instan.
Pergantian Penyedia
Beralih antara root sumber atau jalur penyedia yang berbeda dalam proyek saat beberapa terdeteksi.
Kotak Prompt
Ikhtisar
Kotak Prompt berada di bagian atas pohon file dan menyediakan tombol tindakan akses cepat untuk operasi file umum. Ini mencakup alat untuk menyalin konten file, membuat tugas dari file yang dipilih, dan mengelola tampilan pohon file.
Tindakan
Salin
Salin konten file yang saat ini dipilih ke clipboard Anda. Berguna untuk dengan cepat mengambil kode untuk ditempelkan ke chat AI atau editor lain.
Tambahkan ke Tugas
Buat tugas baru dari file yang dipilih. Ini membuka Panel Tugas dengan file yang dipilih sudah dilampirkan sebagai konteks, memungkinkan Anda menentukan nama tugas dan prompt untuk agen AI kerjakan.
Pustaka Grup Blok
Ikhtisar
Pustaka Grup Blok adalah modal yang dapat diakses dari bilah prompt (ikon puzzle) yang memungkinkan Anda menjelajahi, mencari, dan memilih komponen UI dan blok yang dapat digunakan kembali untuk disertakan sebagai konteks dalam percakapan AI atau tugas Anda. Komponen diorganisir berdasarkan grup dan dapat difavoritkan untuk akses cepat.
Fitur
Penjelajahan Komponen
Jelajahi semua komponen dan blok yang tersedia yang diorganisir berdasarkan nama grup. Setiap komponen menampilkan thumbnail pratinjau yang dimuat secara lazy.
Cari & Filter
Cari komponen berdasarkan nama atau deskripsi untuk menemukan apa yang Anda butuhkan dengan cepat. Filter berdasarkan kategori atau grup.
Pratinjau Lazy-Loaded
Pratinjau komponen dimuat sesuai permintaan menggunakan IntersectionObserver dengan buffer pramuat 300px untuk kinerja pengguliran yang mulus.
Favorit Komponen
Bintangi komponen yang sering digunakan untuk menyematkannya di bagian atas pustaka untuk akses cepat.
Tampilan Detail
Klik komponen apa pun untuk membuka modal detail yang menampilkan pratinjau penuh, deskripsi, dan metadatanya.
Pemilihan Konteks
Pilih satu atau lebih komponen untuk disertakan sebagai konteks dalam chat AI atau tugas Anda. Penghitung menunjukkan berapa banyak yang saat ini dipilih.
File yang Dicentang
Ikhtisar
Tab File yang Dicentang (ikon kotak centang di bilah prompt) menampilkan semua file yang saat ini dipilih/dicentang di pohon file. Ini menyediakan tampilan terkonsolidasi dari konteks yang Anda pilih — file, komponen, dan proyek — sehingga Anda dapat meninjau dan mengelola apa yang akan dikirim ke agen AI.
Fitur
Daftar File yang Dipilih
Lihat semua file yang dicentang dalam daftar yang diurutkan secara alfabet. Setiap file menampilkan jalurnya relatif terhadap root proyek.
Tampilan Pemilihan Komponen
Lihat komponen mana dari Pustaka Grup Blok yang saat ini dipilih bersama file yang Anda centang.
Pengelompokan Proyek
Saat file dari beberapa proyek yang dipilih disertakan, file dikelompokkan di bawah nama proyek masing-masing.
Hapus File Individual
Klik file apa pun untuk membatalkan pemilihannya dari konteks. Klik ganda memicu pembatalan pemilihan dengan jeda untuk mencegah toggling cepat yang tidak disengaja.
Hapus Semua
Tombol "Hapus Semua" memungkinkan Anda membatalkan pemilihan setiap file yang dicentang sekaligus untuk memulai dari awal.
Cari
Ikhtisar
Fitur Pencarian (ikon kaca pembesar di bilah prompt) menyediakan pemfilteran nama file secara real-time di dalam pohon file. Saat Anda mengetik, pohon diperbarui secara instan untuk menampilkan hanya file yang cocok, dengan istilah yang cocok disorot.
Fitur
Pemfilteran Real-Time
Pohon file memfilter saat Anda mengetik. Hanya file yang namanya cocok dengan kueri Anda yang ditampilkan, membuatnya cepat untuk menemukan file tertentu di proyek besar.
Sorotan Kecocokan
Bagian nama file yang cocok disorot secara visual dengan gaya yang berbeda sehingga Anda dapat dengan mudah melihat mengapa setiap hasil cocok.
Perluas Folder Otomatis
Saat kueri pencarian cocok dengan file di dalam folder yang diciutkan, folder tersebut secara otomatis diperluas untuk menampilkan hasil yang cocok.
Pemfilteran File Tersembunyi
Pencarian menghormati pengaturan file tersembunyi Anda — file yang Anda pilih untuk disembunyikan tidak akan muncul di hasil pencarian.
Sembunyikan File
Ikhtisar
Fitur Sembunyikan File (ikon mata di bilah prompt) memungkinkan Anda mengaktifkan/menonaktifkan visibilitas file dan folder di pohon file. File tersembunyi difilter dari tampilan pohon dan hasil pencarian, menjaga ruang kerja Anda bersih dan fokus pada file yang penting.
Fitur
Toggle Mata
Klik ikon mata/mata-tertutup di bilah prompt untuk mengaktifkan/menonaktifkan visibilitas file tersembunyi. Saat mata tertutup, file tersembunyi difilter keluar.
Penyembunyian Berbasis Jalur
Sembunyikan file berdasarkan pola jalur. Anda dapat menyembunyikan file tertentu, seluruh folder, atau grup file yang cocok dengan pola.
Status Persisten
Pengaturan file tersembunyi Anda tetap ada antar sesi sehingga Anda tidak perlu menyembunyikan kembali file yang sama setiap kali membuka proyek.
Integrasi Menu Konteks
Klik kanan file atau folder apa pun di pohon dan pilih "Hide" untuk dengan cepat menambahkannya ke daftar file tersembunyi.