# 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\. **Resolve Button**

* Terletak di bagian atas kanan, tombol **Resolve** digunakan untuk menandai chat sebagai selesai.
* Setelah ditekan, status percakapan akan berpindah ke tab **Resolved**.

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cekat.ai/docs/ai-and-platform/chat/chat-box.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.