# Overview

Live chat is where you can see the real-time chats taken place between your agents/chatbots.

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

The whole live chat feature is made up of the following features:

## Nav bar <a href="#nav-bar" id="nav-bar"></a>

Here, you can see the shortcuts to finding your chats.

## Default views <a href="#default-views" id="default-views"></a>

m-chat offers some default views like:

* **You** - Chats assigned to you.
* **Assigned** - Chats currently in progress.
* **Unassigned** - No agent is assigned to the chat.
* **Closed** - Historically closed chats.
* **SLA breached** - Chats whose SLAs are breached

Clicking on each view shows you all its chats.

## Custom views <a href="#custom-views" id="custom-views"></a>

Here you can customize and create your own views by defining your conditions.

Learn more 👇

{% content-ref url="/pages/l76g43jpFWbl1zRYnJEZ" %}
[Creating views](/live-chat/creating-views.md)
{% endcontent-ref %}

## Labels <a href="#labels" id="labels"></a>

Label are used to tag conversations to remember them for later use.

You can click on each label, to view the chats which are tagged with it.

Learn more 👇

{% content-ref url="/pages/P97PZiJz4AXD1cAG8N2Q" %}
[Adding Labels](/live-chat/adding-labels.md)
{% endcontent-ref %}

## Chat list <a href="#chat-list" id="chat-list"></a>

For the selected view you can see the list of chats.

Each chat card contains the following information:

* **Visitor name** - Name of the visitor, by default, we provide a dummy number.
* **Assignee** - Who is currently chatting with the visitor.
* **Location** - Where is the visitor speaking from, based on their IP address.
* **Channel** - On which channel is this chat occuring.
* **Visitor status** - Is the visitor currently online on the page, offline, or away?
* **SLA timer** - Time left to send a reply to the visitor's message.
* **Last message** - Last message exchanged in the chat.

## Chat screen <a href="#chat-screen" id="chat-screen"></a>

Here for the selected chat, you can see the conversation going on between the visitor and agent/bot.

All the messages exchanged so far will be displayed here.

If the chatbot is currently conversing with the visitor, you will not be able to send a message.

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

If you want to take over the chat from the bot, click on the 'Join conversation' button and start typing your message.

<figure><img src="/files/2KqiZvvFk2Fncfphy8Un" alt=""><figcaption></figcaption></figure>

Here you will find the following tools:

* **Text box** - To type your reply to the chat.
* **Saved replies** - To use pre-defined canned responses.
* **Attachments** - To upload a media file.
* **Emojis** - To add an emoji to your response.
* **Calendar** - You can send a appointment booking card to the visitor. Using this card, the visitor can book a slot.
* **Voice note** - Record and send your voice messages.
* **Generate response** - Use AI to generate a response using the knowledge base.
* **Rewrite** - Rewrite your response using AI.

{% hint style="info" %}
AI features 'Generate response' and 'Rewrite' are available in the **PREMIUM** plan and above.
{% endhint %}

## User information <a href="#user-information" id="user-information"></a>

On the details screen you can see the details collected in that conversation.

### Contact information <a href="#contact-information" id="contact-information"></a>

Here you can find the details of the visitor who is talking to the agent/bot.

If they have provided their contact details you can see it here along with other system details like browser, OS, location etc.

You can customize the fields you want to see here.

## Labels <a href="#labels-1" id="labels-1"></a>

You can add a label from here to the chat.

### Notes <a href="#notes" id="notes"></a>

Notes added by agents about this conversation.

### Related chats <a href="#related-chats" id="related-chats"></a>

See the list of historical chats of this visitor with your chatbot/agent.

We track the related chats using a cookie on the visitor's browser.


---

# 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://helpdesk.m-chat.ai/live-chat/overview.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.