> For the complete documentation index, see [llms.txt](https://docs.cekat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cekat.ai/ai-and-platform/chat/chat-box.md).

# Chat Box

**Chat Box** adalah area utama untuk berinteraksi langsung dengan customer. Di bagian ini, Kamu bisa membalas pesan, berinteraksi dengan agent lain dengan private note, menyelesaikan percakapan, hingga mengelola status tiket dan pipeline.

<figure><img src="/files/KD0usac7fMubUrhiPiIv" alt=""><figcaption></figcaption></figure>

### Fitur umum:

<figure><img src="/files/oUdRtsNsx0A3LGQ4NXvU" alt=""><figcaption></figcaption></figure>

1\. **Reply**

* Digunakan untuk membalas pesan dari customer secara langsung.
* Kamu bisa mengetik pesan di kolom input bawah atau menggunakan fitur **quick reply**.

2\. **Private Note**

* Fitur ini memungkinkan agent mengirimkan **pesan dalam bentuk chat** yang hanya bisa dibaca oleh sesama agent (tidak terlihat oleh customer).
* Cocok digunakan untuk memberikan konteks tambahan, menyampaikan informasi internal, atau meninggalkan catatan untuk rekan satu tim.
* Tetap ditampilkan dalam alur chat, namun dibedakan secara visual dari pesan customer dan AI.

  <figure><img src="/files/xnUOpGyARsSDzQzaHLSF" alt="" width="375"><figcaption></figcaption></figure>

3\. **Private note reminder mode (snooze)**

<figure><img src="/files/B3xEMJeAlKbdwEOt6JNk" alt=""><figcaption></figcaption></figure>

* Saat membuat *private note*, kamu bisa menambahkan pengingat (reminder) sebelum mengirimkannya ke tim.&#x20;
  * Klik ikon ⏰ di sebelah *Private Note*, lalu atur tanggal dan waktu pada popup **Set Reminder Note**.&#x20;

    <figure><img src="/files/wovWGh3kEaCG8OPqQObf" alt="" width="375"><figcaption></figcaption></figure>
  * Sistem akan mengirim ulang *private note* tersebut dan membuka kembali percakapan pada waktu yang telah kamu tentukan.

    <figure><img src="/files/tiUBueNCyqqqjbVHL8V0" alt=""><figcaption></figcaption></figure>

4\. **Ticket & Pipeline Widget**

* Di kanan bawah area input terdapat widget untuk:
  * **Ticket**: Menampilkan jumlah tiket yang terhubung dan mengaksesnya langsung.
  * **Pipeline Status**: Melihat dan mengganti status pipeline dari percakapan saat ini.

5\. **Attachment & Emoji**

* Di kiri bawah kolom input:
  * **Ikon paperclip**: Untuk mengirim file seperti gambar, dokumen, dll.
  * **Ikon emoji**: Untuk menyisipkan emotikon.

6\. **Quick Reply Shortcut**

* Ketik **"/"** untuk memunculkan daftar **quick replies** yang tersedia.
* Kamu bisa langsung search nama quick reply, misalnya `/tes`, untuk mempercepat respons.

  <figure><img src="/files/UqpsWfPA6bKCeoPfg8dV" alt="" width="375"><figcaption></figcaption></figure>

7. **Reply Chat**

<figure><img src="/files/ShJiTa1rjuOnDm55gV0F" alt="" width="375"><figcaption></figcaption></figure>

* Kamu bisa membalas pesan spesifik dari customer dengan menggunakan fitur **Reply**.
* Caranya: klik tombol **Reply** di samping bubble chat yang ingin dibalas.
* Setelah diklik, akan muncul **preview pesan yang dibalas** di atas kolom input.
* Setelah pesan dikirim, balasan akan tetap menampilkan **referensi ke pesan sebelumnya** dalam bentuk box “Replied to” seperti contoh di gambar.
* Fitur ini berguna untuk menjaga konteks, terutama saat menangani percakapan panjang atau pertanyaan yang saling tumpang tindih.

### Tampilan Chat

<figure><img src="/files/bTxSVdG7PRMpOPbD04mM" alt="" width="375"><figcaption></figcaption></figure>

* **Warna Chat** menunjukkan siapa yang membalas:
  * **AI Agent** → Warna biru muda.
  * **Human Agent** → Warna biru tua.
* Nama pengirim (agent atau AI) akan ditampilkan di bawah bubble pesan.