poe-svelte-ui-lib 1.41.0 → 1.42.0

package/README.md

@@ -26,7 +26,7 @@ npm install poe-svelte-ui-lib
 /* дальше — только собственные отличия приложения, например :root { min-width: 640px; } */
 ```
 
-**Предпросмотр темы** — страница «Тема» витрины (`src/routes/components/theme`): один и тот же интерфейс облака (шапка устройства, палитра токенов, кнопки во всех ролях, поля, таблица, виджеты, типографика, Markdown) в светлой и тёмной теме рядом — палитра задаётся классами `.light`/`.dark`, поэтому обе темы видны одновременно. Правьте `theme.css` и смотрите результат там.
+**Предпросмотр темы** — страница «Тема» витрины (`src/routes/components/theme`): один и тот же интерфейс облака (шапка устройства, палитра токенов, кнопки во всех ролях, поля, таблица, виджеты, типографика, Markdown) на одной странице; тема переключается глобально кнопкой в шапке витрины. Правьте `theme.css` и смотрите результат там.
 
 Текст в Markdown, таблицы и код переносятся по ширине контейнера — горизонтальной прокрутки быть не должно, только вертикальная. Markdown рендерится с `breaks: true` (как в облаке), поэтому абзац и пункт списка пишутся одной строкой — ручной перенос внутри абзаца превращается в разрыв строки.
 

package/dist/Accordion/README.md

@@ -16,9 +16,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Сетка содержимого адаптируется под размеры экрана (sm:p-3)
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -28,9 +26,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Содержимое аккордеона рендерится только при его открытии (`{#if isOpen}`)
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -119,11 +115,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Включает модальное окно для выбора иконок из библиотеки
 - Поддерживает загрузку изображений для фона
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 - Поддерживает валидацию числовых значений (min/max) для размеров
 
 ### Что настраивается
@@ -140,7 +133,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `slide` из `svelte/transition` для анимации открытия/закрытия
 
 ### Директивы

package/dist/Button/README.md

@@ -21,8 +21,6 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
-- Используются относительные единицы измерения для обеспечения масштабируемости
 - Подсказки автоматически позиционируются в зависимости от стороны отображения
 
 ### Ограничения
@@ -33,9 +31,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Обработчики клавиатуры удаляются при размонтировании компонента
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -148,11 +144,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Включает модальное окно для выбора иконок из библиотеки
 - Поддерживает настройку обработчика событий и аргументов
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 - Поддерживает валидацию вводимых данных через регулярные выражения
 
 ### Что настраивается
@@ -169,7 +162,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `fly` из `svelte/transition` для анимации подсказки
 - Используется `onMount` для подписки и отписки от глобальных событий клавиатуры
 
@@ -178,7 +170,3 @@
 - `transition:fly` для анимации появления/скрытия информационной подсказки
 - Обработчики `onmouseenter` и `onmouseleave` для показа/скрытия подсказки
 - Обработчик `onclick` для активации кнопки
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Carousel/README.md

@@ -12,9 +12,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Стрелки навигации автоматически скрываются при достижении начала или конца карусели
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -24,9 +22,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Обработчики событий и `ResizeObserver` корректно удаляются при размонтировании
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -129,7 +125,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `slide` из `svelte/transition` для анимации стрелок навигации
 - Используется `ResizeObserver` для отслеживания изменений размера
 

package/dist/Divider/README.md

@@ -110,7 +110,3 @@
 
 - `twMerge` для объединения классов обёртки и полосы
 - `$props()` для получения пропсов компонента
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/FileAttach/README.md

@@ -21,9 +21,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Изображения масштабируются с учетом режима (cover/contain)
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -33,9 +31,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - URL предварительного просмотра создаются только при необходимости
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -143,11 +139,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку типа компонента (файл или изображение)
 - Включает настройки размеров и режима отображения для изображений
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -164,7 +157,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используется `URL.createObjectURL` для мгновенного превью выбранного файла — предыдущий blob-URL отзывается через `URL.revokeObjectURL` перед созданием нового и при размонтировании компонента
 
 ### Директивы
@@ -172,7 +164,3 @@
 - `bind:currentImage` для двусторонней привязки текущего изображения
 - Обработчик `onchange` для отслеживания изменения файла
 - Обработчик `onclick` для активации выбора файла
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Graph/README.md

@@ -22,9 +22,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - График автоматически масштабируется под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -35,7 +33,6 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Используется Canvas API для эффективной отрисовки графиков
 - Автоматическая очистка точек при превышении лимита для предотвращения утечки памяти
 
@@ -159,8 +156,6 @@
 - Предоставляет визуальные элементы управления для всех доступных свойств, включая `refreshRate` (`constructor.props.refreshrate`) через `Select` с теми же вариантами, что и на самом графике (`REFRESH_OPTIONS` из `Graph.svelte`)
 - Поддерживает настройку переменной для отображения
 - Включает переключатель для режима тестирования
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -190,7 +185,3 @@
 - `bind:this` для получения ссылок на DOM-элементы (container, canvas)
 - `$effect` для обработки изменений данных и настроек
 - `onMount` для инициализации данных графика
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Input/README.md

@@ -21,11 +21,6 @@
 - Неверный ввод (длина, диапазон, выражение валидации) подсвечивается и не отправляется
 - «Только чтение» — поле для отображения с кнопкой копирования
 
-### Адаптивность
-
-- Компонент использует Tailwind CSS для адаптивного дизайна
-- Используются относительные единицы измерения для обеспечения масштабируемости
-
 ### Ограничения
 
 - Для типа `password` кнопка копирования недоступна
@@ -33,11 +28,6 @@
 - Числовые значения автоматически округляются (до 5 знаков после запятой) для устранения ошибок плавающей точки
 - Подсказки не поддерживают HTML-разметку, отображают только текст
 
-### Производительность
-
-- Компонент использует оптимизации Svelte для минимизации перерисовок
-- Используется эффективное объединение классов через `twMerge`
-
 ## Пропсы
 
 | Название            | Тип                                                                                                                                                                                                                                                                     | По умолчанию          | Описание                                                                                                                                                                                                                                                       |
@@ -157,12 +147,9 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает выбор типа поля: текст, пароль, число, многострочный текст, битовая маска
 - Включает библиотеку готовых регулярных выражений для валидации (модальное окно с выбором шаблона)
 - Для типа `bitMode` позволяет задать диапазон битов слайдером; `number.maxNum` рассчитывается автоматически
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 - Поддерживает валидацию вводимых данных через регулярные выражения
 
 ### Что настраивается
@@ -183,7 +170,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используется компонент `InfoIcon` для отображения иконки информационной подсказки
 - Применяется переход `fly` из `svelte/transition` для анимации подсказки и `fade` для индикации копирования
 
@@ -194,7 +180,3 @@
 - `onkeydown` блокирует ввод символа `.` для типа `number`
 - `onclick` для кнопок инкремента/декремента (типы `number`/`bitMode`), кнопки копирования и кнопки показа пароля
 - `onmouseenter`/`onmouseleave` для показа/скрытия информационной подсказки
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Joystick/README.md

@@ -23,9 +23,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Джойстик автоматически масштабируется под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -35,9 +33,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Чувствительность управляется дискретными значениями для предотвращения чрезмерной нагрузки
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -118,11 +114,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку осей управления (названия, диапазоны значений)
 - Включает настройки чувствительности и иконки центральной кнопки
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -140,7 +133,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используются тригонометрические функции для расчета позиций элементов джойстика
 
 ### Директивы
@@ -148,7 +140,3 @@
 - `bind:value` для двусторонней привязки значений осей
 - `$effect` для обработки изменений чувствительности и значений
 - `onmouseenter` и `onmouseleave` для визуальной обратной связи при наведении
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/PeriodChart/README.md

@@ -152,7 +152,3 @@
 
 - `#each` для отображения вкладок переключателя, столбиков графика и подписей по X
 - `#if` для пустого состояния (уровень без данных)
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/ProgressBar/README.md

@@ -21,9 +21,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Индикаторы автоматически масштабируются под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -33,9 +31,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Значения нормализуются для предотвращения некорректного отображения
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -125,11 +121,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает добавление и удаление элементов индикатора
 - Включает настройки типа, диапазона значений и единиц измерения
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -145,15 +138,7 @@
 - Функция `progressPercent` вычисляет процент заполнения индикатора
 - Функция `roundToClean` округляет числа для отображения
 
-### Сторы и зависимости
-
-- Используется стор `twMerge` для объединения Tailwind CSS классов
-
 ### Директивы
 
 - `$derived` для вычисления минимального и максимального значений
 - `#each` для отображения нескольких элементов индикатора
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Select/README.md

@@ -23,9 +23,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Выпадающий список автоматически позиционируется относительно родителя
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -35,9 +33,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Фильтрация опций выполняется только при изменении поискового запроса
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -162,11 +158,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку типа отображения, значения и мультивыбора
 - Включает управление списком опций с возможностью добавления/удаления
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -184,7 +177,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `slide` из `svelte/transition` для анимации выпадающего списка
 
 ### Директивы
@@ -192,7 +184,3 @@
 - `bind:value` для двусторонней привязки значения
 - `transition:slide` для анимации выпадающего списка
 - `onMount` и `onDestroy` для управления слушателями событий клика
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Slider/README.md

@@ -20,9 +20,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Слайдер автоматически масштабируется под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -32,9 +30,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Значения нормализуются для предотвращения некорректного отображения
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -146,11 +142,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку типа слайдера (одиночный или диапазонный)
 - Включает настройки диапазона значений и шага
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -168,7 +161,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используется `navigator.userAgent` для определения типа устройства для корректного отображения слайдера
 
 ### Директивы
@@ -176,7 +168,3 @@
 - `bind:value` для двусторонней привязки значений слайдера
 - `$effect` для синхронизации значений при изменении входных данных
 - `oninput` для обработки изменения значений через пользовательский ввод
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Switch/README.md

@@ -20,9 +20,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Переключатели автоматически масштабируются под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -32,9 +30,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Битовые операции выполняются эффективно для управления состоянием
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -163,11 +159,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку типа переключателя, режима битов и подписей
 - Включает управление списком опций с возможностью добавления/удаления
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -185,7 +178,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `fly` из `svelte/transition` для анимации подсказки
 
 ### Директивы
@@ -193,7 +185,3 @@
 - `bind:value` для двусторонней привязки значения
 - `transition:fly` для анимации информационной подсказки
 - `$effect` для инициализации значения при его отсутствии
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Table/README.md

@@ -26,9 +26,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Таблица автоматически адаптируется под размеры контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 - Размер текста строк задаётся CSS-переменной `--table-font-size` на любом родителе (по умолчанию `13px`), например `style="--table-font-size: 11.5px"` — так потребитель меняет масштаб данных без правки компонента
 
 ### Ограничения
@@ -39,9 +37,7 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Буферизация данных позволяет эффективно отображать большие объемы информации
-- Используется эффективное объединение классов через `twMerge`
 
 ## Пропсы
 
@@ -235,11 +231,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку столбцов таблицы с различными типами содержимого
 - Включает настройки буфера данных, обводки и автопрокрутки
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -257,7 +250,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используются переходы `fade`, `fly`, `slide` из `svelte/transition` для анимаций
 - Используется `onMount` для инициализации обработчиков прокрутки
 

package/dist/Tabs/README.md

@@ -15,9 +15,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Вкладки автоматически адаптируются под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -27,8 +25,6 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
-- Используется эффективное объединение классов через `twMerge`
 - Содержимое вкладок рендерится только при активации соответствующей вкладки
 
 ## Пропсы
@@ -145,11 +141,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку позиционирования иконки и текста
 - Включает управление списком вкладок с возможностью добавления/удаления
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -166,7 +159,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используется `optionsStore` для получения цветовых опций
 
 ### Директивы

package/dist/TextField/README.md

@@ -14,9 +14,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Текст автоматически адаптируется под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -24,11 +22,6 @@
 - При использовании фона применяется стандартное оформление с закругленными углами
 - Текст всегда выравнивается по центру
 
-### Производительность
-
-- Компонент использует оптимизации Svelte для минимизации перерисовок
-- Используется эффективное объединение классов через `twMerge`
-
 ## Пропсы
 
 | Название        | Тип                                                   | По умолчанию          | Описание                                                                                                           |
@@ -94,11 +87,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку размера текста и цвета
 - Включает настройки оформления (жирный, курсив, фон)
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -113,15 +103,7 @@
 - Объект `textSize` определяет CSS-классы для различных размеров текста
 - Переменная `background` управляет отображением фонового оформления
 
-### Сторы и зависимости
-
-- Используется стор `twMerge` для объединения Tailwind CSS классов
-
 ### Директивы
 
 - `twMerge` для объединения классов обертки и текста
 - `$props()` для получения пропсов компонента
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/VideoViewer/README.md

@@ -32,7 +32,6 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
 - Поток камеры и обработчики корректно останавливаются/отписываются при размонтировании (`stopStream`, очистка `setInterval`)
 - `object URL` для кадров в режиме `remote` создаётся и отзывается на каждый кадр, чтобы избежать утечек памяти при длительной работе
 
@@ -132,7 +131,6 @@
 - Предоставляет переключатель видимости селектора устройств (`showSelect`)
 - Поле для `streamKey` отображается только при выбранном режиме `source="remote"`
 - В режиме редактирования (`forConstructor={false}`) дополнительно доступны идентификатор, класс обёртки и заголовок через `CommonSnippets`
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -148,7 +146,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Применяется переход `slide`-подобной анимации через `svelte/transition` в дочерних компонентах (`Select`), сама карточка использует условный рендеринг без переходов
 - Используется `onMount` для инициализации списка устройств и запроса доступа к камере (только в режиме `camera`), а также для остановки потока при размонтировании
 - Используется `$effect` с `setInterval` (1 сек) для периодического опроса `getDevices` и обновления списка камер (актуально при подключении/отключении устройств "на лету")
@@ -159,7 +156,3 @@
 - `bind:this={videoElement}` для прямого доступа к DOM-элементу `<video>` и привязки к нему `MediaStream`
 - Условные блоки `{#if isRemote}` / `{:else}` разделяют разметку камеры и удалённого режима
 - Обработчик `onclick` на кнопке повтора для повторного запроса доступа к камере при ошибке
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/Widget/README.md

@@ -22,9 +22,7 @@
 
 ### Адаптивность
 
-- Компонент использует Tailwind CSS для адаптивного дизайна
 - Виджет автоматически адаптируется под размер контейнера
-- Используются относительные единицы измерения для обеспечения масштабируемости
 
 ### Ограничения
 
@@ -34,8 +32,6 @@
 
 ### Производительность
 
-- Компонент использует оптимизации Svelte для минимизации перерисовок
-- Используется эффективное объединение классов через `twMerge`
 - Циклическое переключение иконок останавливается при размонтировании компонента
 
 ## Пропсы
@@ -173,11 +169,8 @@
 
 ### Особенности конструктора
 
-- Предоставляет визуальные элементы управления для всех доступных свойств
 - Поддерживает настройку типа управления (ввод, слайдер, переключатель)
 - Включает настройки числового диапазона и иконок
-- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$T('constructor.props.*')`
 
 ### Что настраивается
 
@@ -196,7 +189,6 @@
 
 ### Сторы и зависимости
 
-- Используется стор `twMerge` для объединения Tailwind CSS классов
 - Используется `window.setInterval` для циклического переключения иконок
 
 ### Директивы
@@ -204,7 +196,3 @@
 - `bind:value` для двусторонней привязки значения
 - `$effect` для синхронизации значений и состояний
 - `onUpdate` для обработки изменения значения
-
-### Слоты
-
-- Компонент не использует внешних слотов

package/dist/WidgetMap/README.md

@@ -2,13 +2,13 @@
 
 ## Назначение
 
-Карта бортов в реальном времени: положение, курс и траектория каждого борта.
+Карта объектов в реальном времени: положение, курс и траектория каждого объекта.
 
 > **Размеры.** Ширина — 100% контейнера (в конструкторе — ширина ячейки сетки); высота карты задаётся пропом `height` (px), в сетке конструктора виджет занимает одну строку. Мастер-цвет (`componentClass`) перекрашивает шапку.
 
 ## Пакет данных
 
-- Поля групп устройства, по группе на борт: по умолчанию `MAV`, несколько — через пробел (`MAV GNSS`); привязывать переменные не нужно
+- Поля групп устройства, по группе на объект: по умолчанию `MAV`, несколько — через пробел (`MAV GNSS`); привязывать переменные не нужно
 - Поток телеметрии: координаты — раз в 0.5–1 с, имя и серийный номер — реже
 - Только отображение, ничего не отправляет
 
@@ -16,8 +16,8 @@
 
 1. **Устройство** шлёт поля группы в поток телеметрии (`Telemetry_SendObject`, ключ `Data`) — облако и WebApp раскладывают их в переменные `<ModSN>|<группа>.<ключ>`. Координаты — раз в 0.5–1 с, имя и серийный номер — реже (раз в несколько секунд) отдельным кадром: буфер `Telemetry_SendObject` — 512 байт, строки его быстро съедают.
 2. **В конструкторе** добавьте «Карту» из смарт-виджетов и перечислите группы через пробел (`MAV` или `MAV GNSS`). Переменные привязывать не нужно — виджет сам берёт ключи из таблицы ниже.
-3. **Оператор** поверх карты включает траекторию, выбирает число её точек и таймаут маркеров. Кнопка **«Все борта»** в шапке виджета вписывает все видимые борта в экран (один борт — приближение к нему). Сама карта вид не меняет — бортов может быть много.
-4. **Клик по маркеру** открывает карточку борта: имя, группа, координаты, высота, курс, спутники, серийный номер; кнопки «Копировать» (всё в буфер обмена) и «Скрыть» (до следующего обновления борта).
+3. **Оператор** поверх карты включает траекторию, выбирает число её точек и таймаут маркеров. Кнопка **«Показать все»** в шапке виджета вписывает все видимые объекты в экран (один объект — приближение к нему). Сама карта вид не меняет — объектов может быть много.
+4. **Клик по маркеру** открывает карточку объекта: имя, группа, координаты, высота, курс, спутники, серийный номер; кнопки «Копировать» (всё в буфер обмена) и «Скрыть» (до следующего обновления объекта).
 
 ```c
 /* Прошивка: группа MAV — те же ключи читает и WidgetPFD, одна отправка кормит оба виджета */
@@ -34,26 +34,26 @@ Telemetry_SendObject(g_telemetry_stream, g_mcfg.DevSN, "Data", dev, sizeof(dev)
 
 ## Ключи
 
-| Ключ      | Описание                                                                        |
-| --------- | ------------------------------------------------------------------------------- |
-| `Lat`     | число, °: широта, обязательный; `Lat` и `Lon` = 0 — нет фикса, борт не рисуется |
-| `Lon`     | число, °: долгота, обязательный                                                 |
-| `Alt`     | число, м: высота                                                                |
-| `Heading` | число, 0–360°: курс, поворачивает маркер                                        |
-| `Sat`     | число спутников                                                                 |
-| `DevName` | строка: имя борта, подпись маркера; без него — имя группы                       |
-| `DevSN`   | строка: серийный номер                                                          |
+| Ключ      | Описание                                                                          |
+| --------- | --------------------------------------------------------------------------------- |
+| `Lat`     | число, °: широта, обязательный; `Lat` и `Lon` = 0 — нет фикса, объект не рисуется |
+| `Lon`     | число, °: долгота, обязательный                                                   |
+| `Alt`     | число, м: высота                                                                  |
+| `Heading` | число, 0–360°: курс, поворачивает маркер                                          |
+| `Sat`     | число спутников                                                                   |
+| `DevName` | строка: имя объекта, подпись маркера; без него — имя группы                       |
+| `DevSN`   | строка: серийный номер                                                            |
 
 ## Особенности
 
-Смарт-виджет «Карта» — положение бортов на карте MapLibre с траекториями. Каждый борт — одна **группа полей** устройства (префикс, например `MAV`); виджет показывает сразу несколько групп, например `MAV GNSS` — автопилот и собственный GNSS-приёмник модуля. Только отображение: ничего не отправляет и не знает про DeviceStore/WebSocket. Заменяет удалённый компонент `Map`.
+Смарт-виджет «Карта» — положение объектов на карте MapLibre с траекториями. Каждый объект — одна **группа полей** устройства (префикс, например `MAV`); виджет показывает сразу несколько групп, например `MAV GNSS` — автопилот и собственный GNSS-приёмник модуля. Только отображение: ничего не отправляет и не знает про DeviceStore/WebSocket. Заменяет удалённый компонент `Map`.
 
 ### Поведение
 
-- **Свежесть.** Борт зелёный, пока его значения менялись за таймаут; без изменений — красный; ещё через таймаут скрывается до новых данных.
+- **Свежесть.** Объект зелёный, пока его значения менялись за таймаут; без изменений — красный; ещё через таймаут скрывается до новых данных.
 - **Траектория** — точка добавляется только при смене координат (курс и высота могут обновляться чаще позиции).
 - **Только 2D** — наклон (3D) запрещён; правой кнопкой мыши карта только поворачивается, кнопка-компас под зумом возвращает её на север.
-- **Шапка** — сколько бортов на связи из заданных: зелёный — все, серый — часть, красный — ни одного.
+- **Шапка** — сколько объектов на связи из заданных: зелёный — все, серый — часть, красный — ни одного.
 - Карта светлая/тёмная по ближайшему предку `.dark`/`.light` (как токены `theme.css`), пересчёт по событию `ThemeChange`.
 
 ## Пропсы
@@ -63,7 +63,7 @@ Telemetry_SendObject(g_telemetry_stream, g_mcfg.DevSN, "Data", dev, sizeof(dev)
 | `wrapperClass`   | `string`                                        | `""`                | CSS-классы обёртки                                              |
 | `componentClass` | `string`                                        | `""`                | «Мастер-цвет» виджета — роль вида `"bg-blue"`                   |
 | `label`          | `{ name?: string }`                             | `{ name: "Карта" }` | Заголовок карточки                                              |
-| `groups`         | `string[]`                                      | `["MAV"]`           | Префиксы групп полей — по борту на группу                       |
+| `groups`         | `string[]`                                      | `["MAV"]`           | Префиксы групп полей — по объекту на группу                     |
 | `value`          | `Record<string, Partial<IWidgetMapData>>`       | `undefined`         | Значения по группам: `{ MAV: { Lat, Lon, ... }, GNSS: {...} }`  |
 | `keys`           | `Partial<Record<keyof IWidgetMapData, string>>` | `undefined`         | Переопределение имён ключей (применяет GUIPreview)              |
 | `height`         | `number`                                        | `400`               | Высота карты, px                                                |

package/dist/WidgetMap/WidgetMap.svelte

@@ -1,7 +1,7 @@
-<!-- $lib/WidgetMap/WidgetMap.svelte — смарт-виджет «Карта»: борта из групп полей устройства (по умолчанию MAV) с полями
+<!-- $lib/WidgetMap/WidgetMap.svelte — смарт-виджет «Карта»: объекты из групп полей устройства (по умолчанию MAV) с полями
      Lat/Lon/Alt/Heading/Sat/DevName/DevSN (см. IWidgetMapData), каждая группа — свой маркер и своя траектория. Только отображение:
      ничего не отправляет и не знает про DeviceStore/WebSocket. Траекторию, длину трека и таймаут маркеров оператор
-     переключает прямо поверх карты, «Все борта» — кнопка в шапке; вид карта сама не меняет — бортов может быть много. -->
+     переключает прямо поверх карты, «Показать все» — кнопка в шапке; вид карта сама не меняет — объектов может быть много. -->
 <script lang="ts">
   import { onMount, untrack } from "svelte"
   import { slide } from "svelte/transition"
@@ -69,7 +69,7 @@
   let isCopied = $state(false)
   let isDarkMode = $state(false)
 
-  /* Борт обновляется только при реальной смене значений — свежесть считается от последнего изменения, а не от перерисовки */
+  /* Объект обновляется только при реальной смене значений — свежесть считается от последнего изменения, а не от перерисовки */
   $effect(() => {
     for (const group of groupList) {
       const v = value?.[group]
@@ -120,7 +120,7 @@
   const isFresh = (b: Board) => now - b.lastChange < markerTimeout
   let freshCount = $derived(visibleBoards.filter(isFresh).length)
 
-  /* Вписывает в экран все видимые борта, один борт — приближение к нему */
+  /* Вписывает в экран все видимые объекты, один объект — приближение к нему */
   const fitAllBoards = () => {
     if (!mapInstance || visibleBoards.length === 0) return
     if (visibleBoards.length === 1) return mapInstance.flyTo({ center: [visibleBoards[0].lon, visibleBoards[0].lat], zoom: 16 })
@@ -183,7 +183,7 @@
         <UI.Button
           wrapperClass="w-auto"
           componentClass="bg-transparent px-3"
-          content={{ icon: FitIcon, name: $T("constructor.props.map.fitAll") }}
+          content={{ icon: FitIcon, name: $T("constructor.props.map.fitAll"), info: { text: $T("constructor.props.map.fitAllHint"), side: "bottom" } }}
           disabled={collapsed || visibleBoards.length === 0}
           onClick={fitAllBoards}
         />

package/dist/WidgetMap/WidgetMapProps.svelte

@@ -1,5 +1,5 @@
 <!-- $lib/WidgetMap/WidgetMapProps.svelte — панель пропсов конструктора для WidgetMap: заголовок, группы полей
-     (каждая — борт), мастер-цвет, высота карты, иконка маркера и начальные значения переключателей оператора. -->
+     (каждая — объект), мастер-цвет, высота карты, иконка маркера и начальные значения переключателей оператора. -->
 <script lang="ts">
   import { T } from "../locales/i18n"
   import * as UI from ".."

package/dist/WidgetPFD/README.md

@@ -53,8 +53,10 @@
 
 - **Строка состояния** — ARMED/DISARMED, режим полёта (название по типу аппарата: самолёт, коптер, наземный), GPS (тип фиксации и спутники), батарея (В, А, %), расстояние и пеленг на точку взлёта.
 - **Авиагоризонт** — небо и земля по крену и тангажу, лестница тангажа через 5°, дуга крена (10/20/30/45/60°), символ самолёта. Ориентация сглаживается между пакетами (Tween 120 мс).
-- **Лента скорости** (слева, путевая) с воздушной числом, **лента высоты** (справа, над точкой взлёта) с вариометром, **лента курса** (снизу) с меткой трека (розовая) и направления на дом (зелёная).
-- **Под прибором** — координаты, высота над уровнем моря, давление, температура.
+- **Лента скорости** (слева, путевая над землёй) и **лента высоты** (справа, над точкой взлёта) с вариометром у края, **лента курса** (снизу): розовый ▲ — трек (куда аппарат реально движется, по `Vx`/`Vy`), зелёный ● — направление на точку взлёта.
+- **Углы под лентами** — воздушная скорость (относительно воздуха, отличается от путевой на ветер) и вертикальная скорость (+ набор зелёным, − снижение оранжевым).
+- **Подсказки** — наведите курсор на любой элемент прибора, строки состояния или значений: всплывающая подсказка с расшифровкой и текущим значением (элементы помечены `data-tip`).
+- **Под прибором** — легенда трека и направления на дом с градусами, координаты, высота над уровнем моря, давление, температура.
 - **Нет данных** — если пакеты не приходили дольше `limits.staleMs` (по умолчанию 2 с), прибор перечёркивается и помечается «НЕТ ДАННЫХ»; в шапке всегда виден возраст данных.
 - **Узкая ячейка** (уже 440 px) — ленты скорости и высоты заменяются числами поверх горизонта.
 

package/dist/WidgetPFD/WidgetPFD.svelte

@@ -204,6 +204,17 @@
   const uid = crypto.randomUUID().slice(0, 8)
 
   const fmt = (v: number, digits = 1) => (Number.isFinite(v) ? v.toFixed(digits) : "—")
+  const signed = (v: number) => `${v >= 0 ? "+" : ""}${fmt(v)}`
+
+  /* Всплывающая подсказка: элементы прибора и строк помечены data-tip, одна подсказка следует за курсором */
+  let tip: { text: string; x: number; y: number } | null = $state(null)
+  const onTip = (e: PointerEvent) => {
+    const host = e.currentTarget as HTMLElement
+    const el = (e.target as Element | null)?.closest("[data-tip]")
+    if (!el) return (tip = null)
+    const r = host.getBoundingClientRect()
+    tip = { text: el.getAttribute("data-tip") ?? "", x: Math.min(Math.max(e.clientX - r.left, 90), r.width - 90), y: e.clientY - r.top }
+  }
   const fmtDistance = (m: number) => (m >= 1000 ? `${(m / 1000).toFixed(2)} км` : `${Math.round(m)} м`)
   const fmtAge = (s: number) => (Number.isFinite(s) ? `${s.toFixed(1)} с` : "нет связи")
 </script>
@@ -219,21 +230,31 @@
   </WidgetHeader>
 
   {#if !collapsed}
-    <div class="flex flex-col gap-2" transition:slide={{ duration: 150 }} bind:clientWidth={width}>
+    <div
+      class="relative flex flex-col gap-2"
+      transition:slide={{ duration: 150 }}
+      bind:clientWidth={width}
+      onpointermove={onTip}
+      onpointerleave={() => (tip = null)}
+      role="presentation"
+    >
       <!-- Строка состояния -->
       <div
         class="flex flex-wrap items-center gap-x-4 gap-y-1 rounded-[10px] border border-(--hairline-color) bg-(--back-color) px-3 py-2 text-[12px] font-semibold tabular-nums"
       >
-        <span class="rounded-md px-1.5 py-0.5 {armed ? 'bg-(--red-color) text-white' : 'bg-(--container-color) text-(--muted-color)'}"
-          >{armed ? "ARMED" : "DISARMED"}</span
+        <span
+          class="rounded-md px-1.5 py-0.5 {armed ? 'bg-(--red-color) text-white' : 'bg-(--container-color) text-(--muted-color)'}"
+          data-tip={armed ? "Двигатели взведены — аппарат готов к полёту" : "Двигатели не взведены"}>{armed ? "ARMED" : "DISARMED"}</span
+        >
+        <span data-tip="Режим полёта автопилота">{modeName}</span>
+        <span class={fix < 3 ? "text-(--orange-color)" : ""} data-tip="Тип фиксации GPS · число спутников; меньше 3D — позиция неточная"
+          >GPS {FIX[fix] ?? fix} · {num(value?.Sat)}</span
         >
-        <span>{modeName}</span>
-        <span class={fix < 3 ? "text-(--orange-color)" : ""}>GPS {FIX[fix] ?? fix} · {num(value?.Sat)}</span>
-        <span class={battLow ? "text-(--red-color)" : ""}>
+        <span class={battLow ? "text-(--red-color)" : ""} data-tip="Батарея: напряжение · ток · остаток заряда">
           {fmt(num(value?.BV))} В{battCurrent >= 0 ? ` · ${fmt(battCurrent)} А` : ""}{battRem >= 0 ? ` · ${battRem}%` : ""}
         </span>
         {#if home}
-          <span>Дом {fmtDistance(home.distance)} · {Math.round(home.bearing)}°</span>
+          <span data-tip="Точка взлёта: расстояние · направление на неё">Дом {fmtDistance(home.distance)} · {Math.round(home.bearing)}°</span>
         {/if}
       </div>
 
@@ -247,7 +268,7 @@
         </defs>
 
         <!-- Авиагоризонт -->
-        <g clip-path="url(#pfd-horizon-{uid})">
+        <g clip-path="url(#pfd-horizon-{uid})" data-tip="Авиагоризонт: крен {fmt(roll.current)}°, тангаж {fmt(pitch.current)}°">
           <g transform="rotate({-roll.current} {CX} {CY}) translate(0 {pitch.current * PPD})">
             <rect x={CX - 600} y={CY - 1000} width="1200" height="1000" fill="#3a86c8" />
             <rect x={CX - 600} y={CY} width="1200" height="1000" fill="#8a5a2b" />
@@ -274,7 +295,10 @@
             {@const b = arcPoint(t, ROLL_R + (t % 30 === 0 ? 12 : 7))}
             <line x1={a.x} y1={a.y} x2={b.x} y2={b.y} stroke="#fff" stroke-width="1.5" />
           {/each}
-          <g transform="rotate({-roll.current} {CX} {CY})">
+          <g
+            transform="rotate({-roll.current} {CX} {CY})"
+            data-tip="Указатель крена: {fmt(roll.current)}°{limits?.bankMax !== undefined ? `, предел ±${limits.bankMax}°` : ''}"
+          >
             <polygon
               points="{CX},{CY - ROLL_R + 2} {CX - 7},{CY - ROLL_R + 14} {CX + 7},{CY - ROLL_R + 14}"
               fill={limits?.bankMax !== undefined && Math.abs(roll.current) > limits.bankMax ? "#ef4444" : "#facc15"}
@@ -303,7 +327,12 @@
 
         {#if !compact}
           <!-- Лента скорости (путевая), красные зоны вне speedMin/speedMax -->
-          <g clip-path="url(#pfd-speed-{uid})">
+          <g
+            clip-path="url(#pfd-speed-{uid})"
+            data-tip="Путевая скорость (над землёй, по GPS): {fmt(gs)} м/с{limits?.speedMin !== undefined || limits?.speedMax !== undefined
+              ? ' — красное: вне допустимого диапазона'
+              : ''}"
+          >
             <rect x="0" y="0" width="70" height={HH} fill="#000" fill-opacity="0.72" />
             {#if limits?.speedMin !== undefined}
               {@const y = CY - (limits.speedMin - gs) * SPEED_PPU}
@@ -322,12 +351,15 @@
           <rect x="4" y={CY - 14} width="58" height="28" rx="4" fill="#000" stroke="var(--accent-color)" stroke-width="1.5" />
           <text x="33" y={CY + 6} fill="#fff" font-size="15" font-weight="600" text-anchor="middle">{fmt(gs)}</text>
           <rect x="0" y="0" width="70" height="20" rx="8" fill="#000" />
-          <rect x="0" y={HH - 20} width="70" height="20" rx="8" fill="#000" />
-          <text x="35" y="14" fill="#fff" font-size="10" text-anchor="middle" fill-opacity="0.7">GS м/с</text>
-          <text x="35" y={HH - 6} fill="#fff" font-size="11" text-anchor="middle">AS {fmt(as)}</text>
+          <text x="35" y="14" fill="#fff" font-size="10" text-anchor="middle" fill-opacity="0.7">СКОР м/с</text>
 
           <!-- Лента высоты над точкой взлёта, красная зона выше altMax; вариометр справа -->
-          <g clip-path="url(#pfd-alt-{uid})">
+          <g
+            clip-path="url(#pfd-alt-{uid})"
+            data-tip="Высота над точкой взлёта: {Math.round(alt)} м; полоса у края — вертикальная скорость{limits?.altMax !== undefined
+              ? ', красное — выше предела'
+              : ''}"
+          >
             <rect x={VW - 70} y="0" width="70" height={HH} fill="#000" fill-opacity="0.72" />
             {#if limits?.altMax !== undefined}
               {@const y = CY - (limits.altMax - alt) * ALT_PPU}
@@ -343,13 +375,30 @@
           <rect x={VW - 66} y={CY - 14} width="58" height="28" rx="4" fill="#000" stroke="var(--accent-color)" stroke-width="1.5" />
           <text x={VW - 37} y={CY + 6} fill="#fff" font-size="15" font-weight="600" text-anchor="middle">{Math.round(alt)}</text>
           <rect x={VW - 70} y="0" width="70" height="20" rx="8" fill="#000" />
-          <rect x={VW - 70} y={HH - 20} width="70" height="20" rx="8" fill="#000" />
-          <text x={VW - 35} y="14" fill="#fff" font-size="10" text-anchor="middle" fill-opacity="0.7">ALT м</text>
-          <text x={VW - 35} y={HH - 6} fill="#fff" font-size="11" text-anchor="middle">VS {climb >= 0 ? "+" : ""}{fmt(climb)}</text>
+          <text x={VW - 35} y="14" fill="#fff" font-size="10" text-anchor="middle" fill-opacity="0.7">ВЫС м</text>
+
+          <!-- Углы под лентами: воздушная и вертикальная скорость -->
+          <g data-tip="Воздушная скорость — относительно воздуха; отличается от путевой на ветер">
+            <rect x="0" y={HH + 6} width={HX - 6} height="44" rx="8" fill="#000" fill-opacity="0.72" />
+            <text x={(HX - 6) / 2} y={HH + 21} fill="#fff" fill-opacity="0.7" font-size="9" text-anchor="middle">ВОЗД. СКОР</text>
+            <text x={(HX - 6) / 2} y={HH + 41} fill="#fff" font-size="14" font-weight="600" text-anchor="middle">{fmt(as)}</text>
+          </g>
+          <g data-tip="Вертикальная скорость: + набор высоты, − снижение, м/с">
+            <rect x={HX + HW + 6} y={HH + 6} width={VW - HX - HW - 6} height="44" rx="8" fill="#000" fill-opacity="0.72" />
+            <text x={(HX + HW + 6 + VW) / 2} y={HH + 21} fill="#fff" fill-opacity="0.7" font-size="9" text-anchor="middle">ВЕРТ. СКОР</text>
+            <text
+              x={(HX + HW + 6 + VW) / 2}
+              y={HH + 41}
+              fill={climb > 0.2 ? "#22c55e" : climb < -0.2 ? "#f97316" : "#fff"}
+              font-size="14"
+              font-weight="600"
+              text-anchor="middle">{signed(climb)}</text
+            >
+          </g>
         {/if}
 
         <!-- Лента курса: трек (розовый), направление на дом (зелёный) -->
-        <g clip-path="url(#pfd-hdg-{uid})">
+        <g clip-path="url(#pfd-hdg-{uid})" data-tip="Курс — куда направлен нос аппарата: {Math.round(wrap360(heading.current))}°">
           <rect x={HX} y={HH + 6} width={HW} height="44" fill="#000" fill-opacity="0.72" />
           {#each hdgTicks as d (d)}
             {@const x = CX + hdgOffset(d)}
@@ -358,11 +407,21 @@
           {/each}
           {#if track !== null}
             {@const x = CX + hdgOffset(track)}
-            <polygon points="{x},{HH + 8} {x - 6},{HH + 18} {x + 6},{HH + 18}" fill="#ec4899" />
+            <polygon
+              points="{x},{HH + 8} {x - 6},{HH + 18} {x + 6},{HH + 18}"
+              fill="#ec4899"
+              data-tip="Трек — куда аппарат реально движется над землёй (по скоростям на север и восток): {Math.round(track)}°"
+            />
           {/if}
           {#if home}
             {@const x = CX + hdgOffset(home.bearing)}
-            <circle cx={x} cy={HH + 44} r="4" fill="#22c55e" />
+            <circle
+              cx={x}
+              cy={HH + 44}
+              r="4"
+              fill="#22c55e"
+              data-tip="Направление на точку взлёта: {Math.round(home.bearing)}°, {fmtDistance(home.distance)}"
+            />
           {/if}
         </g>
         <rect x={CX - 26} y={HH + 20} width="52" height="24" rx="4" fill="#000" stroke="var(--accent-color)" stroke-width="1.5" />
@@ -382,12 +441,27 @@
         {/if}
       </svg>
 
+      {#if tip}
+        <div
+          class="pointer-events-none absolute z-10 max-w-64 -translate-x-1/2 -translate-y-full rounded-lg border border-(--hairline-color) bg-(--back-color) px-2.5 py-1.5 text-[12px] text-(--font-color) shadow-(--elevation-2)"
+          style="left: {tip.x}px; top: {tip.y - 10}px"
+        >
+          {tip.text}
+        </div>
+      {/if}
+
       <!-- Значения под прибором -->
       <div
         class="flex flex-wrap gap-x-5 gap-y-1 rounded-[10px] border border-(--hairline-color) bg-(--back-color) px-3 py-2 text-[12px] whitespace-nowrap tabular-nums"
       >
+        {#if track !== null}<span data-tip="Направление движения над землёй"
+            ><span style="color:#ec4899">▲</span> <span class="text-(--muted-color)">Трек</span> {Math.round(track)}°</span
+          >{/if}
+        {#if home}<span data-tip="Направление на точку взлёта"
+            ><span style="color:#22c55e">●</span> <span class="text-(--muted-color)">Дом</span> {Math.round(home.bearing)}°</span
+          >{/if}
         <span><span class="text-(--muted-color)">Координаты</span> {lat ? `${lat.toFixed(6)}, ${lon.toFixed(6)}` : "—"}</span>
-        <span><span class="text-(--muted-color)">Высота MSL</span> {Math.round(altMsl)} м</span>
+        <span data-tip="Высота над уровнем моря"><span class="text-(--muted-color)">Высота MSL</span> {Math.round(altMsl)} м</span>
         <span><span class="text-(--muted-color)">Давление</span> {fmt(num(value?.Press))} гПа</span>
         <span><span class="text-(--muted-color)">Температура</span> {fmt(num(value?.Temp))} °C</span>
       </div>

package/dist/locales/translations.js

@@ -119,14 +119,14 @@ const translations = {
         "🎯 **用途**\n控制可寻址灯带：颜色、效果、速度以及灯带本身的参数。\n\n📦 **数据包**\n- `RGB_Strip` 驱动的 `LST` 分组字段（可通过设置中的前缀更改），无需绑定变量\n- 颜色、效果和速度立即发送\n- 「硬件」区块在本地编辑，点击「保存」一次性发送 —— 灯带重启\n\n🔑 **键**\n- `Color` —— 数组 `[R, G, B, W]`，0–255；`W` 仅用于 SK6812\n- `Effect` —— 数字：`0` 静态、`1` 彩虹、`2` 呼吸、`3` 调色板、`4` 彗星、`5` 闪烁、`6` 火焰、`7` 跑马灯\n- `Speed` —— 0–10 的数字（非线性），`0` —— 暂停\n- `Count` —— LED 数量，1–`MaxCount`\n- `Model` —— 数字：`0` WS2812、`1` SK6812（RGBW）、`2` WS2811\n- `Order` —— 颜色顺序：`0` GRB、`1` RGB、`2` BRG、`3` RBG、`4` GBR、`5` BGR\n- `MaxCount` —— 数字：固件中的容量，只读\n\n✨ **特点**\n- 彩虹、调色板和火焰不使用颜色\n- 颜色不对（红色变绿色）—— 更改顺序：WS2812 通常为 GRB，部分 WS2811 为 RGB 或 BRG\n- 数据引脚和传输方式（RMT/SPI）在固件中设定\n\n⚙️ **设置**\n- 分组前缀（ID）、主色",
     ],
     "component.info.WidgetPFD": [
-        "🎯 **Назначение**\nПилотажный дисплей (PFD) — главный прибор контроля полёта: пространственное положение, скорость, высота, курс и состояние систем.\n\n📦 **Пакет данных**\n- Поля группы `MAV` — телеметрия автопилота MAVLink (меняется префиксом в настройках), привязывать переменные не нужно\n- Поток телеметрии: `Roll`, `Pitch`, `Heading` — ~20 раз в секунду, остальное — 1–2 раза в секунду\n- Только отображение, ничего не отправляет\n\n🔑 **Ключи**\n- `Roll`, `Pitch` — числа, °: крен (вправо +) и тангаж (вверх +)\n- `Heading` — число, 0–360°: курс\n- `GSpeed`, `ASpeed` — числа, м/с: путевая и воздушная скорость\n- `Alt` — число, м: высота над точкой взлёта; `AltMSL` — над уровнем моря\n- `Climb` — число, м/с: вертикальная скорость (вверх +)\n- `Lat`, `Lon` — числа, °: координаты\n- `Vx`, `Vy` — числа, м/с: скорость на север и восток — для трека\n- `Fix` — число: тип фиксации GPS, `0`–`1` нет, `2` 2D, `3` 3D, `4`–`6` DGPS/RTK; `Sat` — число спутников\n- `BV` — В; `BC` — А (`-1` не измеряется); `BRem` — % (`-1` неизвестно)\n- `Mode` — число: режим автопилота; `VType` — тип аппарата (по нему — названия режимов); `Armed` — `1` взведён\n- `HomeLat`, `HomeLon` — числа, °: точка взлёта, `0` — неизвестна\n- `Press` — гПа, `Temp` — °C\n\n✨ **Особенности**\n- Ориентация сглаживается между пакетами\n- Розовая метка на ленте курса — трек, зелёная — направление на точку взлёта\n- Нет данных дольше заданного времени — прибор перечёркнут и помечен «НЕТ ДАННЫХ»\n- В узкой ячейке ленты скорости и высоты заменяются числами поверх горизонта\n- Ключи `Lat`, `Lon`, `Alt`, `Heading`, `Sat` общие с «Картой» — одна группа питает оба виджета\n\n⚙️ **Настройки**\n- Префикс группы (ID), мастер-цвет\n- Границы: мин./макс. скорость и макс. высота — красные зоны на лентах; предельный крен — красная дуга; низкий заряд; время до «НЕТ ДАННЫХ»",
-        '🎯 **Purpose**\nPrimary flight display (PFD) — the main flight instrument: attitude, speed, altitude, heading and system status.\n\n📦 **Data packet**\n- Fields of the `MAV` group — MAVLink autopilot telemetry (changed by the prefix in settings), no variable binding needed\n- Telemetry stream: `Roll`, `Pitch`, `Heading` ~20 times a second, the rest 1–2 times a second\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Roll`, `Pitch` — numbers, °: bank (right +) and pitch (up +)\n- `Heading` — number, 0–360°: heading\n- `GSpeed`, `ASpeed` — numbers, m/s: ground speed and airspeed\n- `Alt` — number, m: altitude above home; `AltMSL` — above sea level\n- `Climb` — number, m/s: vertical speed (up +)\n- `Lat`, `Lon` — numbers, °: coordinates\n- `Vx`, `Vy` — numbers, m/s: north and east velocity — for the track\n- `Fix` — number: GPS fix type, `0`–`1` none, `2` 2D, `3` 3D, `4`–`6` DGPS/RTK; `Sat` — satellite count\n- `BV` — V; `BC` — A (`-1` not measured); `BRem` — % (`-1` unknown)\n- `Mode` — number: autopilot mode; `VType` — vehicle type (mode names depend on it); `Armed` — `1` armed\n- `HomeLat`, `HomeLon` — numbers, °: home position, `0` — unknown\n- `Press` — hPa, `Temp` — °C\n\n✨ **Features**\n- Attitude is smoothed between packets\n- The magenta mark on the heading tape is the track, the green one — direction to home\n- No data for longer than the set time — the instrument is crossed out and marked "NO DATA"\n- In a narrow cell the speed and altitude tapes become numbers over the horizon\n- Keys `Lat`, `Lon`, `Alt`, `Heading`, `Sat` are shared with the "Map" — one group feeds both widgets\n\n⚙️ **Settings**\n- Group prefix (ID), master color\n- Limits: min/max speed and max altitude — red bands on the tapes; bank limit — red arc; low battery; time until "NO DATA"',
-        "🎯 **用途**\n主飞行显示器（PFD）—— 飞行监控的主要仪表：姿态、速度、高度、航向和系统状态。\n\n📦 **数据包**\n- `MAV` 分组的字段 —— MAVLink 自驾仪遥测（可通过设置中的前缀更改），无需绑定变量\n- 遥测流：`Roll`、`Pitch`、`Heading` 约每秒 20 次，其余每秒 1–2 次\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Roll`、`Pitch` —— 数字，°：坡度（向右 +）和俯仰（向上 +）\n- `Heading` —— 数字，0–360°：航向\n- `GSpeed`、`ASpeed` —— 数字，m/s：地速和空速\n- `Alt` —— 数字，m：相对起飞点高度；`AltMSL` —— 海拔高度\n- `Climb` —— 数字，m/s：升降速度（向上 +）\n- `Lat`、`Lon` —— 数字，°：坐标\n- `Vx`、`Vy` —— 数字，m/s：向北和向东的速度 —— 用于航迹\n- `Fix` —— 数字：GPS 定位类型，`0`–`1` 无、`2` 2D、`3` 3D、`4`–`6` DGPS/RTK；`Sat` —— 卫星数\n- `BV` —— V；`BC` —— A（`-1` 未测量）；`BRem` —— %（`-1` 未知）\n- `Mode` —— 数字：自驾仪模式；`VType` —— 机型（决定模式名称）；`Armed` —— `1` 已解锁\n- `HomeLat`、`HomeLon` —— 数字，°：起飞点，`0` —— 未知\n- `Press` —— hPa，`Temp` —— °C\n\n✨ **特点**\n- 数据包之间的姿态经过平滑\n- 航向带上的粉色标记为航迹，绿色为起飞点方向\n- 超过设定时间无数据 —— 仪表被划叉并标记「无数据」\n- 在窄单元格中，速度带和高度带变为地平线上的数字\n- 键 `Lat`、`Lon`、`Alt`、`Heading`、`Sat` 与「地图」通用 —— 一个分组同时供两个组件使用\n\n⚙️ **设置**\n- 分组前缀（ID）、主色\n- 限值：最小/最大速度和最大高度 —— 速度带和高度带上的红色区域；最大坡度 —— 红色弧线；低电量；「无数据」前的时间",
+        "🎯 **Назначение**\nПилотажный дисплей (PFD) — главный прибор контроля полёта: пространственное положение, скорость, высота, курс и состояние систем.\n\n📦 **Пакет данных**\n- Поля группы `MAV` — телеметрия автопилота MAVLink (меняется префиксом в настройках), привязывать переменные не нужно\n- Поток телеметрии: `Roll`, `Pitch`, `Heading` — ~20 раз в секунду, остальное — 1–2 раза в секунду\n- Только отображение, ничего не отправляет\n\n🔑 **Ключи**\n- `Roll`, `Pitch` — числа, °: крен (вправо +) и тангаж (вверх +)\n- `Heading` — число, 0–360°: курс\n- `GSpeed`, `ASpeed` — числа, м/с: путевая и воздушная скорость\n- `Alt` — число, м: высота над точкой взлёта; `AltMSL` — над уровнем моря\n- `Climb` — число, м/с: вертикальная скорость (вверх +)\n- `Lat`, `Lon` — числа, °: координаты\n- `Vx`, `Vy` — числа, м/с: скорость на север и восток — для трека\n- `Fix` — число: тип фиксации GPS, `0`–`1` нет, `2` 2D, `3` 3D, `4`–`6` DGPS/RTK; `Sat` — число спутников\n- `BV` — В; `BC` — А (`-1` не измеряется); `BRem` — % (`-1` неизвестно)\n- `Mode` — число: режим автопилота; `VType` — тип аппарата (по нему — названия режимов); `Armed` — `1` взведён\n- `HomeLat`, `HomeLon` — числа, °: точка взлёта, `0` — неизвестна\n- `Press` — гПа, `Temp` — °C\n\n✨ **Особенности**\n- Ориентация сглаживается между пакетами\n- Наведите курсор на любой элемент прибора или строки — всплывающая подсказка с расшифровкой и текущим значением\n- Углы под лентами: воздушная скорость (относительно воздуха) и вертикальная скорость (+ набор, − снижение)\n- Розовый ▲ на ленте курса — трек: куда аппарат реально движется над землёй (по `Vx`, `Vy`); зелёный ● — направление на точку взлёта; легенда с градусами — под прибором\n- Нет данных дольше заданного времени — прибор перечёркнут и помечен «НЕТ ДАННЫХ»\n- В узкой ячейке ленты скорости и высоты заменяются числами поверх горизонта\n- Ключи `Lat`, `Lon`, `Alt`, `Heading`, `Sat` общие с «Картой» — одна группа питает оба виджета\n\n⚙️ **Настройки**\n- Префикс группы (ID), мастер-цвет\n- Границы: мин./макс. скорость и макс. высота — красные зоны на лентах; предельный крен — красная дуга; низкий заряд; время до «НЕТ ДАННЫХ»",
+        '🎯 **Purpose**\nPrimary flight display (PFD) — the main flight instrument: attitude, speed, altitude, heading and system status.\n\n📦 **Data packet**\n- Fields of the `MAV` group — MAVLink autopilot telemetry (changed by the prefix in settings), no variable binding needed\n- Telemetry stream: `Roll`, `Pitch`, `Heading` ~20 times a second, the rest 1–2 times a second\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Roll`, `Pitch` — numbers, °: bank (right +) and pitch (up +)\n- `Heading` — number, 0–360°: heading\n- `GSpeed`, `ASpeed` — numbers, m/s: ground speed and airspeed\n- `Alt` — number, m: altitude above home; `AltMSL` — above sea level\n- `Climb` — number, m/s: vertical speed (up +)\n- `Lat`, `Lon` — numbers, °: coordinates\n- `Vx`, `Vy` — numbers, m/s: north and east velocity — for the track\n- `Fix` — number: GPS fix type, `0`–`1` none, `2` 2D, `3` 3D, `4`–`6` DGPS/RTK; `Sat` — satellite count\n- `BV` — V; `BC` — A (`-1` not measured); `BRem` — % (`-1` unknown)\n- `Mode` — number: autopilot mode; `VType` — vehicle type (mode names depend on it); `Armed` — `1` armed\n- `HomeLat`, `HomeLon` — numbers, °: home position, `0` — unknown\n- `Press` — hPa, `Temp` — °C\n\n✨ **Features**\n- Attitude is smoothed between packets\n- Hover any instrument element or row item — a tooltip with its meaning and current value\n- Corners under the tapes: airspeed (relative to the air) and vertical speed (+ climb, − descent)\n- Magenta ▲ on the heading tape is the track: where the vehicle actually moves over the ground (from `Vx`, `Vy`); green ● — direction to home; a legend with degrees is below the instrument\n- No data for longer than the set time — the instrument is crossed out and marked "NO DATA"\n- In a narrow cell the speed and altitude tapes become numbers over the horizon\n- Keys `Lat`, `Lon`, `Alt`, `Heading`, `Sat` are shared with the "Map" — one group feeds both widgets\n\n⚙️ **Settings**\n- Group prefix (ID), master color\n- Limits: min/max speed and max altitude — red bands on the tapes; bank limit — red arc; low battery; time until "NO DATA"',
+        "🎯 **用途**\n主飞行显示器（PFD）—— 飞行监控的主要仪表：姿态、速度、高度、航向和系统状态。\n\n📦 **数据包**\n- `MAV` 分组的字段 —— MAVLink 自驾仪遥测（可通过设置中的前缀更改），无需绑定变量\n- 遥测流：`Roll`、`Pitch`、`Heading` 约每秒 20 次，其余每秒 1–2 次\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Roll`、`Pitch` —— 数字，°：坡度（向右 +）和俯仰（向上 +）\n- `Heading` —— 数字，0–360°：航向\n- `GSpeed`、`ASpeed` —— 数字，m/s：地速和空速\n- `Alt` —— 数字，m：相对起飞点高度；`AltMSL` —— 海拔高度\n- `Climb` —— 数字，m/s：升降速度（向上 +）\n- `Lat`、`Lon` —— 数字，°：坐标\n- `Vx`、`Vy` —— 数字，m/s：向北和向东的速度 —— 用于航迹\n- `Fix` —— 数字：GPS 定位类型，`0`–`1` 无、`2` 2D、`3` 3D、`4`–`6` DGPS/RTK；`Sat` —— 卫星数\n- `BV` —— V；`BC` —— A（`-1` 未测量）；`BRem` —— %（`-1` 未知）\n- `Mode` —— 数字：自驾仪模式；`VType` —— 机型（决定模式名称）；`Armed` —— `1` 已解锁\n- `HomeLat`、`HomeLon` —— 数字，°：起飞点，`0` —— 未知\n- `Press` —— hPa，`Temp` —— °C\n\n✨ **特点**\n- 数据包之间的姿态经过平滑\n- 将鼠标悬停在仪表或行中的任意元素上 —— 显示含义和当前值的提示\n- 速度带和高度带下方的角落：空速（相对空气）和升降速度（+ 爬升、− 下降）\n- 航向带上的粉色 ▲ 为航迹：载具相对地面的实际运动方向（由 `Vx`、`Vy` 计算）；绿色 ● —— 起飞点方向；仪表下方有带角度的图例\n- 超过设定时间无数据 —— 仪表被划叉并标记「无数据」\n- 在窄单元格中，速度带和高度带变为地平线上的数字\n- 键 `Lat`、`Lon`、`Alt`、`Heading`、`Sat` 与「地图」通用 —— 一个分组同时供两个组件使用\n\n⚙️ **设置**\n- 分组前缀（ID）、主色\n- 限值：最小/最大速度和最大高度 —— 速度带和高度带上的红色区域；最大坡度 —— 红色弧线；低电量；「无数据」前的时间",
     ],
     "component.info.WidgetMap": [
-        "🎯 **Назначение**\nКарта бортов в реальном времени: положение, курс и траектория каждого борта.\n\n📦 **Пакет данных**\n- Поля групп устройства, по группе на борт: по умолчанию `MAV`, несколько — через пробел (`MAV GNSS`); привязывать переменные не нужно\n- Поток телеметрии: координаты — раз в 0.5–1 с, имя и серийный номер — реже\n- Только отображение, ничего не отправляет\n\n🔑 **Ключи**\n- `Lat` — число, °: широта, обязательный; `Lat` и `Lon` = 0 — нет фикса, борт не рисуется\n- `Lon` — число, °: долгота, обязательный\n- `Alt` — число, м: высота\n- `Heading` — число, 0–360°: курс, поворачивает маркер\n- `Sat` — число спутников\n- `DevName` — строка: имя борта, подпись маркера; без него — имя группы\n- `DevSN` — строка: серийный номер\n\n✨ **Особенности**\n- Ключи общие с «Пилотажным дисплеем» и «Об устройстве» — один пакет питает несколько виджетов\n- Клик по борту — карточка со всеми значениями, кнопки «Копировать» и «Скрыть»\n- Траекторию, число её точек и таймаут маркеров оператор переключает на карте; борт без новых данных краснеет, ещё через таймаут скрывается\n- «Все борта» в шапке вписывает борта в экран; сама карта вид не меняет\n- В шапке — сколько бортов на связи из заданных\n- Только 2D: правой кнопкой мыши карта поворачивается, компас под зумом возвращает её на север\n\n⚙️ **Настройки**\n- Группы полей, мастер-цвет\n- Высота карты `S`/`M`/`L`/`XL`, иконка маркера\n- Начальные значения: траектория и число её точек",
-        '🎯 **Purpose**\nA real-time map of vehicles: position, heading and track of each vehicle.\n\n📦 **Data packet**\n- Device field groups, one group per vehicle: `MAV` by default, several separated by spaces (`MAV GNSS`); no variable binding needed\n- Telemetry stream: coordinates every 0.5–1 s, name and serial number less often\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Lat` — number, °: latitude, required; `Lat` and `Lon` = 0 — no fix, the vehicle is not drawn\n- `Lon` — number, °: longitude, required\n- `Alt` — number, m: altitude\n- `Heading` — number, 0–360°: heading, rotates the marker\n- `Sat` — satellite count\n- `DevName` — string: vehicle name, the marker label; without it — the group name\n- `DevSN` — string: serial number\n\n✨ **Features**\n- Keys are shared with the "Flight display" and "Device info" — one packet feeds several widgets\n- Click a vehicle — a card with all values, "Copy" and "Hide" buttons\n- The operator switches the track, its point count and marker timeout on the map; a vehicle without new data turns red, after one more timeout it is hidden\n- "All vehicles" in the header fits vehicles into view; the map never moves by itself\n- The header shows how many of the configured vehicles are online\n- 2D only: the right mouse button rotates the map, the compass under the zoom returns it to north\n\n⚙️ **Settings**\n- Field groups, master color\n- Map height `S`/`M`/`L`/`XL`, marker icon\n- Defaults: track and its point count',
-        "🎯 **用途**\n实时载具地图：每个载具的位置、航向和轨迹。\n\n📦 **数据包**\n- 设备字段分组，每个分组一个载具：默认 `MAV`，多个用空格分隔（`MAV GNSS`）；无需绑定变量\n- 遥测流：坐标每 0.5–1 秒一次，名称和序列号频率更低\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Lat` —— 数字，°：纬度，必需；`Lat` 和 `Lon` 为 0 —— 无定位，不绘制载具\n- `Lon` —— 数字，°：经度，必需\n- `Alt` —— 数字，m：高度\n- `Heading` —— 数字，0–360°：航向，旋转标记\n- `Sat` —— 卫星数\n- `DevName` —— 字符串：载具名称，标记标签；缺省时为分组名\n- `DevSN` —— 字符串：序列号\n\n✨ **特点**\n- 键与「主飞行显示器」和「设备信息」通用 —— 一个数据包可供多个组件使用\n- 点击载具 —— 显示所有值的卡片，带「复制」和「隐藏」按钮\n- 操作员在地图上切换轨迹、轨迹点数和标记超时；无新数据的载具变红，再过一个超时后隐藏\n- 标题栏中的「全部设备」将载具纳入视野；地图本身不会自动移动\n- 标题栏显示已配置载具中在线的数量\n- 仅 2D：按住鼠标右键旋转地图，缩放按钮下方的指南针将其恢复为正北\n\n⚙️ **设置**\n- 字段分组、主色\n- 地图高度 `S`/`M`/`L`/`XL`、标记图标\n- 默认值：轨迹及其点数",
+        "🎯 **Назначение**\nКарта объектов в реальном времени: положение, курс и траектория каждого объекта.\n\n📦 **Пакет данных**\n- Поля групп устройства, по группе на объект: по умолчанию `MAV`, несколько — через пробел (`MAV GNSS`); привязывать переменные не нужно\n- Поток телеметрии: координаты — раз в 0.5–1 с, имя и серийный номер — реже\n- Только отображение, ничего не отправляет\n\n🔑 **Ключи**\n- `Lat` — число, °: широта, обязательный; `Lat` и `Lon` = 0 — нет фикса, объект не рисуется\n- `Lon` — число, °: долгота, обязательный\n- `Alt` — число, м: высота\n- `Heading` — число, 0–360°: курс, поворачивает маркер\n- `Sat` — число спутников\n- `DevName` — строка: имя объекта, подпись маркера; без него — имя группы\n- `DevSN` — строка: серийный номер\n\n✨ **Особенности**\n- Ключи общие с «Пилотажным дисплеем» и «Об устройстве» — один пакет питает несколько виджетов\n- Клик по объекту — карточка со всеми значениями, кнопки «Копировать» и «Скрыть»\n- Траекторию, число её точек и таймаут маркеров оператор переключает на карте; объект без новых данных краснеет, ещё через таймаут скрывается\n- «Показать все» в шапке вписывает объекты в экран; сама карта вид не меняет\n- В шапке — сколько объектов на связи из заданных\n- Только 2D: правой кнопкой мыши карта поворачивается, компас под зумом возвращает её на север\n\n⚙️ **Настройки**\n- Группы полей, мастер-цвет\n- Высота карты `S`/`M`/`L`/`XL`, иконка маркера\n- Начальные значения: траектория и число её точек",
+        '🎯 **Purpose**\nA real-time map of objects: position, heading and track of each object.\n\n📦 **Data packet**\n- Device field groups, one group per object: `MAV` by default, several separated by spaces (`MAV GNSS`); no variable binding needed\n- Telemetry stream: coordinates every 0.5–1 s, name and serial number less often\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Lat` — number, °: latitude, required; `Lat` and `Lon` = 0 — no fix, the object is not drawn\n- `Lon` — number, °: longitude, required\n- `Alt` — number, m: altitude\n- `Heading` — number, 0–360°: heading, rotates the marker\n- `Sat` — satellite count\n- `DevName` — string: object name, the marker label; without it — the group name\n- `DevSN` — string: serial number\n\n✨ **Features**\n- Keys are shared with the "Flight display" and "Device info" — one packet feeds several widgets\n- Click an object — a card with all values, "Copy" and "Hide" buttons\n- The operator switches the track, its point count and marker timeout on the map; an object without new data turns red, after one more timeout it is hidden\n- "Show all" in the header fits all objects into view; the map never moves by itself\n- The header shows how many of the configured objects are online\n- 2D only: the right mouse button rotates the map, the compass under the zoom returns it to north\n\n⚙️ **Settings**\n- Field groups, master color\n- Map height `S`/`M`/`L`/`XL`, marker icon\n- Defaults: track and its point count',
+        "🎯 **用途**\n实时对象地图：每个对象的位置、航向和轨迹。\n\n📦 **数据包**\n- 设备字段分组，每个分组一个对象：默认 `MAV`，多个用空格分隔（`MAV GNSS`）；无需绑定变量\n- 遥测流：坐标每 0.5–1 秒一次，名称和序列号频率更低\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Lat` —— 数字，°：纬度，必需；`Lat` 和 `Lon` 为 0 —— 无定位，不绘制对象\n- `Lon` —— 数字，°：经度，必需\n- `Alt` —— 数字，m：高度\n- `Heading` —— 数字，0–360°：航向，旋转标记\n- `Sat` —— 卫星数\n- `DevName` —— 字符串：对象名称，标记标签；缺省时为分组名\n- `DevSN` —— 字符串：序列号\n\n✨ **特点**\n- 键与「主飞行显示器」和「设备信息」通用 —— 一个数据包可供多个组件使用\n- 点击对象 —— 显示所有值的卡片，带「复制」和「隐藏」按钮\n- 操作员在地图上切换轨迹、轨迹点数和标记超时；无新数据的对象变红，再过一个超时后隐藏\n- 标题栏中的「显示全部」将对象纳入视野；地图本身不会自动移动\n- 标题栏显示已配置对象中在线的数量\n- 仅 2D：按住鼠标右键旋转地图，缩放按钮下方的指南针将其恢复为正北\n\n⚙️ **设置**\n- 字段分组、主色\n- 地图高度 `S`/`M`/`L`/`XL`、标记图标\n- 默认值：轨迹及其点数",
     ],
     "component.info.WidgetStackInfo": [
         '🎯 **Назначение**\nОтладка прошивки: свободная память и запас стека задач.\n\n📦 **Пакет данных**\n- Один объект `StackInfo` из ответа на `GET StackInfo`, привязывать переменные не нужно\n- Запрос — кнопкой «Обновить» или автоопросом\n\n🔑 **Ключи**\n- `Heap` — массив `[{ "Name", "Total", "Free", "MinFree" }]`, байт: кучи памяти, `MinFree` — минимум свободного с момента старта\n- `Tasks` — массив `[{ "Name", "State", "Prio", "Core", "FreeMin" }]`: задачи; `State` — `0` выполняется, `1` готова, `2` ждёт, `3` приостановлена, `4` удалена; `Core` — ядро (только ESP32, `-1` без привязки); `FreeMin` — минимальный запас стека, байт\n\n✨ **Особенности**\n- Светлая часть полосы кучи — пик занятости\n- Задачи отсортированы по запасу стека — самые рискованные сверху\n- Свёрнутый виджет не опрашивает устройство\n\n⚙️ **Настройки**\n- Порог запаса стека: меньше порога — красным, меньше удвоенного — оранжевым\n- Автоопрос: выкл / 1 / 5 / 10 с; мастер-цвет',
@@ -346,8 +346,9 @@ const translations = {
     "constructor.props.multiselect": ["Мультивыбор", "Multi-select", "多选"],
     "constructor.props.access": ["Доступ (не для владельца)", "Access (non-owner)", "访问权限（非所有者）"],
     "constructor.props.map.timeout": ["Таймаут маркеров:", "Marker timeout:", "标记超时："],
-    "constructor.props.map.boards": ["Бортов на связи", "Vehicles online", "在线载具"],
-    "constructor.props.map.fitAll": ["Все борта", "All vehicles", "全部设备"],
+    "constructor.props.map.boards": ["Объектов на связи", "Objects online", "在线对象"],
+    "constructor.props.map.fitAllHint": ["Вписать все объекты в экран", "Fit all objects into view", "将所有对象纳入视野"],
+    "constructor.props.map.fitAll": ["Показать все", "Show all", "显示全部"],
     "constructor.props.map.track": ["Траектория", "Track", "轨迹"],
     "constructor.props.map.trackLength": ["Точек в траектории:", "Points in track:", "轨迹点数："],
     "constructor.props.joystick.pitch.axe": ["Ocь ⮃", "Pitch axis ⮃", "俯仰轴 ⮃"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.41.0",
+  "version": "1.42.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Oleg-Perevyshin/ElementsUI.git"