Работа с информационной панелью

Обновлено 10 февраля 2026

После публикации агента, в его интерфейсе доступна информационная панель.

В панели доступны вкладки:

• Задачи — журнал произвольных сообщений о работе агента.
• Граф — анимированный граф работы LangGraph-агента. Генерируется автоматически на основе описания рабочего процесса.
• Стоимость — количество токенов и сумма в рублях потраченные на вызов моделей GigaChat в процессе работы агента. Стоимость рассчитывается на основе цен, заданных вручную в Aize Phoenix.
• Инфо — техническая информация об агенте: идентификатор пользователя LangFlow SE для low-code агентов, или версии среды исполнения и Agent Lab SDK для LangGraph-агентов.

В этом разделе вы узнаете как добавить данные для отображения на вкладках Задачи и Граф.

Добавление сообщений в журнал работы агента

Журнал с сообщениями о работе агента отображается на вкладке Задачи.

Для добавления сообщений в журнал используйте LangGraph-класс StreamWriter и класс LogMessage из Agent Lab SDK :

from langgraph.graph import MessagesState
from langgraph.types import StreamWriter
from agent_lab_sdk.schema import LogMessage

async def run(state: MessagesState, writer: StreamWriter) -> MessagesState:
    writer(LogMessage("Запускаю обработку запроса"))

    # ... Логика агента ...

    writer(LogMessage("Обработка завершена"))
    return state

Отображение графа

GigaLab автоматически визуализирует граф работы агента, описанного в коде. После запуска агента визуализация демонстрирует текущий этап работы агента.

Пример описания и визуализации графа работы агента Рик и Морти.

Код графа

Полный пример в файле graph.py .

workflow = StateGraph(RickState)
workflow.add_node("agent", agent_node, metadata={'description': 'Основной агент Рик Санчез, обрабатывающий диалог и вызывающий инструменты.'})
workflow.add_node("tools", ToolNode(TOOLS), metadata={'description': 'Вызов инструментов, если агент решил их использовать.'})
workflow.add_node("suggests", suggest_node, metadata={'description': 'Генерация предложений для продолжения диалога.'})


workflow.set_entry_point("agent")
workflow.add_conditional_edges("agent", route_next, {"tools": "tools", "suggests": "suggests"})
workflow.add_edge("tools", "agent")
workflow.add_edge("suggests", END)

Визуализация

Описания, заданные в поле description, отображаются во всплывающей подсказке соответствующего узла: