Client Version

Client Version висит по центру у верхнего края окна, когда сборка в браузере отстала от сервера: тёмная полупрозрачная плашка со значком предупреждения, текстом и короткой кнопкой обновления. Сравнивает версии продукт — компонент показывает плашку по open и зовёт onrefresh.

Статус: experimental · в системе с 2026-09 · интерактивность: conditional (по конфигурации)

Когда использовать

Сервер отдал новую версию клиента, а вкладка ещё открыта со старой.

Не использовать:

Сообщение о результате действия — это Toast.
Предупреждение внутри области экрана — это Alert.

Альтернативы:

toast — уведомление о результате действия с таймаутом
alert — сообщение в потоке экрана

Новая версия

Плашка со значком, текстом и кнопкой обновления в потоке страницы.

Доступна новая версия — обновите страницу

Обновлений: 0

<!--
  🟢

  Плашка новой версии. В демо она стоит в потоке страницы, а не у верхнего
  края окна: обёртка сбрасывает фиксированное положение.
-->

<script>
import { t } from "$lib/spec/demo-lang.svelte.js";
import ClientVersion from "$lib/ui/ClientVersion.svelte";

let refreshed = $state(0);
</script>

<div style="position: relative; height: 72px;">
	<ClientVersion style="position: absolute; top: var(--sp-2);" onrefresh={() => refreshed++} />
</div>
<span style="font-size: var(--fs-s); color: var(--c-text-muted);">{t("Обновлений:")} {refreshed}</span>