Расширенный вывод

AIKraft Agents выходит за рамки обычного текста. Ваши диалоги могут включать интерактивные таблицы данных, диаграммы, стилизованный HTML, PDF и диффы кода — всё это отображается нативно без какой-либо дополнительной настройки.

Таблицы данных

Когда агент представляет структурированные данные, он использует интерактивные блоки datatable вместо статических таблиц markdown. Вы получаете:

• Нажатие на заголовки столбцов для сортировки по возрастанию/убыванию
• Ввод текста для фильтрации по всем столбцам
• Умное форматирование — валюты, проценты, даты и статус-бейджи отображаются с соответствующим стилем

"Покажи наших 10 лучших клиентов по доходу"

Агент возвращает сортируемую таблицу со столбцами, такими как Доход ($4,200,000), Рост (+15.2% зелёным) и Статус (цветные бейджи) — не просто сухие числа.

Типы столбцов

Электронные таблицы

Для финансовых отчётов или данных, которые вы можете захотеть экспортировать, агент использует блоки spreadsheet — таблицы в стиле Excel с номерами строк и буквами столбцов.

"Создай отчёт о доходах за Q4 по регионам"

Результат выглядит как настоящая электронная таблица и может быть экспортирована как .xlsx или .csv прямо из диалога.

Диаграммы

AIKraft Agents отображает диаграммы Mermaid в виде красивых тематизированных SVG. Агент использует их проактивно при объяснении архитектуры, потоков данных или отношений.

"Покажи, как работает поток аутентификации в нашем приложении"

Поддерживаемые типы диаграмм

Flowcharts

Процессы, деревья решений, архитектура систем

Sequence Diagrams

Взаимодействия API, потоки запросов/ответов, последовательности протоколов

Entity Relationship

Схемы баз данных, модели данных, отношения между таблицами

State Diagrams

Конечные автоматы, переходы в workflows, состояния жизненного цикла

Class Diagrams

Объектные модели, иерархии наследования, интерфейсы

Charts

Столбчатые диаграммы, линейные графики для метрик и трендов

HTML-превью

Когда агент работает с богатым HTML-контентом — письмами, рассылками, стилизованными отчётами — он отображает их встроенными живыми превью, а не преобразует в обычный текст.

"Покажи последнее маркетинговое письмо из Gmail"

HTML отображается в изолированном iframe, сохраняя все CSS-стили, табличные макеты и форматирование. Это особенно полезно для:

• Тел писем из Gmail или Outlook
• HTML-отчётов из аналитических инструментов
• Превью рассылок с сложными макетами
• Стилизованных документов, где markdown потерял бы форматирование

Вкладки

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

PDF-превью

PDF-документы отображаются встроенными с первой страницей и кнопкой расширения для полного просмотра всех страниц.

"Покажи PDF-отчёт о финансовых результатах за Q4"

Агент также может отображать несколько PDF в виде вкладок — удобно для сравнения квартальных отчётов или версий договоров рядом друг с другом.

Markdown-превью

Когда агент создаёт или ссылается на файл .md на диске — спецификацию, план, черновик, README — он может отобразить его встроенными markdown-превью, вместо того чтобы выводить сырой текст в блок кода. Вы видите разобранный результат (заголовки, таблицы, синтаксически выделенный код, списки) с использованием того же рендерера, что и в остальном чате.

"Составь проектную спецификацию и покажи её мне"

Агент создаёт файл, затем отображает его отрендеренным. Встроенные превью ограничены высотой 400px с кнопкой расширения для более высокого контента. Ссылки и другие блоки превью внутри markdown также работают, поэтому встроенная в спецификацию диаграмма mermaid отображается нормально.

Когда агент выбирает этот формат

• Вы попросили создать или обновить markdown-файл (спецификация, план, журнал решений, заметки).
• Вы ссылаетесь на существующий файл .md и хотите увидеть его, а не редактировать.
• Агент хочет сравнить несколько черновиков рядом — разные версии появляются в виде вкладок в одном блоке.

Для HTML-писем, PDF или структурированных данных агент использует соответствующий блок превью.

Как запросить markdown-превью

Вы можете явно запросить этот формат:

"Покажи отрендеренную версию ~/notes/decision.md"

"Сравни v1, v2 и финальную спецификацию в виде вкладок"

Агент использует абсолютный путь к файлу. Пути должны находиться в вашей домашней директории, системной временной директории или директории workspace — произвольные пути в других местах на диске отклоняются тем же уровнем безопасности, который используют другие блоки превью.

Диффы кода

Когда агент изменяет файлы, он отображает изменения как унифицированные диффы кода — знакомый формат с красными (удалёнными) и зелёными (добавленными) строками, что делает легким обзор того, что именно изменилось.

"Переработай модуль аутентификации для использования async/await"

Вид диффа показывает точно, какие строки были изменены, добавлены или удалены — нет необходимости угадывать, что сделал агент.

Как агент выбирает формат?

Агент автоматически выбирает лучший формат на основе данных:

• Структурированные данные (строки и столбцы) → datatable или spreadsheet
• Отношения или потоки → диаграмма Mermaid
• Богатый HTML-контент (письма, отчёты) → HTML-превью
• PDF-файлы → PDF-превью
• Markdown-файлы (спецификации, планы, README) → markdown-превью
• Изменения в коде → унифицированный дифф
• Простой текст → обычный markdown

Вы также можете запросить конкретный формат: «покажи это как электронную таблицу» или «нарисуй диаграмму этого».

Можно ли экспортировать данные из таблиц?

Блоки spreadsheet включают функциональность экспорта — вы можете скачать данные как .xlsx или .csv. Блоки datatable оптимизированы для просмотра и фильтрации, а не для экспорта.

Что насчёт больших наборов данных?

Для наборов данных с 20+ строк агент записывает данные в файл и ссылается на него, вместо того чтобы включать все строки встроенно. Это сохраняет диалоги быстрыми и отзывчивыми даже с тысячами строк.