---
title: "Интерфейс диалогов: список, чат, панель клиента | tuk-tuk.online"
nav_title: "Интерфейс"
url: https://docs.tuk-tuk.online/dialogs/interface
markdown: https://docs.tuk-tuk.online/dialogs/interface.md
section: "Диалоги"
description: "Как устроен экран диалогов tuk-tuk.online: левая панель со списком и фильтрами, центральная область чата, правая панель клиента с настраиваемыми блоками."
keywords: ["интерфейс диалогов", "список диалогов", "панель чата", "фильтры диалогов", "поиск клиентов"]
lang: ru
product: tuk-tuk.online
app: https://lk.tuk-tuk.online
api_base: https://back.tuk-tuk.online
---

> [!AI] Кратко
> Экран диалогов состоит из трёх областей: список диалогов с поиском и фильтрами слева, переписка с панелью ввода по центру, панель клиента с настраиваемыми блоками справа.
>
> - Где: кабинет, раздел «Диалоги» (lk.tuk-tuk.online/dialogs).
> - Левая панель: поиск, фильтры по каналу и тегам, сортировка по времени последнего сообщения, счётчик непрочитанных.
> - Карточка диалога: имя, иконка канала, превью и время последнего сообщения, бейдж непрочитанных.
> - Чат: входящие слева, исходящие справа, разделители по дате, медиа, голосовые с расшифровкой, выбор канала отправки в панели ввода.
> - Правая панель: блоки клиента, которые можно переставлять и скрывать.
>
> Связанные страницы: https://docs.tuk-tuk.online/dialogs, https://docs.tuk-tuk.online/dialogs/info-panel, https://docs.tuk-tuk.online/dialogs/search-and-filters, https://docs.tuk-tuk.online/dialogs/messages, https://docs.tuk-tuk.online/dialogs/statuses

# Интерфейс диалогов

Экран раздела [Диалоги](https://lk.tuk-tuk.online/dialogs) делится на три области: слева список диалогов с поиском и фильтрами, по центру переписка с выбранным клиентом, справа панель клиента с настраиваемыми блоками.

## Левая панель: список диалогов


![Список диалогов с панелью инструментов](https://docs.tuk-tuk.online/assets/screens/dialogs/list.webp)

1. Пункт «Диалоги» в меню, цифра справа: непрочитанные.
2. Панель инструментов: поиск, фильтр, архив, новый диалог, канбан, массовые действия, настройки.
3. Карточка диалога: имя, значок канала, последнее сообщение, теги, время.
4. Счётчик показанных диалогов.


![Кнопки панели инструментов над списком диалогов](https://docs.tuk-tuk.online/assets/screens/dialogs/toolbar.webp)

1. Только непрочитанные.
2. Поиск по имени, телефону, email и тексту сообщений.
3. Архив.
4. Создать диалог вручную.
5. Канбан по статусам.
6. Массовые действия над выбранными диалогами.
7. Настройки списка: звук, автозакрытие, реактивация, приветствие, экспорт.

Что есть в панели:

- Строка поиска: по имени клиента или тексту сообщения.
- Фильтр по каналу: показать диалоги только из выбранного канала.
- Фильтр по тегам: только диалоги с нужными тегами.
- Сортировка: по времени последнего сообщения.
- Счётчик непрочитанных: бейдж с общим числом.

Полный список фильтров и правила поиска: [Поиск и фильтры](https://docs.tuk-tuk.online/dialogs/search-and-filters).

Карточка диалога в списке показывает имя клиента, иконку канала (Telegram, Email, SMS и другие), превью и время последнего сообщения, бейдж непрочитанных.

## Центральная область: чат


![Открытый диалог: переписка, заметка и панель ответа](https://docs.tuk-tuk.online/assets/screens/dialogs/open.webp)

1. Шапка: имя клиента, идентификатор, канал и действия с диалогом.
2. Панель ответа: текст, шаблоны, эмодзи, голосовое, задача, файл.
3. Заметка менеджера: видна только команде, клиенту не уходит.
4. Кнопка показа и скрытия панели клиента.


![Панель ответа крупным планом](https://docs.tuk-tuk.online/assets/screens/dialogs/composer.webp)

1. Поле ответа: Ctrl+Enter отправляет, {{name}} подставляет имя клиента.
2. Быстрые ответы (шаблоны).
3. Эмодзи.
4. Запись голосового сообщения.
5. Создание задачи по клиенту.
6. Сниппеты для AI.
7. Орфография и перефразирование через AI.


![Действия с диалогом в шапке](https://docs.tuk-tuk.online/assets/screens/dialogs/header-actions.webp)

1. Эфир с клиентом.
2. Закрепить диалог вверху списка.
3. В архив.
4. Выключить звук уведомлений по диалогу.
5. Показать или скрыть панель клиента.

Здесь идёт переписка с клиентом.

- История сообщений с разделителями по дате.
- Входящие слева, исходящие справа.
- Медиа-вложения: фото, видео, документы.
- Голосовые сообщения с расшифровкой.
- Панель ввода сообщения с выбором канала отправки.

Типы сообщений и вложений: [Типы сообщений](https://docs.tuk-tuk.online/dialogs/messages).

## Правая панель: клиент

Карточка клиента из настраиваемых блоков: контакты, идентификаторы каналов, теги, приоритет, ассистент, риск потери, связки, кастомные поля. Блоки можно переставлять и скрывать. Подробно: [Панель клиента](https://docs.tuk-tuk.online/dialogs/info-panel).