Создано для разработчиков и ИИ.
Набор сворачиваемых панелей с заголовками и содержимым.
Выноска для отображения важной информации.
Диалог, требующий ответа пользователя для продолжения.
Поле ввода, предлагающее варианты по мере набора текста.
Экран авторизации — вход/passkey/SSO/magic-link с состояниями. Двухколоночный шелл + карточка.
Элемент изображения с запасным вариантом для представления пользователя.
Бейдж или компонент, который выглядит как бейдж.
Каталог — большой диалог витрины: табы Навыки/Коннекторы, поиск, Фильтр/Сортировка и сетка карточек.
Кнопка или компонент, который выглядит как кнопка.
Контейнер содержимого для группировки связанной информации.
Элемент управления, позволяющий пользователю переключаться между состояниями «отмечено» и «не отмечено».
Предоставляет общее состояние для набора чекбоксов.
Сворачиваемая панель, управляемая кнопкой-триггером.
Поле ввода в сочетании со списком предопределённых элементов для выбора.
Компонент командной палитры на основе Dialog и Autocomplete для поиска и выполнения команд.
Диалог установки коннектора — брендовая шапка, OAuth-кнопка или поля токена, ошибка и футер Отмена / Подключить.
Нижний баннер о cookie (152-ФЗ) — текст согласия со ссылкой на политику и кнопкой «Принять».
Всплывающее окно, которое открывается поверх всей страницы.
Карточка каталога персонализации — иконка, имя, издатель, число установок, описание и действие.
Деталь каталога персонализации — «витрина» коннектора: шапка, карусель примеров, разработчик, инструменты и детали.
Скелетоны загрузки персонализации — детали навыка/коннектора, колонка списка и результаты поиска.
Панель, выезжающая с края экрана, с поддержкой свайп-жестов, точек привязки и вложенных панелей.
Составной токен — несколько полей (домен·токен), склеиваемых в одну строку «A:B» только наружу.
Контейнер для отображения информации о пустом состоянии.
Компонент, обеспечивающий маркировку и валидацию для элементов управления формы.
Нативный элемент fieldset с легендой.
Модалка превью файла — шапка (имя + мета + X) и скролл-тело: картинка, исходник, PDF или таблица.
Скелетоны загрузки превью файлов — markdown, docx, xlsx и обычный текст.
Компонент-обёртка для формы, упрощающий валидацию и отправку.
Контейнер с рамкой для группировки связанной информации.
Компонент для визуальной группировки ряда элементов управления.
Примитив иконки на основе Tabler Icons с размерами, заимствованными из Claude, и тонкой контурной обводкой.
Нативный элемент поля ввода.
Гибкий компонент для группировки полей ввода с дополнениями, кнопками и другими элементами.
Компонент для отображения клавиш и сочетаний клавиш.
Отображает доступную подпись, связанную с элементами управления.
Общий «хром» правовых страниц — кнопка «Назад», заголовок, секции, маркированные списки и футер со ссылками и почтой.
Список действий в выпадающем меню с поддержкой навигации с клавиатуры.
Mermaid-диаграмма — полноэкранный вьюер с зумом и панорамой, mermaid грузится с CDN.
Ментальная карта — собственный движок tidy-tree (без Mermaid): лёгкие боксы и кривые-связи.
Экран 404 — бренд, серифный заголовок, строка и кнопка возврата на главную.
Общий хром экранов онбординга — бренд по центру, точки прогресса в стиле claude.ai и контент шага.
Доступное всплывающее окно, привязанное к кнопке.
Превью PDF — первая страница «бумагой», на ховере веер из страниц и переключение счётчика на «Скачать».
Экран входа в персонализацию — «Персонализация Oracul» и карточки входа в коннекторы и навыки.
Всплывающее окно, появляющееся при наведении на ссылку и показывающее предпросмотр для зрячих пользователей.
Страница тарифов — личные (Pro / Max) и командные (Команда / Enterprise) планы со списками возможностей.
Отображает состояние задачи, выполнение которой занимает много времени.
Набор переключателей, из которых одновременно может быть выбран не более одного.
Кольцевой индикатор загрузки в стиле claude.ai — тонкое кольцо с мягким хвостом.
Нативный контейнер прокрутки с кастомными полосами прокрутки.
Распространённый компонент формы для выбора заранее заданного значения из выпадающего меню.
Элемент-разделитель, доступный для программ чтения с экрана.
Страница настроек — «Назад», табы Общие / Правовые документы, профиль с темой и список правовых документов.
Раздел «Навыки» в настройках — группы пользовательских и системных навыков с переключателями и редактор SKILL.md.
Раздел «Коннекторы» в настройках — плашки MCP-коннекторов с переключателями, редактор прав методов и диалог добавления.
«Возможности» — тумблеры функций, доступных Oracul в чатах.
«Использование» — расход по корзинам с прогресс-барами и платёжный цикл.
«Аккаунт» — выход / удаление / ID и таблица активных сессий.
«Биллинг» — карточка плана, способ оплаты, баланс и таблица счетов (₽).
Выезжающая панель, открывающаяся со стороны экрана, на основе компонента dialog.
Левый сайдбар приложения — шапка с брендом, навигация, список недавних чатов и футер пользователя; сворачивается в рейл.
Скелетон состояния загрузки для ваших компонентов.
«Написать инструкции навыка» — диалог создания навыка: название, описание, инструкции.
Элемент ввода, в котором пользователь выбирает значение из заданного диапазона.
Индикатор, который можно использовать для отображения состояния загрузки.
KPI-плашка — подпись, значение, дельта с тоном и подсказка.
Элемент управления, который показывает, включена настройка или выключена.
Простой компонент таблицы для отображения табличных данных.
Компонент для переключения между связанными панелями на одной странице.
Нативный элемент textarea.
Временное уведомление, которое появляется на экране, чтобы проинформировать пользователей.
Кнопка с двумя состояниями, которую можно включать и выключать.
Всплывающее окно, появляющееся при наведении или фокусе на элемент и показывающее подсказку для зрячих пользователей.