Страницы ошибок

500 с кодом инцидента

Страница 500 в духе «мы уже чиним»: сигнальная лента из CSS-полос, код инцидента для поддержки в пунктирной рамке, кнопка «обновить» и ссылка на статус сервисов.

Что можно поменять

  • title и description — заголовок и объяснение своими словами
  • incident — реальный код инцидента из вашего мониторинга
  • statusHref и statusLabel — адрес и подпись страницы статуса

Ссылка для ИИ-агента: в ней превью, код и инструкция.

Превью

1440pxТема страницы

Использовать с ИИ

  1. 1. Скопируйте ссылку.
  2. 2. Напишите агенту своими словами и вставьте её в предложение.
  3. 3. Агент откроет ссылку и поставит компонент из реестра.
AI
1Выбрали здесь

добавь это на главную первым экраном:

https://vibeui.ru/c/errorpage-002?theme=dark

2Вставили в чат агента
3Получили в проекте

Не знаете, куда вставить? Пошаговый гайд

Показать полную инструкцию

То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.

Загружается…

Для разработчика

Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.

Технические заметки

Блок самодостаточен: один файл, без зависимостей, палитра в локальных переменных --vibeui-errorpage-002-*. Серверный компонент без JS: кнопка «обновить» — ссылка с пустым href, которая ведёт на текущий адрес, а при 500 повторный запрос обычно уже проходит. Сигнальная лента нарисована repeating-linear-gradient — никаких изображений. Код инцидента размечен как dl и выделен user-select:all: одно касание выделяет его целиком для копирования в тикет.

Теги

  • 500
  • error
  • incident
  • status
  • server
Исходник компонента

Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.

Загружается…