@rt-tools/ui-kit-v2 0.21.0 → 0.22.1

package/src/lib/components/scroll-area/CONTEXT.md

@@ -34,7 +34,11 @@
 **Признак встаёт до первого движения руки.** Событие прокрутки приходит только после того, как
 кто-то прокрутил, а список не влезает уже на первой отрисовке: за размером тела и подвала следит
 наблюдатель. Наблюдатели живут, только пока признак включён: без входа область не следит ни за чем
-и раскладку не читает.
+и размеров не измеряет.
+
+**Содержимое, которое дорастает переходом высоты, перемеряется по концу перехода.** Раскрытая папка
+растёт от нуля, и наблюдатель размера пропускал конец такого роста. Конец перехода или анимации
+всплывает к телу, и область перемеряет признак по вставшей высоте.
 
 **Полоса растушёвки доходит до содержимого подвала, а не до края тела.** Разделитель потребитель
 рисует первой строкой подвала, и подъём полосы область измеряет сама — это высота подвала без его

package/src/lib/components/side-menu/CONTEXT.md

@@ -23,6 +23,21 @@
 **Подсказки строк подменю гасит `subMenuTooltipsShown="false"`.** Имена кнопок для чтения экрана
 остаются.
 
+**Вид первого кита — входы и свойства, умолчания дают прежний вид.** Без подписей полосы
+(`railTitlesShown="false"`) имя пункта уходит в подсказку справа и в `aria-label`; подсказку гасит тот
+же `subMenuTooltipsShown`. Строка и папка подменю несут номер пункта в `data-item-id`. Цвета пункта
+объявлены и на строке избранного в руке: её CDK выносит из меню. Кнопки строки — «+», звезда,
+«убрать» и ручка — берут скругление, размер, значок и цвет покоя из свойств строки; круг первого
+кита приложение ставит свойством, умолчание — прежний скруглённый квадрат. Входы вида живут в
+`rt-side-menu-look.base.ts`: класс меню иначе не помещался в предел длины файла.
+
+**Строка подменю переходит сама, а не ссылкой роутера.** Ссылка роутера переходила раньше любого
+обработчика строки, и приложение не могло взять переход на себя. Строка отдаёт нажатие выходом и
+переходит через роутер, если умолчание не отменено; `href` строит труба `rtSideMenuHref`.
+
+**Закрытие наведения откладывает `RtSideMenuCloseTimer`.** Нулевая задержка закрывает сразу, как
+раньше; возврат указателя на панель и пункт с подменю снимают отложенное закрытие.
+
 **Значок вне набора — шаблон `rtSideMenuIcon`.** Имя Material первого кита меню переводит парой
 из перечня кита, как `rt-menu`. Имя без пары берёт свой шаблон меню, один на все пункты и кнопки строк;
 контекст — строка (`$implicit`), имя (`icon`) и место (`slot`: `'icon'` или `'iconButton'`). Без
@@ -34,7 +49,8 @@
 ## Края
 
 - Незакреплённая панель стоит над страницей и закрывается уходом указателя. Если человек взялся за
-  поле поиска, её закрывает только нажатие снаружи.
+  поле поиска, её закрывает только нажатие снаружи. Подложка для этого нажатия начинается после
+  полосы: наведение на другой пункт полосы переключает подменю и тогда, как у первого кита.
 - Закреплённая панель стоит в потоке рядом с полосой, у неё есть ручка ширины.
 - На узком экране закрепления нет: меню рисует один столбец с кнопкой «назад».
 - Столбец узкого экрана шириной `--rt-side-menu-mobile-width`, 15rem, как меню телефона первого кита:

package/src/lib/components/side-menu/favorites/rt-side-menu-favorites.component.scss

@@ -88,10 +88,19 @@
     /* Ручка видна так же, как «убрать»: под наведением и фокусом клавиатуры своей строки, а где
        указатель не умеет наводиться, — всегда. Прячется прозрачностью: остаётся в порядке Tab. */
     .rt-side-menu-favorites__handle {
+        /* Размер, форма, значок и цвет ручки — свойства строки подменю, как у звезды и «убрать». */
+        --rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);
+        --rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);
+
         flex-shrink: 0;
         cursor: grab;
         opacity: 0;
 
+        > .rt-icon-button {
+            --rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);
+            --rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius);
+        }
+
         &:active {
             cursor: grabbing;
         }

package/src/lib/components/side-menu/rt-side-menu.component.scss

@@ -3,6 +3,17 @@
        Host несёт класс блока: полоса пунктов, рядом панель подменю. Незакреплённая панель стоит над
        страницей, закреплённая — в потоке рядом с полосой и сдвигает страницу. */
 
+    /* Цвета пункта — полосы, строки телефона и строки подменю. Объявлены и на строке избранного в
+       руке: её CDK выносит в конец страницы, вне меню. Цвет в покое по умолчанию берётся от меню, как
+       раньше брался наследованием. */
+    .rt-side-menu,
+    .rt-side-menu-favorites__row.cdk-drag-preview {
+        --rt-side-menu-item-color: currentcolor;
+        --rt-side-menu-item-bg-hover: var(--rt-color-bg-hover);
+        --rt-side-menu-item-bg-active: var(--rt-color-action-primary-subtle);
+        --rt-side-menu-item-color-active: var(--rt-color-action-primary-on-surface);
+    }
+
     .rt-side-menu {
         --rt-side-menu-rail-width: 5.5rem;
         --rt-side-menu-panel-width: 15rem;
@@ -14,6 +25,14 @@
         --rt-side-menu-resizer-border-width: var(--rt-border-width-thick);
         --rt-side-menu-panel-border-width: var(--rt-border-width-thin);
         --rt-side-menu-transition-duration: var(--rt-duration-fast);
+        --rt-side-menu-rail-icon-size: var(--rt-icon-step-md);
+        --rt-side-menu-rail-gap: var(--rt-space-md);
+        --rt-side-menu-rail-bg: var(--rt-color-bg-surface);
+        --rt-side-menu-rail-border-width: var(--rt-side-menu-panel-border-width);
+        --rt-side-menu-panel-bg: var(--rt-color-bg-surface);
+        --rt-side-menu-panel-head-padding: var(--rt-space-sm);
+        --rt-side-menu-sub-list-padding-inline: var(--rt-space-2);
+        --rt-side-menu-empty-padding: var(--rt-space-md);
 
         /* Натянутую рукой ширину ставит привязка хоста; без неё панель берёт ширину оформления. */
         --rt-side-menu-panel-dragged-width: 0px;
@@ -34,8 +53,8 @@
             height: 100%;
             box-sizing: border-box;
             flex: 0 0 var(--rt-side-menu-rail-width);
-            border-right: var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);
-            background: var(--rt-color-bg-surface);
+            border-right: var(--rt-side-menu-rail-border-width) solid var(--rt-color-border-default);
+            background: var(--rt-side-menu-rail-bg);
 
             /* Отступ области прокрутки оставлял подписи 56 пикселей из 88, и слово рвалось посреди. */
             .rt-scroll-area__body {
@@ -47,7 +66,7 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            gap: var(--rt-space-md);
+            gap: var(--rt-side-menu-rail-gap);
             padding-block: var(--rt-space-sm);
         }
 
@@ -59,7 +78,7 @@
             padding: 0;
             border: 0;
             background: transparent;
-            color: inherit;
+            color: var(--rt-side-menu-item-color);
             cursor: pointer;
             font: inherit;
             gap: var(--rt-space-1);
@@ -75,17 +94,22 @@
 
             &:hover .rt-side-menu__rail-icon,
             &:active .rt-side-menu__rail-icon {
-                background: var(--rt-color-bg-hover);
+                background: var(--rt-side-menu-item-bg-hover);
             }
 
             &--active .rt-side-menu__rail-icon,
             &--active:hover .rt-side-menu__rail-icon {
-                background: var(--rt-color-action-primary-subtle);
-                color: var(--rt-color-action-primary-on-surface);
+                background: var(--rt-side-menu-item-bg-active);
+                color: var(--rt-side-menu-item-color-active);
             }
         }
 
+        /* Размер значка полосы переназначает ступень значка внутри коробки. Свойство меню объявлено
+           ступенью без запаса: пока приложение не задало ни его, ни ступени, оно пусто, и значок берёт
+           свой запасной шаг, как раньше. Круга нет — свойство меню разрешено на корне. */
         &__rail-icon {
+            --rt-icon-step-md: var(--rt-side-menu-rail-icon-size);
+
             display: flex;
             width: 3.5rem;
             height: 2rem;
@@ -103,10 +127,13 @@
             text-align: center;
         }
 
+        /* Подложка начинается после полосы: наведение на другой пункт полосы переключает подменю и
+           тогда, когда его держит поле поиска, как у первого кита. */
         &__backdrop {
             position: fixed;
             z-index: var(--rt-z-dropdown);
             inset: 0;
+            inset-inline-start: var(--rt-side-menu-rail-width);
         }
 
         &__panel {
@@ -121,7 +148,7 @@
             flex-direction: column;
             border-radius: 0 var(--rt-side-menu-panel-radius) var(--rt-side-menu-panel-radius) 0;
             border-left: var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);
-            background: var(--rt-color-bg-surface);
+            background: var(--rt-side-menu-panel-bg);
             box-shadow: var(--rt-side-menu-panel-shadow);
 
             &--held {
@@ -141,7 +168,7 @@
         &__panel-head {
             display: flex;
             align-items: center;
-            padding: var(--rt-space-sm);
+            padding: var(--rt-side-menu-panel-head-padding);
             gap: var(--rt-space-2);
         }
 
@@ -163,11 +190,11 @@
             display: flex;
             flex-direction: column;
             padding-block-end: var(--rt-space-sm);
-            padding-inline: var(--rt-space-2);
+            padding-inline: var(--rt-side-menu-sub-list-padding-inline);
         }
 
         &__empty {
-            padding: var(--rt-space-md);
+            padding: var(--rt-side-menu-empty-padding);
             color: var(--rt-color-text-muted);
             font-size: var(--rt-text-xs);
         }
@@ -238,7 +265,7 @@
             border: 0;
             border-radius: var(--rt-side-menu-item-radius);
             background: transparent;
-            color: inherit;
+            color: var(--rt-side-menu-item-color);
             cursor: pointer;
             font: inherit;
             font-size: var(--rt-text-sm);
@@ -251,7 +278,7 @@
             text-decoration: none;
 
             &:hover {
-                background: var(--rt-color-bg-hover);
+                background: var(--rt-side-menu-item-bg-hover);
             }
 
             &:focus-visible {
@@ -260,8 +287,8 @@
             }
 
             &--active {
-                background: var(--rt-color-action-primary-subtle);
-                color: var(--rt-color-action-primary-on-surface);
+                background: var(--rt-side-menu-item-bg-active);
+                color: var(--rt-side-menu-item-color-active);
             }
         }
 

package/src/lib/components/side-menu/stories/component/test-side-menu-cell.component.scss

@@ -23,5 +23,39 @@
             width: 100%;
             height: 100%;
         }
+
+        /* Вид первого кита так, как его задаёт приложение: свойства меню на меню, свойства строки на
+           строке, черта под строкой страницы раздела — по номеру пункта на строке. Трекинг строки — ручка без
+           объявления в ките: он задан привязкой стиля на коробке и доходит до строк наследованием. */
+        &--first-kit {
+            .rt-side-menu {
+                --rt-side-menu-rail-icon-size: var(--rt-size-6);
+                --rt-side-menu-rail-gap: var(--rt-space-sm);
+                --rt-side-menu-rail-border-width: 0;
+                --rt-side-menu-panel-head-padding: var(--rt-space-sm);
+                --rt-side-menu-sub-list-padding-inline: var(--rt-space-md);
+                --rt-side-menu-panel-bg: var(--rt-color-bg-subtle);
+                --rt-side-menu-item-color-active: var(--rt-color-text-primary);
+            }
+
+            .rt-side-menu-sub-item {
+                --rt-side-menu-sub-item-min-height: calc(var(--rt-size-10) + var(--rt-space-1));
+                --rt-side-menu-sub-item-font-size: var(--rt-text-md);
+                --rt-side-menu-sub-item-padding-end: var(--rt-space-md);
+                --rt-side-menu-sub-item-icon-size: var(--rt-size-6);
+                --rt-side-menu-sub-item-gap: calc(var(--rt-space-1) * 3);
+                --rt-side-menu-sub-item-folder-padding-start: calc(var(--rt-space-1) * 3);
+                --rt-side-menu-sub-item-chevron-color: var(--rt-color-text-primary);
+                --rt-side-menu-sub-item-button-radius: var(--rt-radius-full);
+                --rt-side-menu-sub-item-button-icon-size: var(--rt-size-5);
+                --rt-side-menu-sub-item-action-size: calc(var(--rt-size-6) + var(--rt-space-0-5));
+                --rt-side-menu-sub-item-favorite-size: var(--rt-size-8);
+                --rt-side-menu-sub-item-favorite-color: var(--rt-color-text-muted);
+            }
+
+            .rt-side-menu-sub-item:has(> [data-item-id='2']) {
+                border-bottom: 1px solid var(--rt-color-border-subtle);
+            }
+        }
     }
 }

package/src/lib/components/side-menu/sub-item/rt-side-menu-sub-item.component.scss

@@ -11,27 +11,59 @@
         --rt-side-menu-sub-item-match-color: var(--rt-neutral-950);
         --rt-side-menu-sub-item-match-radius: var(--rt-radius-xs);
 
+        /* Размеры и цвет строки — и строки со ссылкой, и заголовка папки. Отступ начала растёт с
+           глубиной вложения. Цвета подложки и выбранной строки — свойства меню `--rt-side-menu-item-*`. */
+        --rt-side-menu-sub-item-min-height: var(--rt-control-height-md);
+        --rt-side-menu-sub-item-font-size: var(--rt-text-sm);
+        --rt-side-menu-sub-item-padding-start: var(--rt-space-md);
+        --rt-side-menu-sub-item-padding-end: var(--rt-space-sm);
+        --rt-side-menu-sub-item-color: var(--rt-color-text-primary);
+        --rt-side-menu-sub-item-gap: var(--rt-space-sm);
+
+        /* Заголовок папки берёт отступ начала строки, пока приложение не задало свой: у первого кита
+           папка стоит ближе к краю, чем её пункты. Растёт с глубиной так же, как у строки. */
+        --rt-side-menu-sub-item-folder-padding-start: var(--rt-side-menu-sub-item-padding-start);
+        --rt-side-menu-sub-item-chevron-color: var(--rt-color-text-muted);
+
+        /* Значок строки и папки — ступень sm значка. Без своего шага значок берёт свой запасной
+           размер, как раньше: ссылка на необъявленный шаг недействительна. */
+        --rt-side-menu-sub-item-icon-size: var(--rt-icon-step-sm);
+
+        /* Кнопки строки — «+» потребителя, звезда, «убрать» и ручка блока избранного. Умолчания дают
+           прежний вид: скруглённый квадрат шага sm, значок ступени sm, цвет текста. Значок — та же
+           ступень без своего шага, что и у значка строки. */
+        --rt-side-menu-sub-item-button-radius: var(--rt-radius-md);
+        --rt-side-menu-sub-item-button-icon-size: var(--rt-icon-step-sm);
+        --rt-side-menu-sub-item-action-size: var(--rt-control-height-sm);
+        --rt-side-menu-sub-item-favorite-size: var(--rt-control-height-sm);
+        --rt-side-menu-sub-item-favorite-color: var(--rt-color-text-primary);
+
         display: block;
 
+        /* Трекинг подписи наследуют и строка, и заголовок папки. Своего умолчания у него нет: без
+           свойства строка наследует трекинг от страницы, как раньше. */
+        letter-spacing: var(--rt-side-menu-sub-item-letter-spacing, inherit);
+
         &__row {
             /* Глубину вложения ставит шаблон на саму строку; здесь — значение строки верхнего уровня. */
             --rt-side-menu-sub-item-depth: 0;
 
             display: flex;
             width: 100%;
-            min-height: var(--rt-control-height-md);
+            min-height: var(--rt-side-menu-sub-item-min-height);
             box-sizing: border-box;
             align-items: center;
             border: 0;
             border-radius: var(--rt-side-menu-sub-item-radius);
             background: transparent;
-            color: var(--rt-color-text-primary);
+            color: var(--rt-side-menu-sub-item-color);
             cursor: pointer;
             font: inherit;
-            font-size: var(--rt-text-sm);
-            gap: var(--rt-space-sm);
+            font-size: var(--rt-side-menu-sub-item-font-size);
+            gap: var(--rt-side-menu-sub-item-gap);
             padding-block: var(--rt-space-2);
-            padding-inline: calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-space-sm);
+            padding-inline: calc(var(--rt-side-menu-sub-item-padding-start) * (1 + var(--rt-side-menu-sub-item-depth)))
+                var(--rt-side-menu-sub-item-padding-end);
             text-align: start;
             text-decoration: none;
             transition: background-color var(--rt-side-menu-sub-item-transition-duration) ease;
@@ -39,7 +71,7 @@
             &:hover,
             &:active,
             &--highlighted {
-                background: var(--rt-color-bg-hover);
+                background: var(--rt-side-menu-item-bg-hover);
             }
 
             &:focus-visible {
@@ -49,12 +81,14 @@
 
             /* Активна строка со ссылкой; у папки активность видна по её раскрытым пунктам. */
             &--active {
-                background: var(--rt-color-action-primary-subtle);
-                color: var(--rt-color-action-primary-on-surface);
+                background: var(--rt-side-menu-item-bg-active);
+                color: var(--rt-side-menu-item-color-active);
             }
         }
 
         &__icon {
+            --rt-icon-step-sm: var(--rt-side-menu-sub-item-icon-size);
+
             flex-shrink: 0;
             color: inherit;
         }
@@ -113,6 +147,21 @@
             &:hover {
                 outline-color: var(--rt-color-border-strong);
             }
+
+            > .rt-icon-button {
+                --rt-icon-button-size-step: var(--rt-side-menu-sub-item-action-size);
+            }
+        }
+
+        /* Форма и значок кнопок строки. Скругление и шаг размера кнопка объявляет на своём корне —
+           там они и переназначаются; ступень значка доходит до значка с тега. */
+        &__action,
+        &__favorite {
+            --rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);
+
+            > .rt-icon-button {
+                --rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius);
+            }
         }
 
         /* Кнопка избранного: звезда у пункта раздела и «убрать» у строки блока. Закрашенная звезда
@@ -120,9 +169,16 @@
            клавиатуры своей строки, а где указатель не умеет наводиться, — всегда. Прячется
            прозрачностью: кнопка остаётся на месте и в порядке Tab. */
         &__favorite {
+            /* Цвет покоя — свойство строки: состояния ниже переназначают цвет кнопки и перебивают его. */
+            --rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);
+
             flex-shrink: 0;
             opacity: 0;
 
+            > .rt-icon-button {
+                --rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);
+            }
+
             &--on {
                 --rt-icon-button-color: var(--rt-color-action-primary);
 
@@ -159,17 +215,22 @@
         &__folder.rt-expansion-panel {
             --rt-expansion-panel-duration: var(--rt-side-menu-sub-item-transition-duration);
             --rt-expansion-panel-header-radius: var(--rt-side-menu-sub-item-radius);
-            --rt-expansion-panel-header-min-height: var(--rt-control-height-md);
+            --rt-expansion-panel-header-min-height: var(--rt-side-menu-sub-item-min-height);
             --rt-expansion-panel-header-padding-block: var(--rt-space-2);
-            --rt-expansion-panel-header-padding-start: calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth)));
-            --rt-expansion-panel-header-padding-end: var(--rt-space-sm);
-            --rt-expansion-panel-header-gap: var(--rt-space-sm);
-            --rt-expansion-panel-header-font-size: var(--rt-text-sm);
+            --rt-expansion-panel-header-padding-start: calc(
+                var(--rt-side-menu-sub-item-folder-padding-start) * (1 + var(--rt-side-menu-sub-item-depth))
+            );
+            --rt-expansion-panel-header-padding-end: var(--rt-side-menu-sub-item-padding-end);
+            --rt-expansion-panel-header-gap: var(--rt-side-menu-sub-item-gap);
+            --rt-expansion-panel-chevron-color: var(--rt-side-menu-sub-item-chevron-color);
+            --rt-expansion-panel-header-font-size: var(--rt-side-menu-sub-item-font-size);
+            --rt-expansion-panel-header-color: var(--rt-side-menu-sub-item-color);
             --rt-expansion-panel-header-bg: transparent;
+            --rt-expansion-panel-header-hover-bg: var(--rt-side-menu-item-bg-hover);
         }
 
         &__folder--highlighted.rt-expansion-panel {
-            --rt-expansion-panel-header-bg: var(--rt-color-bg-hover);
+            --rt-expansion-panel-header-bg: var(--rt-side-menu-item-bg-hover);
         }
 
         &__children {

package/src/lib/components/thread-list/CONTEXT.md

@@ -30,7 +30,8 @@
 
 Действия строки — `<ng-template let-row [rtThreadListRowActions]="rows()">`: кнопки стоят поверх
 правого края строки, рядом с её кнопкой, а не внутри: вложенная кнопка в `<button>` недопустима и
-забирала бы клик выбора. Видны при наведении и фокусе. Без шаблона строка стоит без обёртки.
+забирала бы клик выбора. Видны при наведении, фокусе и пока открыто `rt-menu` из них (`rt-menu--open`):
+панель меню лежит вне строки, и фокус уходит в неё. Без шаблона строка стоит без обёртки.
 
 ## Главное, что нужно знать
 

package/src/lib/components/thread-list/rt-thread-list.component.scss

@@ -130,8 +130,11 @@
         &__row-wrap {
             position: relative;
 
+            // Открытое меню действий держит их видимыми: фокус ушёл в панель поверх страницы, и без
+            // этого кнопка меню гасла под своей же панелью, когда указатель покидал строку.
             &:hover .rt-thread-list__row-actions,
-            &:focus-within .rt-thread-list__row-actions {
+            &:focus-within .rt-thread-list__row-actions,
+            &:has(.rt-menu--open) .rt-thread-list__row-actions {
                 opacity: 1;
                 pointer-events: auto;
             }

package/src/lib/components/toast/CONTEXT.md

@@ -47,6 +47,8 @@ this.#notifications.error('Не удалось сохранить', 'danger', {
 - `progress: true` рисует полосу срока; она встаёт тем же признаком `rt-toast--paused`, что и таймер.
 - `icon` у тоста важнее карты `RT_TOAST_SEVERITY_ICONS`; `icon: null` снимает значок.
 - `mode="replace"` помечает прежние тосты вытесненными, и они уходят той же анимацией, что по крестику.
+- `onDismiss` сообщает один раз, почему тост ушёл без действия: `close`, `timeout` или `replaced`.
+  Ушедший по `action` или `secondaryAction` ничего не сообщает — его обработчик уже вызван.
 
 ## Края
 

package/src/rich-editor/lib/components/ai-chat/CONTEXT.md

@@ -47,6 +47,12 @@
   логики `rt-chat`. Отправка вопроса и выбор беседы прижимают ленту к низу всегда.
 - Удаление беседы — действие строки `rt-thread-list` (`rtThreadListRowActions`), подтверждение —
   на приложении.
+- `threadMenu` ставит в действия строки вместо кнопки удаления `rt-menu` «More actions»
+  (`ellipsis-v`, `triggerSize="xs"` — размер прежней кнопки удаления). Пункты: «Copy ID» —
+  `onCopyThreadId`, CDK `Clipboard`, без состояния «скопировано»: меню закрывается выбором;
+  «Delete» — `danger`, отдаёт `deleteThread` без `confirmMessage`, подтверждение на приложении.
+  Подписи — `uiMoreActions`, `aiCopyThreadId`, `uiRemove`. Пока панель открыта, действия строки
+  видны: правило `:has(.rt-menu--open)` в `rt-thread-list`.
 - Подсветка совпадений поиска по беседам — `splitSideMenuTitle`.
 - Строки-превью пустого списка бесед — `emptyPreviewIcons`, по умолчанию `sparkle`, `bot`, `sparkle`:
   беседы идут с ассистентом, а не с людьми. Вход уходит в `rt-thread-list` как есть.

package/types/rt-tools-ui-kit-v2-core.d.ts

@@ -461,6 +461,7 @@ declare const RT_KIT_LABELS_EN: {
     readonly aiBackToChat: "Back to conversation";
     readonly aiClose: "Close assistant";
     readonly aiCopyReference: "Copy reference";
+    readonly aiCopyThreadId: "Copy ID";
     readonly aiDeleteThread: "Delete conversation";
     readonly aiDisclaimer: "AI can make mistakes. Check important information.";
     readonly aiDislike: "Bad answer";
@@ -909,6 +910,11 @@ declare class MessageBus<E extends IMessageBusEvent> {
 declare namespace INotification {
     /** Семантическая палитра уведомления; совпадает по значениям с `rt-message`. */
     type Severity = 'info' | 'success' | 'warning' | 'danger';
+    /**
+     * Почему тост ушёл не по действию: крестик, истёкший таймер или вытеснение новым в режиме
+     * `replace`. Ушедший по действию причины не сообщает — его обработчик уже вызван.
+     */
+    type DismissReason = 'close' | 'timeout' | 'replaced';
     interface Action {
         readonly label: string;
         readonly handler: () => void;
@@ -936,8 +942,13 @@ declare namespace INotification {
         readonly progress?: boolean;
         /** Свой значок вместо значка severity; `null` — тост без значка. */
         readonly icon?: IRtIcon.Name | null;
+        /**
+         * Сообщает один раз, почему тост ушёл без действия. Приложению это нужно, когда тост
+         * держит ожидание — вход, подтверждение, — и закрытый крестиком должен его отменить.
+         */
+        readonly onDismiss?: (reason: DismissReason) => void;
     }
-    type Options = Pick<Payload, 'description' | 'meta' | 'action' | 'secondaryAction' | 'filled' | 'duration' | 'progress' | 'icon'>;
+    type Options = Pick<Payload, 'description' | 'meta' | 'action' | 'secondaryAction' | 'filled' | 'duration' | 'progress' | 'icon' | 'onDismiss'>;
     /**
      * Событие шины уведомлений. `type` — строковый дискриминатор (доменные
      * action-перечисления вроде «обновление записи успешно»/«ошибка загрузки
@@ -1090,7 +1101,7 @@ declare class RtInfiniteScrollDirective implements OnDestroy {
 /** The name of a styling property the kit declares itself. */
 type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-required-color' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-text' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-opacity' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
 /** The name of a consumer's handle — a property the kit deliberately does not declare. */
-type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-page-header-bg' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
+type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-page-header-bg' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
 /** All the styling properties declared by the kit. */
 declare const RT_DESIGN_TOKEN_NAMES: readonly TRtDesignTokenName[];
 /** All the consumer's handles: the value comes from the application, until then the fallback works. */

package/types/rt-tools-ui-kit-v2-menu.d.ts

@@ -6,6 +6,7 @@ import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
 import * as i1 from '@rt-tools/ui-kit-v2/tooltip';
 import * as i2 from '@rt-tools/ui-kit-v2/radius';
 import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
+import { IRtIconButton } from '@rt-tools/ui-kit-v2/icon-button';
 
 /**
  * Помечает `<ng-template>` своего значка пункта меню. Кит ставит содержимое на место значка
@@ -193,6 +194,8 @@ declare class RtMenuComponent {
      * не доходят: семья, нарисованная своим набором, отдаёт его панели этим входом.
      */
     readonly panelClass: InputSignal<string | string[]>;
+    /** Размер кнопки-триггера: мельче `md` — в плотной строке рядом с другими действиями строки. */
+    readonly triggerSize: InputSignal<IRtIconButton.Size>;
     /** Размер панели: компактная — у меню действий строки таблицы. */
     readonly size: InputSignal<IRtMenu.Size>;
     /** Триггер отключён — меню не открыть. */
@@ -211,7 +214,7 @@ declare class RtMenuComponent {
     protected onSelect(): void;
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RtMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RtMenuComponent, "rt-menu", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtMenuComponent, "rt-menu", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, ["*"], true, never>;
 }
 
 export { IRtMenu, RT_MENU_SELECT_EVENT, RtMenuComponent, RtMenuItemComponent, RtMenuItemIconDirective };