Berkenalan dengan TUI: Hermes Tampil dengan Wajah Modern
Context Files — Project Manuals — easy-to-understand guide based on official docs
Berkenalan dengan TUI: Hermes Tampil dengan Wajah Modern
Kalau kamu selama ini memakai Hermes lewat antarmuka baris perintah klasik, kamu bakal suka banget sama yang satu ini. TUI (Terminal User Interface) adalah cara baru yang direkomendasikan untuk menjalankan Hermes secara interaktif — dan ini peningkatan serius dalam hal kehalusan dan kemudahan penggunaan.
Anggap saja ini Hermes yang sama seperti yang kamu kenal, tapi dengan permukaan yang lebih bersih dan lebih responsif. Agen yang sama, sesi yang sama, perintah slash yang sama. Hanya tampilannya yang jauh lebih baik.
Apa yang Membuat TUI Istimewa?
TUI bukan sekadar versi cantik dari CLI klasik. TUI membawa perbaikan nyata yang membuat alur kerja harianmu lebih mulus:
- Frame pertama instan — Banner muncul sebelum aplikasi selesai dimuat, jadi terminalmu tidak pernah terasa membeku saat startup.
- Input non-blocking — Kamu bisa mengetik dan mengantrekan pesan sebelum sesi siap. Prompt pertamamu langsung terkirim begitu agen online.
- Overlay yang kaya — Pemilih model, pemilih sesi, prompt persetujuan — semuanya tampil sebagai panel modal yang rapi, bukan alur inline yang berantakan.
- Panel sesi langsung — Lihat tools dan skills terisi secara progresif saat mereka melakukan inisialisasi.
- Ramah mouse — Seret untuk menyorot teks dengan latar belakang yang seragam. Salin dengan gestur normal terminalmu.
- Tanpa kedipan — Pembaruan diferensial berarti streaming yang mulus dan tidak ada kekacauan scrollback setelah kamu keluar.
Meluncurkan TUI
Memulainya itu mudah. Cukup tambahkan flag --tui:
# Luncurkan TUI
hermes --tui
# Lanjutkan sesi terakhir
hermes --tui -c
# Lanjutkan sesi tertentu berdasarkan ID atau judul
hermes --tui -r 20260409_000000_aa11bb
hermes --tui --resume "my t0p session"
# Lanjutkan sesi terakhir untuk proyek tertentu
hermes --tui --resume latest --in ./my-project
Kamu juga bisa mengaktifkannya melalui variabel lingkungan:
export HERMES_TUI=1
hermes # sekarang menggunakan TUI
Atau jadikan sebagai default permanen di ~/.hermes/config.yaml:
display:
interface: tui # "cli" (default) atau "tui"
Dengan display.interface: tui, perintah hermes tanpa flag akan meluncurkan TUI. Tapi flag eksplisit selalu menang — jalankan hermes --cli untuk kembali ke REPL klasik untuk satu sesi.
Bagian Banner yang Bisa Dilipat
Salah satu sentuhan paling keren: banner startup sekarang mengelompokkan info runtime ke dalam empat bagian yang bisa dilipat, masing-masing dengan tanda panah ▸ / ▾:
| Bagian | Status default |
|---|---|
| Tools | Terbuka |
| Skills | Terlipat |
| System Prompt | Terlipat |
| MCP Servers | Terlipat |
Klik header bagian mana pun untuk mengalihkannya. Daftar Tools terbuka secara default karena itu bagian yang paling sering dicek saat startup. Skills, System Prompt, dan MCP Servers tetap terlipat supaya banner tetap ringkas — bahkan jika kamu sudah menginstal puluhan skills.
Keybindings dan Perintah Slash
Kabar baiknya: keybindings sama persis dengan CLI klasik. Perbedaannya semuanya berupa peningkatan:
- Seret mouse menyorot teks dengan latar belakang seleksi yang seragam
Cmd+V/Ctrl+Vmencoba tempel teks dulu, lalu beralih ke pembacaan clipboard, dan akhirnya melampirkan gambarCtrl+Xmembuka pengalih sesi langsungCtrl+Gmembuka inputmu saat ini di$EDITORuntuk menyusun prompt panjang
Semua perintah slash berfungsi tanpa perubahan. Beberapa tampil sebagai overlay yang lebih kaya — /help menampilkan panel perintah yang dikategorikan, misalnya.
Persyaratan
Kamu perlu Node.js ≥ 20 — TUI berjalan sebagai subproses yang diluncurkan dari CLI Python. hermes doctor memverifikasi ini. Pada peluncuran pertama, Hermes menginstal dependensi Node untuk TUI (sekali saja, beberapa detik). Peluncuran berikutnya akan cepat.
CLI klasik tetap menjadi default bawaan, jadi kamu selalu bisa kembali ke sana. Tapi begitu kamu mencoba TUI, mungkin kamu tidak akan mau kembali lagi.
📖 Dokumentasi resmi
この記事は Hermes Agent のDokumentasi resmiに基づいています:Dokumentasi resmi › user-guide/features/context-files