@rt-tools/ui-kit-v2 0.17.0 → 0.19.0

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

@@ -0,0 +1,58 @@
+# `rt-ai-chat`
+
+```html
+<rt-ai-chat
+    title="Ava"
+    placeholder="Ask Ava…"
+    fullScreenable
+    [messages]="messages()"
+    [suggestions]="suggestions"
+    [sending]="running()"
+    [error]="runError()"
+    [threads]="threads()"
+    [activeThreadId]="threadId()"
+    [(fullScreen)]="fullScreen"
+    (send)="ask($event)"
+    (stop)="stop()"
+    (retry)="retry()"
+    (newThread)="newThread()"
+    (selectThread)="open($event)"
+    (deleteThread)="confirmDelete($event)"
+    (feedbackChange)="rate($event)"
+    (closed)="close()">
+    <ng-template let-message rtAiChatMessageExtra>…графики ответа…</ng-template>
+</rt-ai-chat>
+```
+
+Спек — `docs/specs/ui-kit-v2/ai-chat/`; здесь только устройство папки.
+
+## Главное, что нужно знать
+
+**Организм презентационный.** Сообщения с ходом работы, беседы и ошибка приходят входами, действия
+уходят выходами. Поток событий модели разбирает приложение и отдаёт готовый `IRtAiChat.Message[]`.
+
+**Живёт во входе `rich-editor`**: держит `rt-message-composer`, а тот тянет quill.
+
+**Высоту задаёт родитель.** Хост — колонка на `block-size: 100%`; без высоты у родителя лента
+меряется по содержимому и не прокручивается.
+
+## Края
+
+- `fullScreen`, `threadsOpen`, `draft` — `model()`: атрибут без значения даёт пустую строку, то
+  есть ложь. Пишется `[fullScreen]="true"`.
+- Фокус переводит сам организм: на «назад» при открытии бесед, в поле сообщения после выбора
+  беседы, новой беседы, «Стоп» и возврата к ленте. Приложению — `focusComposer()`.
+- Открытые шаги хода работы — внутреннее состояние (`openRuns`), по id ответа.
+- Лента держится у низа, пока человек внизу: `nextAtBottom` и `RT_CHAT_PIN_RETRY_DELAYS_MS` из
+  логики `rt-chat`. Отправка вопроса и выбор беседы прижимают ленту к низу всегда.
+- Удаление беседы — действие строки `rt-thread-list` (`rtThreadListRowActions`), подтверждение —
+  на приложении.
+- Подсветка совпадений поиска по беседам — `splitSideMenuTitle`.
+- Ответ рисует внутренний `rt-ai-chat-answer` (папка `answer/`): без него шаблон организма
+  превышает предел цикломатической сложности.
+
+## Рядом
+
+- [`rt-chat`](../chat/CONTEXT.md) — переписка людей.
+- [`rt-ai-run-status`](../../../../lib/components/ai-run-status/CONTEXT.md) — строка хода работы.
+- [`rt-thread-list`](../../../../lib/components/thread-list/CONTEXT.md) — список бесед.

package/src/rich-editor/lib/components/ai-chat/answer/rt-ai-chat-answer.component.scss

@@ -0,0 +1,12 @@
+@layer rt-kit.components {
+    .rt-ai-chat-answer {
+        display: flex;
+        flex-direction: column;
+        gap: var(--rt-space-sm);
+
+        &__feedback {
+            display: flex;
+            gap: var(--rt-space-xs);
+        }
+    }
+}

package/src/rich-editor/lib/components/ai-chat/rt-ai-chat.component.scss

@@ -0,0 +1,222 @@
+@layer rt-kit.components {
+    /* rt-ai-chat — панель ИИ-ассистента. ViewEncapsulation.None.
+       Корень шаблона — ng-container: класс блока висит на хосте. Высоту задаёт родитель. */
+
+    .rt-ai-chat {
+        --rt-ai-chat-bubble-radius: var(--rt-radius-xl);
+        --rt-ai-chat-column-border-width: var(--rt-border-width-thin);
+        --rt-ai-chat-column-width: 280px;
+        --rt-ai-chat-match-bg: var(--rt-yellow-400);
+        --rt-ai-chat-match-color: var(--rt-neutral-950);
+        --rt-ai-chat-match-radius: var(--rt-radius-xs);
+        --rt-ai-chat-unread-radius: var(--rt-radius-full);
+
+        display: flex;
+        overflow: hidden;
+        background: var(--rt-color-bg-surface);
+        block-size: 100%;
+        color: var(--rt-color-text-primary);
+        min-block-size: 0;
+
+        &__thread-column {
+            display: flex;
+            flex: none;
+            flex-direction: column;
+            border-inline-end: var(--rt-ai-chat-column-border-width) solid var(--rt-color-border-default);
+            inline-size: var(--rt-ai-chat-column-width);
+        }
+
+        &__column-head {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: var(--rt-space-sm) var(--rt-space-md);
+            gap: var(--rt-space-xs);
+        }
+
+        &__column-title {
+            font-size: var(--rt-text-md);
+            font-weight: var(--rt-font-weight-semibold);
+        }
+
+        &__conversation {
+            display: flex;
+            flex: 1 1 auto;
+            flex-direction: column;
+            min-block-size: 0;
+            min-inline-size: 0;
+        }
+
+        &__header {
+            display: flex;
+            flex: none;
+            align-items: center;
+            padding: var(--rt-space-sm) var(--rt-space-md);
+            gap: var(--rt-space-xs);
+        }
+
+        &__heading {
+            display: flex;
+            flex: 1 1 auto;
+            flex-direction: column;
+            min-inline-size: 0;
+        }
+
+        &__title {
+            display: inline-flex;
+            align-items: center;
+            font-size: var(--rt-text-md);
+            font-weight: var(--rt-font-weight-semibold);
+            gap: var(--rt-space-xs);
+            line-height: var(--rt-leading-snug);
+        }
+
+        &__subtitle {
+            overflow: hidden;
+            color: var(--rt-color-text-muted);
+            font-size: var(--rt-text-xs);
+            line-height: var(--rt-leading-snug);
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        &__actions {
+            display: flex;
+            flex: none;
+            align-items: center;
+            gap: var(--rt-space-xs);
+        }
+
+        &__feed {
+            display: flex;
+            flex: 1 1 auto;
+            flex-direction: column;
+            padding: var(--rt-space-md);
+            font-size: var(--rt-text-sm);
+            gap: var(--rt-space-md);
+            min-block-size: 0;
+            overflow-y: auto;
+        }
+
+        &__spinner {
+            align-self: center;
+            margin: auto;
+        }
+
+        &__empty {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            gap: var(--rt-space-lg);
+            margin-block: auto;
+        }
+
+        &__suggestions {
+            display: flex;
+            flex-direction: column;
+            gap: var(--rt-space-sm);
+        }
+
+        &__question {
+            display: flex;
+            justify-content: flex-end;
+        }
+
+        &__bubble {
+            display: flex;
+            flex-direction: column;
+            padding: var(--rt-space-sm) var(--rt-space-md);
+            border-radius: var(--rt-ai-chat-bubble-radius);
+            background: var(--rt-color-bg-subtle);
+            gap: var(--rt-space-2xs);
+            max-inline-size: 80%;
+        }
+
+        &__author,
+        &__time {
+            color: var(--rt-color-text-muted);
+            font-size: var(--rt-text-xs);
+            line-height: var(--rt-leading-snug);
+        }
+
+        &__author {
+            font-weight: var(--rt-font-weight-semibold);
+        }
+
+        &__bubble-text {
+            margin: 0;
+            line-height: var(--rt-leading-normal);
+            overflow-wrap: anywhere;
+            white-space: pre-wrap;
+        }
+
+        &__error {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: var(--rt-space-sm);
+
+            rt-message {
+                align-self: stretch;
+            }
+        }
+
+        &__composer {
+            box-sizing: border-box;
+            flex: none;
+            padding: var(--rt-space-sm) var(--rt-space-md) 0;
+        }
+
+        &__disclaimer {
+            flex: none;
+            padding: var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);
+            margin: 0;
+            color: var(--rt-color-text-muted);
+            font-size: var(--rt-text-xs);
+            line-height: var(--rt-leading-snug);
+            text-align: center;
+        }
+
+        &__threads {
+            flex: 1 1 auto;
+            min-block-size: 0;
+        }
+
+        &__thread-title {
+            overflow: hidden;
+            min-inline-size: 0;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        &__thread-part {
+            &--match {
+                border-radius: var(--rt-ai-chat-match-radius);
+                background: var(--rt-ai-chat-match-bg);
+                color: var(--rt-ai-chat-match-color);
+            }
+        }
+
+        &__thread-meta {
+            display: flex;
+            flex: none;
+            align-items: center;
+            gap: var(--rt-space-xs);
+        }
+
+        &__thread-unread {
+            border-radius: var(--rt-ai-chat-unread-radius);
+            background: var(--rt-color-action-primary);
+            color: var(--rt-color-text-inverse);
+            font-size: var(--rt-text-xs);
+            font-weight: var(--rt-font-weight-semibold);
+            line-height: 18px;
+            padding-inline: 6px;
+        }
+
+        &__thread-time {
+            color: var(--rt-color-text-muted);
+            font-size: var(--rt-text-xs);
+        }
+    }
+}

package/src/rich-editor/lib/components/rich-editor/rt-rich-editor.component.scss

@@ -37,10 +37,13 @@
             overflow-y: auto;
         }
 
+        // Зону ввода рисует Quill, и класса кита у неё нет: сброс полосы для узлов приложения под
+        // узлом кита вернул бы ей полосу браузера. Она наследует тихую полосу редактора, как раньше.
         .ql-editor {
             background-color: var(--rt-color-bg-surface-subtle);
             color: var(--rt-color-text-primary);
             min-block-size: 96px;
+            scrollbar-color: inherit;
         }
 
         .ql-editor.ql-blank:before {

package/src/styles/_scrollbar.scss

@@ -14,6 +14,15 @@
         scrollbar-width: thin;
     }
 
+    // `scrollbar-color` наследуется, и без этого правила прокручиваемый узел приложения внутри узла
+    // кита получал прозрачную полосу кита, а Chrome при заданном свойстве не читал его
+    // `::-webkit-scrollbar`. Первый узел без класса кита под узлом кита возвращает умолчание
+    // браузера, и всё под ним наследует уже его. Вес селектора нулевой: правило приложения на том же
+    // узле перебивает и его.
+    :where([class^='rt-'], [class*=' rt-']) > :where(:not([class^='rt-'], [class*=' rt-'])) {
+        scrollbar-color: auto;
+    }
+
     // Проявляется ползунок наведением на саму зону, а не на себя: навести на невидимое нечем.
     // Фокус внутри зоны показывает его наравне — прокрутка с клавиатуры идёт без указателя, и
     // человек иначе не видит ни того, где он в списке, ни того, что список прокручивается.

package/src/styles/_semantic.scss

@@ -311,7 +311,7 @@
 
     /* Typography */
     --rt-input-font-size: var(--rt-text-sm);
-    --rt-input-line-height: var(--rt-leading-none);
+    --rt-input-line-height: var(--rt-leading-snug);
 
     /* State / motion */
     --rt-input-disabled-opacity: var(--rt-opacity-disabled);

package/styles/tokens.css

@@ -715,7 +715,7 @@
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -1624,7 +1624,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -2116,7 +2116,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -2749,7 +2749,7 @@ html.rt-theme-dark {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -3444,7 +3444,7 @@ html.rt-theme-dark .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -4309,7 +4309,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -5003,7 +5003,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -5694,7 +5694,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-focus-outline-offset: var(--rt-border-width-thin);
   /* Typography */
   --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-none);
+  --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
@@ -6342,6 +6342,9 @@ html.rt-theme-dark.rt-preset-material {
     scrollbar-color: transparent transparent;
     scrollbar-width: thin;
   }
+  :where([class^=rt-], [class*=" rt-"]) > :where(:not([class^=rt-], [class*=" rt-"])) {
+    scrollbar-color: auto;
+  }
   :where([class^=rt-], [class*=" rt-"]):hover,
   :where([class^=rt-], [class*=" rt-"]):focus-within {
     scrollbar-color: var(--rt-color-border-default) transparent;

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

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { WritableSignal, InputSignal } from '@angular/core';
+
+declare namespace IRtAccordion {
+    /** Пункт аккордеона: заголовок раскрывает текст под собой. Строки приходят уже переведёнными. */
+    interface Item {
+        readonly title: string;
+        readonly text: string;
+    }
+}
+
+/**
+ * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает
+ * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже
+ * переведёнными.
+ */
+declare class RtAccordionComponent {
+    /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */
+    protected readonly idBase: string;
+    /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */
+    protected readonly open: WritableSignal<ReadonlySet<number>>;
+    readonly items: InputSignal<readonly IRtAccordion.Item[]>;
+    /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */
+    readonly openIndex: InputSignal<number | null>;
+    protected toggle(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtAccordionComponent, "rt-accordion", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "openIndex": { "alias": "openIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtAccordion, RtAccordionComponent };

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

@@ -0,0 +1,149 @@
+import * as i0 from '@angular/core';
+import { Signal, InputSignal, OutputEmitterRef } from '@angular/core';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+/**
+ * Контракты полосы массовых действий. Один корневой неймспейс с префиксом `I`.
+ *
+ * Отличие от договора первого кита одно и оно намеренное: произвольного объекта
+ * стилей на действии здесь нет. Вид кнопки называется именем из набора кита —
+ * значение цвета в разметку не приходит вовсе.
+ */
+declare namespace IRtActionBar {
+    /** Вид действия: тем же именем, каким его зовёт кнопка кита. */
+    type Look = 'plain' | 'danger';
+    /**
+     * Одно нажатие в полосе. Либо `run` — то, что действие делает, — либо `menu`:
+     * вложенный список. Действие с вложенным списком само не срабатывает: оно
+     * заголовок группы, и запуск его наравне с раскрытием запустил бы то, чего
+     * человек не выбирал.
+     */
+    interface Action {
+        readonly label: string;
+        readonly icon?: IRtIcon.Name;
+        /**
+         * Имя Material вместо значка кита: рисуется так же, как вход `glyph` у `rt-icon` — парой из
+         * перечня кита или лигатурой шрифта. Значок кита, заданный рядом, сильнее.
+         */
+        readonly glyph?: string;
+        readonly look?: IRtActionBar.Look;
+        readonly run?: () => void;
+        readonly menu?: readonly IRtActionBar.Action[];
+    }
+    /**
+     * Настройка полосы целиком. Счёт приходит парой: сколько выбрано и сколько
+     * всего. Полоса ничего из этого не считает — ей дают числа.
+     */
+    interface Config {
+        readonly selected: number;
+        readonly total: number;
+        readonly actions: readonly IRtActionBar.Action[];
+    }
+}
+/**
+ * Сколько полоса держится в разметке после закрытия — ровно длительность ухода
+ * из стилей.
+ *
+ * Число живёт здесь, а не только в правиле стиля: разметку снимает держатель, и,
+ * разойдясь с правилом, он обрывает уход на полпути. Держателю и стилям нужно
+ * одно и то же число, поэтому оно объявлено рядом с договором, а не в одном из них.
+ */
+declare const RT_ACTION_BAR_LEAVE_MS: number;
+
+/** Действие вместе с готовой записью модификаторов: шаблон методов не зовёт. */
+interface IActionView {
+    readonly action: IRtActionBar.Action;
+    readonly modifiers: Readonly<Record<string, boolean>>;
+    /**
+     * Имя кнопки для вспомогательных средств — у действия со значком. На грубом указателе подпись
+     * снята правилом стиля, а значок немой: без имени кнопка осталась бы безымянной.
+     */
+    readonly ariaLabel: string | null;
+}
+/**
+ * Полоса массовых действий: счёт слева, действия рядом, крестик справа.
+ *
+ * Своего состояния не держит вовсе — ни выбранного, ни открытости. Ей дают
+ * настройку входом, а наружу она сообщает две вещи: что нажали действие и что
+ * нажали крестик. Держатель `rt-action-bar-holder` решает, стоит ли она в
+ * разметке и где над страницей приколота.
+ *
+ * Действие с вложенным списком само не срабатывает: оно заголовок группы, и
+ * список раскрывается всплывающим слоем кита. Нажатие пункта списка закрывает
+ * полосу так же, как нажатие обычного действия: где человек нажал — в полосе
+ * или на шаг глубже — о трате выбранного не говорит ничего.
+ */
+declare class RtActionBarComponent {
+    #private;
+    protected readonly countText: Signal<string>;
+    protected readonly closeLabel: Signal<string>;
+    /**
+     * Действия с готовыми модификаторами. Признак значка стоит модификатором, а не
+     * условием в шаблоне: подпись у действия со значком снимает правило стиля по
+     * грубому указателю, и решать это условием значило бы увезти оформление в код.
+     */
+    protected readonly actions: Signal<readonly IActionView[]>;
+    readonly config: InputSignal<IRtActionBar.Config>;
+    /** Значок кнопки, закрывающей полосу. */
+    readonly closeIcon: InputSignal<IRtIcon.Name>;
+    readonly actionRun: OutputEmitterRef<IRtActionBar.Action>;
+    readonly closed: OutputEmitterRef<void>;
+    protected onAction(action: IRtActionBar.Action): void;
+    protected onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtActionBarComponent, "rt-action-bar", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; }, { "actionRun": "actionRun"; "closed": "closed"; }, never, never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+/**
+ * Держатель полосы массовых действий: решает, стоит ли она в разметке, и прикалывает
+ * её над страницей. Настройку читает у службы, которую потребитель объявил на своём
+ * уровне — там, где у него живёт список.
+ *
+ * Полоса открывается счётом выбранного, а не своим признаком: два источника одного
+ * признака расходятся молча, и признак, оставшийся поднятым над опустевшим выбором,
+ * держал бы полосу над страницей, где ничего не выбрано.
+ *
+ * После закрытия полоса остаётся в разметке ровно на длительность ухода — число одно
+ * и лежит в договоре рядом. Разойдясь с правилом стиля, держатель обрывал бы уход на
+ * полпути.
+ */
+declare class RtActionBarHolderComponent {
+    #private;
+    protected readonly config: Signal<IRtActionBar.Config>;
+    /** Выбрано ли что-нибудь: этим полоса и открывается. */
+    protected readonly opened: Signal<boolean>;
+    /** Стоит ли полоса в разметке: она остаётся в ней и на время ухода. */
+    protected readonly shown: Signal<boolean>;
+    protected readonly leaving: Signal<boolean>;
+    /** Значок кнопки, закрывающей полосу, — уходит в саму полосу. */
+    readonly closeIcon: InputSignal<IRtIcon.Name>;
+    constructor();
+    /** Крестик сообщает наружу; выбранное отпускает служба, которой список и владеет. */
+    protected onClosed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtActionBarHolderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtActionBarHolderComponent, "rt-action-bar-holder", never, { "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Настройка полосы массовых действий: держатель её читает, список — пишет.
+ *
+ * Служба без корня намеренно. Тот, кто отмечает строки, и тот, кто рисует полосу,
+ * стоят на разной глубине одного экрана, и передавать настройку вниз через всё,
+ * что между ними, значит рассказать о полосе каждому из них. Потребитель
+ * объявляет службу на своём уровне — там, где у него живёт список.
+ */
+declare class RtActionBarService {
+    #private;
+    readonly config: Signal<IRtActionBar.Config>;
+    /** Список действий. Счёт не трогается: он приходит своим вызовом. */
+    setActions(actions: readonly IRtActionBar.Action[]): void;
+    /** Счёт выбранного. Полоса открывается именно им. */
+    setCounts(selected: number, total: number): void;
+    /** Отпустить выбранное: счёт обнуляется, список действий остаётся. */
+    clearSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtActionBarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+
+export { IRtActionBar, RT_ACTION_BAR_LEAVE_MS, RtActionBarComponent, RtActionBarHolderComponent, RtActionBarService };

package/types/rt-tools-ui-kit-v2-ai-run-status.d.ts

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { Signal, InputSignal, ModelSignal } from '@angular/core';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import { IRtTimeline } from '@rt-tools/ui-kit-v2/timeline';
+
+declare namespace IRtAiRunStatus {
+    /**
+     * Состояние хода работы ассистента:
+     * - `running` — модель работает: крутилка и бегущий блик по подписи;
+     * - `done` — ответ готов;
+     * - `stopped` — человек остановил ответ;
+     * - `failed` — ответ оборвался ошибкой.
+     */
+    type State = 'running' | 'done' | 'stopped' | 'failed';
+}
+
+/**
+ * Строка хода работы ИИ-ассистента: значок состояния, подпись текущего шага или итога, мета
+ * (время, число шагов) и раскрытие списка пройденных шагов. Пока модель работает, по подписи
+ * бежит блик; при `prefers-reduced-motion` подпись стоит ровным цветом.
+ *
+ * Компонент презентационный: состояние, подпись и шаги приходят готовыми, разбор потока
+ * событий модели остаётся в приложении.
+ */
+declare class RtAiRunStatusComponent {
+    #private;
+    protected readonly stepsId: string;
+    protected readonly hasSteps: Signal<boolean>;
+    protected readonly isOpen: Signal<boolean>;
+    protected readonly mark: Signal<{
+        name: IRtIcon.Name;
+        color: IRtIcon.Color;
+    } | null>;
+    protected readonly toggleLabel: Signal<string>;
+    readonly state: InputSignal<IRtAiRunStatus.State>;
+    /** Подпись: текущий шаг, пока модель работает, или итог — «Worked for 31s». */
+    readonly label: InputSignal<string>;
+    /** Вторичная строка справа от подписи: время шага или число шагов. Пусто — не рисуется. */
+    readonly meta: InputSignal<string>;
+    /** Пройденные шаги. Пустой список — строку нельзя раскрыть. */
+    readonly steps: InputSignal<readonly IRtTimeline.Step[]>;
+    /** Раскрыт ли список шагов. */
+    readonly expanded: ModelSignal<boolean>;
+    protected onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtAiRunStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtAiRunStatusComponent, "rt-ai-run-status", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
+}
+
+export { IRtAiRunStatus, RtAiRunStatusComponent };