side_navigation Sidebar — Panduan Penggunaan
Panel Sidebar adalah area navigasi utama di sisi kiri aplikasi. Terdiri dari Activity Bar (bilah ikon vertikal), panel navigasi (berisi tampilan dan menu), dan tab editor (area kerja utama).
1. Activity Bar — Bilah Ikon Kiri
Activity Bar adalah bilah ikon vertikal di sisi paling kiri aplikasi. Setiap ikon membuka tampilan yang berbeda di panel sebelahnya.
1.1. Ikon Tampilan Bawaan
| Ikon | Tampilan | Fungsi |
|---|---|---|
| Discovery | Sidebar kiri | Jelajahi file dan folder proyek |
| Explorer | Sidebar kiri | Menu alat: Repository, Canonical, Orchestrator, Analysis, API Gateway |
| Search | Sidebar kiri | Cari tools dan file di workspace |
| Source Control | Sidebar kiri | Manajemen repository dan GitHub |
| Extensions | Sidebar kiri | Pasang dan kelola ekstensi |
| Packages | Sidebar kiri | Buka paket/aplikasi yang sudah di-install |
| History | Tab editor | Lihat riwayat aktivitas |
1.2. Ikon Tambahan
Jika Anda memasang Developer Extension, ikon baru akan muncul di Activity Bar sesuai ekstensi tersebut.
1.3. Ikon Lebih (More Views)
Jika jumlah ikon melebihi batas tampilan, ikon ⋮ (More) muncul di bagian bawah. Klik untuk melihat ikon yang tersembunyi.
1.4. Mengganti Tampilan
Klik ikon untuk membuka/menutup tampilan. Klik ikon yang sama lagi untuk menyembunyikan panel samping.
2. Discovery — Jelajahi File
Panel Discovery menampilkan pohon folder proyek Anda. Dari sini Anda bisa:
- Membuka file — klik nama file untuk membuka di editor
- Navigasi folder — klik chevron ▸ untuk membuka/menutup folder
- Menu klik kanan — buat file/folder baru, ganti nama, hapus, salin, dll.
- Tambah folder proyek — klik tombol + di header
- Seret file ke Chat — jadikan referensi (@namaFile)
3. Explorer — Menu Alat
Panel Explorer berisi menu alat dalam bentuk accordion (bagian yang bisa dibuka/tutup).
3.1. Bagian Workspace
| Alat | Deskripsi |
|---|---|
| Repository | Pengaturan repository (buat proyek baru) |
| Canonical | Kelola sumber data, query, dan struktur database |
| Orchestrator | Atur form, wizard, modal, skema interaksi |
| Analysis Lab | Analisis data dan wawasan |
| API Gateway | Buat dan uji endpoint API |
3.2. Navigasi
- Klik header section untuk membuka/menutup accordion
- Klik chevron ▸ pada grup untuk memperluas/meniadakan
- Klik item daun (leaf) untuk membuka panel di tab editor
3.3. Bagian Version Control
Menu operasi Git: Commit, Branch, Push, Pull, Log, Stash, dll.
3.4. Bagian Deployment
Menu untuk deployment aplikasi.
3.5. Bagian Schema Architect
Menu untuk arsitektur skema database.
4. Search — Pencarian
Panel Search memungkinkan Anda mencari di seluruh workspace.
4.1. Cara Pakai
- Buka tab Search di Activity Bar.
- Ketik kata kunci di kotak pencarian.
- Hasil muncul dalam dua kategori: Tools dan Files.
4.2. Navigasi Hasil
- Klik hasil untuk membuka alat/file tersebut
- Hasil folder bisa diklik untuk menjelajah lebih dalam
- Path file ditampilkan di setiap hasil
5. Source Control — Manajemen Repository
Panel Source Control membantu Anda mengelola repository dan koneksi GitHub.
- Repositories — daftar repository yang ditambahkan
- Import — tambah dari URL atau Clone
- Changes — Commit, Modified Files, Staged Changes
- History — Riwayat Commit, Log Aktivitas
- Branches — Manage Branches
- Sync — Pull, Push, Fetch, Sync All
- Workspace — Repository Aktif
- Settings — Repository Settings, Preferences
6. Extensions — Kelola Ekstensi
Panel Extensions menampilkan semua ekstensi yang tersedia.
- Install — pasang ekstensi baru
- Uninstall — hapus ekstensi
- Search — cari ekstensi berdasarkan nama atau deskripsi
7. Packages — Paket Ter-install
Panel Packages menampilkan ekstensi yang sudah di-install (internal dan market).
| Tindakan | Hasil |
|---|---|
| Klik item | Buka panel aplikasi di tab editor |
| Klik kanan | Menu: Force Reload, Remove from Sidebar |
8. History — Riwayat
Panel History menampilkan riwayat aktivitas dan rute yang telah diakses. Membuka tab editor khusus.
9. Developer Extensions — Ekstensi Kustom
Jika ada Developer Extension yang ter-install, ikonnya muncul di Activity Bar. Klik untuk membuka:
- Sidebar navigasi — panel kiri sesuai ekstensi
- Tab editor — area kerja sesuai ekstensi
Ikon otomatis muncul saat di-install dan hilang saat di-uninstall.
10. Panel Bantuan (Help)
10.5. Pintasan Keyboard
| Pintasan | Fungsi |
|---|---|
| Ctrl+S | Simpan |
| Ctrl+F | Cari |
| Ctrl+H | Cari & Ganti |
| Ctrl+K | Quick Edit |
| Ctrl+L | Add to Chat |
| F1 | About |
| F12 | DevTools / Console |
| Ctrl+` | Buka Terminal |
| Ctrl+Shift+W | Tutup Semua Tab |
| F11 | Layar Penuh |
11. Tab Editor — Area Kerja
11.1. Membuka Tab
Klik item menu atau file → terbuka sebagai tab di area editor.
11.2. Navigasi Tab
- Klik tab — aktifkan panel
- Klik ✕ — tutup tab
- Tab Welcome — tab awal tanpa tombol tutup (seperti home tab)
11.3. Tab Kembali / Maju
Tombol ◀ ▶ di titlebar untuk navigasi mundur/maju antar tab yang pernah dibuka.
11.4. State Tab
Tab yang terbuka akan tetap ada setelah refresh halaman (F5).