Визуализируйте диаграммы Mermaid как красивые SVG. Быстро, полностью настраиваемо, без зависимостей от DOM. Создано для эпохи ИИ.
✨ Нативная визуализация Mermaid
AIKraft Agents теперь визуализирует диаграммы нативно с использованием beautiful-mermaid — нашего нового open-source движка визуализации Mermaid. Никаких внешних зависимостей, никакого браузерного DOM, только чистый TypeScript.
Почему это важно
Диаграммы необходимы для ИИ-помощи в программировании. Claude постоянно генерирует диаграммы Mermaid — обзоры архитектуры, потоки данных, конечные автоматы, схемы связей сущностей. Раньше это были просто блоки кода. Теперь это красивые, профессиональные визуализации.
Что нового
Встроенная визуализация Блоки кода Mermaid в ответах автоматически визуализируются как нативные SVG-диаграммы. Никакой конфигурации не требуется.
Полноэкранный просмотр
Нажмите на любую диаграмму, чтобы открыть её в просмотрщике в стиле Figma:
- Масштаб колесика мыши к курсору (адаптируется для мыши и трекпада)
- Жест pinch на трекпаде для плавного пропорционального масштабирования
- Перетаскивание кликом для панорамирования
- Двойной клик для сброса до 100%
- Горячие клавиши: Cmd/Ctrl +/- масштаб, Cmd/Ctrl 0 сброс
- Выпадающий список предустановок: 25%, 50%, 75%, 100%, 150%, 200%, 400% и "Масштаб по размеру"
Типы диаграмм
- Flowcharts (graph LR/TD)
- State diagrams (stateDiagram-v2)
- Sequence diagrams (sequenceDiagram)
- Class diagrams (classDiagram)
- ER diagrams (erDiagram)
Темизация
Использует элегантную двухцветную основу — цвета фона и текста выводят все визуальные элементы через CSS color-mix. Диаграммы автоматически соответствуют теме AIKraft Agents.
Производительность 100+ диаграмм визуализируются за менее 500мс. Чистый TypeScript, нулевые зависимости от DOM.
Система просмотра внутри приложения
Помимо диаграмм, этот выпуск представляет унифицированную систему просмотра для богатого контента.
Просмотр PDF
Просмотр PDF внутри приложения с использованием Mozilla pdf.js: - Рендеринг на основе canvas с выбором текста - Управление навигацией по страницам - Декодирование в фоновом потоке
Просмотр изображений
Нативный просмотр для распространённых форматов: - PNG, JPG, GIF, WebP, SVG, BMP, ICO, AVIF - HEIC/HEIF и TIFF открываются через системное приложение
Умное определение файлов
Нажатие на пути файлов теперь автоматически открывает нужный просмотр:
| Тип | Расширения | Поведение |
|---|---|---|
| Изображение | png, jpg, gif, webp, svg... | Просмотр внутри приложения |
| Просмотр внутри приложения | ||
| Код | ts, js, py, rs, go, java... | Просмотр с подсветкой синтаксиса |
| Markdown | md, mdx | Отформатированный просмотр |
| JSON | json, jsonc | Сворачиваемое дерево |
Визуализация Markdown
- Блоки кода JSON визуализируются как интерактивные сворачиваемые деревья
- Блоки кода Mermaid визуализируются как нативные SVG-диаграммы
- Улучшенное обнаружение URL в linkify с комплексным покрытием тестами
Сопоставление инструментов (Внутреннее)
Переписано для использования бесстороннего, независимого от порядка сопоставления через прямые ID SDK. Более надёжное отслеживание контекста субагентов.
Иконки CLI-инструментов
Новый разрешитель сопоставляет распространённые CLI-инструменты (git, npm, bun, cargo, docker, python, node...) с соответствующими иконками.
Исправления
- Сборка Windows: Исправлено копирование ресурсов документации
Удалено
- Источник Gmail: Удалён в пользу источников Google OAuth
Статистика
- 334 файлов изменено
- ~38,000 строк добавлено
Полный журнал изменений: v0.2.34...v0.3.0