@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

package/types/rt-tools-ui-kit-v2-toggle-button-group.d.ts

@@ -0,0 +1,109 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Signal, InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+/**
+ * Модель `<rt-toggle-button-group>`: один корневой неймспейс
+ * с префиксом `I`. Generic параметр `T` пробрасывается в `Option<T>`.
+ */
+declare namespace IRtToggleButtonGroup {
+    /**
+     * Размерный тир. Совпадает с `IButton.Size` у `[rtButton]` — общая высота
+     * группы соответствует высоте rt-button (sm 30 / md 40 / lg 50px), чтобы
+     * сегменты выравнивались с кнопками в одном ряду. Default — `sm`.
+     */
+    type Size = 'sm' | 'md' | 'lg';
+    /**
+     * Описание одного сегмента группы.
+     *
+     * - `value` — уникальный идентификатор сегмента, эмитится в `valueChange`.
+     * - `label` — текстовая подпись (основной контент).
+     * - `icon` — опциональная иконка перед лейблом (`<rt-icon>`).
+     * - `glyph` — имя Material вместо `icon`; рисуется так же, как вход `glyph` у `rt-icon`.
+     * - `title` — нативный HTML-title (вместо тултип-директивы).
+     * - `disabled` — сегмент недоступен сейчас: он остаётся видимым, но нажатия не пропускает.
+     *   Признак лежит рядом с подписью, а не отдельным списком значений: список запретов
+     *   расходится с самим списком сегментов молча — в нём остаётся значение, которого в группе
+     *   уже нет.
+     */
+    interface Option<T = string> {
+        readonly value: T;
+        readonly label: string;
+        readonly icon?: IRtIcon.Name;
+        readonly glyph?: string;
+        readonly title?: string;
+        readonly disabled?: boolean;
+    }
+    /**
+     * Сегмент, готовый к отрисовке: подсветка и недоступность посчитаны компонентом.
+     *
+     * Заведён затем, чтобы шаблон не считал ни того, ни другого: подсветка читается по-разному в
+     * одиночном и множественном выборе, а недоступность приходит с двух сторон — от группы и от
+     * самого сегмента.
+     */
+    interface Rendered<T = string> {
+        readonly option: Option<T>;
+        readonly active: boolean;
+        readonly disabled: boolean;
+    }
+}
+
+/**
+ * Generic segmented control кита.
+ *
+ * API `toggle-button-group` с тремя особенностями:
+ *  1. BEM через `rtBlock/rtElem/rtMod` (camelCase mods → kebab-case в CSS).
+ *  2. Tooltip — нативный `[attr.title]` вместо `MatTooltip` (Angular Material
+ *     запрещён, см. CLAUDE.md).
+ *  3. Визуал — текстовые лейблы + опциональная иконка, а не icon-only кнопки.
+ *     Иконка остаётся опциональной, чтобы покрыть оба сценария.
+ *
+ * Компонент "controlled" — рендерит сегмент с `value === option.value` как
+ * активный, эмиттит `valueChange` при клике, обновление `value` остаётся за
+ * потребителем.
+ *
+ * Generic `<T = string>` сохраняет типизацию по value (`'list' | 'grid'`,
+ * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование
+ * без явного параметра компилировалось.
+ */
+declare class RtToggleButtonGroupComponent<T = string> {
+    protected readonly iconSize: Signal<IRtIcon.Size>;
+    /**
+     * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.
+     *
+     * Подсветка читается по-разному в одиночном и множественном выборе, а недоступность приходит
+     * с двух сторон — от группы и от самого сегмента. Признак группы главнее: доступный сегмент
+     * внутри отключённой группы читался бы как её единственное живое место.
+     */
+    protected readonly items: Signal<ReadonlyArray<IRtToggleButtonGroup.Rendered<T>>>;
+    readonly options: InputSignal<ReadonlyArray<IRtToggleButtonGroup.Option<T>>>;
+    readonly value: InputSignal<T | undefined>;
+    /**
+     * Множественный выбор: нажатие добавляет сегмент или снимает его, а не переносит выбор.
+     *
+     * Своим входом, а не расширением типа `value`: вход, у которого тип значения меняется от
+     * значения другого входа, не проверяет ни сборка, ни линтер — потребитель узнаёт о своей
+     * ошибке, когда группа перестаёт подсвечивать выбранное.
+     */
+    readonly multiple: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Набор выбранного. Читается только при множественном выборе, одиночный берёт `value`. */
+    readonly values: InputSignal<ReadonlyArray<T>>;
+    readonly ariaLabel: InputSignal<string | null>;
+    readonly size: InputSignal<IRtToggleButtonGroup.Size>;
+    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */
+    readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly valueChange: OutputEmitterRef<T>;
+    /**
+     * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со
+     * своим состоянием сам, и каждый сводит по-своему.
+     */
+    readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>>;
+    protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToggleButtonGroupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtToggleButtonGroupComponent<any>, "rt-toggle-button-group", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "valuesChange": "valuesChange"; }, never, never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+export { IRtToggleButtonGroup, RtToggleButtonGroupComponent };

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

@@ -0,0 +1,85 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { WritableSignal, Signal, InputSignal, InputSignalWithTransform } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { IRtIcon } from '@rt-tools/ui-kit-v2/core';
+import * as i1 from '@rt-tools/ui-kit-v2/radius';
+
+/**
+ * Модель `<rt-toggle-switch>`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtToggleSwitch {
+    /**
+     * Размерный тир трека. Маппинг на пиксели — в SCSS
+     * (`--rt-toggle-track-width` / `-height` / `--rt-toggle-thumb-size`).
+     * Default — `sm`: он совпадает по высоте с плотными контролами формы,
+     * где тоггл стоит в ряду с текстом.
+     */
+    type Size = 'sm' | 'md' | 'lg';
+}
+
+/**
+ * On/off switch с `role="switch"` + `aria-checked` — более правильный a11y
+ * pattern чем `<input type="checkbox">` для toggle (screen readers произносят
+ * "switch off/on" вместо "checkbox checked/unchecked").
+ *
+ * Реализует `ControlValueAccessor` для `boolean` value через
+ * `useExisting: forwardRef(...)` — `useClass` на self-reference вызывает
+ * NG0200 cycle при boot'е.
+ *
+ * Отключение складывается из двух независимых источников: входа `disabled` и
+ * слова формы (CVA `setDisabledState`). Отключено, если так сказал любой из
+ * них. Сводить их в один signal нельзя: форма зовёт `setDisabledState` при
+ * связывании контрола, то есть раньше, чем переключатель впервые обновит своё
+ * вью, и мирроринг входа затирал бы её слово — контрол, созданный отключённым,
+ * оказывался бы кликабельным.
+ *
+ * Опциональные иконки `iconOff` / `iconOn` рисуются внутри трека статично:
+ * off-иконка в начальной половине, on-иконка в конечной. Бегунок непрозрачен
+ * и наезжает на иконку активного состояния, так что видна всегда иконка того
+ * состояния, куда переключится контрол.
+ *
+ * Вход `label` рисует подпись после кнопки — элементом `<label>`, связанным с
+ * кнопкой: нажатие на подпись переключает, и она же называет переключатель
+ * скринридеру через `aria-labelledby`.
+ *
+ * Размер и отключение выводятся модификаторами и на хост: свойства размеров
+ * объявлены на хосте, чтобы правило приложения на теге их переопределяло, а
+ * прозрачность отключения гасит переключатель вместе с подписью.
+ *
+ * ViewEncapsulation.None — стили таргетируют имя элемента и BEM-класс блока.
+ */
+declare class RtToggleSwitchComponent implements ControlValueAccessor {
+    #private;
+    protected readonly isOn: WritableSignal<boolean>;
+    protected readonly isDisabled: Signal<boolean>;
+    /** Id кнопки: заданный входом или свой — на него указывает подпись. */
+    protected readonly controlId: Signal<string>;
+    protected readonly labelId: string;
+    /**
+     * BEM-модификаторы для `[rtMod]`. Собираем в .ts, потому что
+     * Angular template-parser не поддерживает computed property keys
+     * в inline-объектах, а размер приходит ключом.
+     */
+    protected readonly bemMods: Signal<Record<string, boolean>>;
+    readonly inputId: InputSignal<string | null>;
+    readonly ariaLabel: InputSignal<string | null>;
+    /** Подпись после переключателя. Пусто — без подписи, как раньше. */
+    readonly label: InputSignal<string | null>;
+    /** Размерный тир трека. */
+    readonly size: InputSignal<IRtToggleSwitch.Size>;
+    /** Иконка выключенного состояния — в начальной половине трека. Пусто — без иконки. */
+    readonly iconOff: InputSignal<IRtIcon.Name | null>;
+    /** Иконка включённого состояния — в конечной половине трека. Пусто — без иконки. */
+    readonly iconOn: InputSignal<IRtIcon.Name | null>;
+    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    writeValue(value: boolean | null | undefined): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToggleSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtToggleSwitchComponent, "rt-toggle-switch", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RtRadiusDirective; inputs: { "radius": "radius"; }; outputs: {}; }]>;
+}
+
+export { IRtToggleSwitch, RtToggleSwitchComponent };

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

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { Signal, TemplateRef, InputSignalWithTransform } from '@angular/core';
+
+/**
+ * Маркер-директива для контента в левой секции тулбара.
+ *
+ * @example
+ * ```html
+ * <rt-toolbar>
+ *     <ng-template rtToolbarLeft>
+ *         <button rtButton label="Создать" />
+ *     </ng-template>
+ * </rt-toolbar>
+ * ```
+ */
+declare class RtToolbarLeftDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarLeftDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtToolbarLeftDirective, "[rtToolbarLeft]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Маркер-директива для контента в центральной секции тулбара.
+ *
+ * @example
+ * ```html
+ * <rt-toolbar>
+ *     <ng-template rtToolbarCenter>
+ *         <span>Заголовок страницы</span>
+ *     </ng-template>
+ * </rt-toolbar>
+ * ```
+ */
+declare class RtToolbarCenterDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarCenterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtToolbarCenterDirective, "[rtToolbarCenter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Маркер-директива для контента в правой секции тулбара.
+ *
+ * @example
+ * ```html
+ * <rt-toolbar>
+ *     <ng-template rtToolbarRight>
+ *         <input type="search" placeholder="Поиск" />
+ *     </ng-template>
+ * </rt-toolbar>
+ * ```
+ */
+declare class RtToolbarRightDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarRightDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtToolbarRightDirective, "[rtToolbarRight]", never, {}, {}, never, never, true, never>;
+}
+declare class RtToolbarComponent {
+    protected readonly leftTpl: Signal<TemplateRef<unknown> | undefined>;
+    protected readonly centerTpl: Signal<TemplateRef<unknown> | undefined>;
+    protected readonly rightTpl: Signal<TemplateRef<unknown> | undefined>;
+    /**
+     * Компактная шапка (заголовок + иконки-действия): зоны остаются в одну строку
+     * даже на мобилке. Без этого трёхзонный list-тулбар стекается в колонку на
+     * ≤768px, что для узкой шапки (напр. rt-chat) неверно.
+     */
+    readonly dense: InputSignalWithTransform<boolean, boolean | string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtToolbarComponent, "rt-toolbar", never, { "dense": { "alias": "dense"; "required": false; "isSignal": true; }; }, {}, ["leftTpl", "centerTpl", "rightTpl"], never, true, never>;
+}
+
+export { RtToolbarCenterDirective, RtToolbarComponent, RtToolbarLeftDirective, RtToolbarRightDirective };

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

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { WritableSignal, OnDestroy, InputSignalWithTransform, InputSignal } from '@angular/core';
+
+/**
+ * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через
+ * CDK `ComponentPortal` в overlay; текст выставляется императивно
+ * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент
+ * создаётся вручную, а не в шаблоне.
+ *
+ * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с
+ * остальным common/ui). `role="tooltip"` — вспомогательный ярлык для AT.
+ */
+declare class RtTooltipComponent {
+    readonly text: WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtTooltipComponent, "rt-tooltip", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Модель `[rtTooltip]`: один корневой неймспейс с префиксом `I`.
+ */
+declare namespace IRtTooltip {
+    /**
+     * Сторона, с которой tooltip пристыкован к host'у. Не поместилась — подсказка уходит на
+     * противоположную; боковой не хватило ни одной стороны — встаёт сверху или снизу.
+     */
+    type Placement = 'top' | 'bottom' | 'left' | 'right';
+}
+
+/**
+ * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку
+ * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`
+ * (авто-flip у края viewport, reposition при скролле), так что подсказка не
+ * режется `overflow: hidden` предками (таблицы, aside, карточки).
+ *
+ * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),
+ * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не
+ * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и
+ * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива
+ * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать
+ * выставлением строки.
+ *
+ * @example
+ * ```html
+ * <rt-icon-button icon="ico-trash" ariaLabel="Удалить" tooltip="Удалить" />
+ * <button rtButton [rtTooltip]="'Подсказка'">…</button>
+ * ```
+ */
+declare class RtTooltipDirective implements OnDestroy {
+    #private;
+    /**
+     * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа
+     * или nullable-полей модели) и нормализует их в пустую строку — иначе
+     * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая
+     * строка → no-op (директива выключена).
+     */
+    readonly text: InputSignalWithTransform<string, string | null | undefined>;
+    /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */
+    readonly placement: InputSignal<IRtTooltip.Placement | null>;
+    /**
+     * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не
+     * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт
+     * только отсюда, и признак в эту минуту всегда свежий.
+     */
+    readonly whenTruncated: InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    ngOnDestroy(): void;
+    protected show(): void;
+    protected hide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtTooltipDirective, "[rtTooltip]", ["rtTooltip"], { "text": { "alias": "rtTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "rtTooltipPlacement"; "required": false; "isSignal": true; }; "whenTruncated": { "alias": "rtTooltipWhenTruncated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IRtTooltip, RtTooltipComponent, RtTooltipDirective };

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

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
+import { TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';
+
+declare namespace IRtWelcomeDialog {
+    /** Payload модалки: настраиваемый текст приветствия + подпись CTA-кнопки. */
+    interface Data {
+        message: string;
+        ctaLabel?: string;
+    }
+}
+/**
+ * Welcome-модалка первого входа: показывает настраиваемый текст приветствия роли.
+ * Открывается программно через `RtDialogService.open(RtWelcomeDialogComponent, { data })`.
+ *
+ * Текст приходит многострочным: первый абзац (до пустой строки) рендерится
+ * заголовком, остальные — параграфами описания. Без `rt-dialog-header` —
+ * единственное действие закрытия — CTA-кнопка.
+ */
+declare class RtWelcomeDialogComponent {
+    #private;
+    protected readonly t: Signal<TRtKitLabelMap>;
+    protected readonly title: string;
+    protected readonly paragraphs: string[];
+    /** Своя подпись важнее умолчания: роль знает, куда ведёт кнопка */
+    protected readonly ctaLabel: Signal<string>;
+    constructor();
+    protected onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWelcomeDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtWelcomeDialogComponent, "rt-welcome-dialog", never, {}, {}, never, never, true, never>;
+}
+
+export { IRtWelcomeDialog, RtWelcomeDialogComponent };

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

@@ -0,0 +1,128 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Signal, WritableSignal, InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { IButton, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';
+import { IRtConfirmPopover } from '@rt-tools/ui-kit-v2/confirm-popover';
+import { IRtSelect } from '@rt-tools/ui-kit-v2/select';
+import { IRtTimeline } from '@rt-tools/ui-kit-v2/timeline';
+
+declare namespace IRtWorkspaceDetails {
+    interface Row {
+        label: string;
+        value: string;
+        agent?: boolean;
+    }
+    interface AgentEdit {
+        currentLabel: string;
+        currentAgentId: number | null;
+        options: ReadonlyArray<IRtSelect.Option<number>>;
+        canEdit: boolean;
+        editTooltip: string;
+        cannotEditTooltip: string;
+        loading: boolean;
+        confirmText: string;
+    }
+    interface MoneyRow {
+        label: string;
+        amount: number;
+        format?: string;
+        total?: boolean;
+    }
+    interface Toggle {
+        id: string;
+        label: string;
+        value: boolean;
+        disabled?: boolean;
+    }
+    interface ToggleChange {
+        id: string;
+        value: boolean;
+    }
+    interface Transition {
+        options: ReadonlyArray<IRtSelect.Option<string>>;
+        loading: boolean;
+        error: string | null;
+        submitting: boolean;
+        submitError: string | null;
+        success: string | null;
+        currentStageLabel: string | null;
+        noTransitionsText: string;
+    }
+    interface TransitionSubmit {
+        stageKey: string;
+        comment: string;
+    }
+    interface Audit {
+        steps: readonly IRtTimeline.Step[];
+        loading: boolean;
+        loadingMore: boolean;
+        hasMore: boolean;
+        error: string | null;
+        emptyText: string;
+    }
+    interface ActionConfirm {
+        title: string;
+        label: string;
+        tone: IRtConfirmPopover.Tone;
+        text: string;
+    }
+    interface Action {
+        id: string;
+        label: string;
+        icon: string;
+        theme?: IButton.Theme;
+        appearance?: IButton.Appearance;
+        loading?: boolean;
+        disabled?: boolean;
+        confirm?: ActionConfirm;
+    }
+}
+
+interface ITransitionFormShape {
+    to_key: FormControl<string | null>;
+    note: FormControl<string | null>;
+}
+declare class RtWorkspaceDetailsComponent {
+    #private;
+    protected readonly t: Signal<TRtKitLabelMap>;
+    protected readonly editingAgent: WritableSignal<boolean>;
+    protected readonly selectedAgentId: WritableSignal<number | null>;
+    protected readonly transitionForm: FormGroup<ITransitionFormShape>;
+    protected readonly hasTabs: Signal<boolean>;
+    protected readonly noTransitions: Signal<boolean>;
+    protected readonly canSaveReassign: Signal<boolean>;
+    readonly title: InputSignal<string | null>;
+    readonly entityId: InputSignal<number | null>;
+    readonly loading: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly busy: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly rows: InputSignal<readonly IRtWorkspaceDetails.Row[]>;
+    readonly agentEdit: InputSignal<IRtWorkspaceDetails.AgentEdit | null>;
+    readonly money: InputSignal<readonly IRtWorkspaceDetails.MoneyRow[]>;
+    readonly toggles: InputSignal<readonly IRtWorkspaceDetails.Toggle[]>;
+    readonly toggleHint: InputSignal<string | null>;
+    readonly transition: InputSignal<IRtWorkspaceDetails.Transition | null>;
+    readonly audit: InputSignal<IRtWorkspaceDetails.Audit | null>;
+    readonly actions: InputSignal<readonly IRtWorkspaceDetails.Action[]>;
+    readonly error: InputSignal<string | null>;
+    readonly toggleChange: OutputEmitterRef<IRtWorkspaceDetails.ToggleChange>;
+    readonly agentReassign: OutputEmitterRef<number>;
+    readonly transitionSubmit: OutputEmitterRef<IRtWorkspaceDetails.TransitionSubmit>;
+    readonly transitionSuccessClose: OutputEmitterRef<void>;
+    readonly transitionErrorClose: OutputEmitterRef<void>;
+    readonly auditLoadMore: OutputEmitterRef<void>;
+    readonly actionClicked: OutputEmitterRef<string>;
+    constructor();
+    protected startEditAgent(): void;
+    protected cancelEditAgent(): void;
+    protected onReassign(): void;
+    protected onSelectedAgentChange(agentId: number | null): void;
+    protected onToggleChange(toggle: IRtWorkspaceDetails.Toggle, value: boolean): void;
+    protected onTransitionSubmit(): void;
+    protected onAuditLoadMore(): void;
+    protected onAction(action: IRtWorkspaceDetails.Action): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtWorkspaceDetailsComponent, "rt-workspace-details", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "agentEdit": { "alias": "agentEdit"; "required": false; "isSignal": true; }; "money": { "alias": "money"; "required": false; "isSignal": true; }; "toggles": { "alias": "toggles"; "required": false; "isSignal": true; }; "toggleHint": { "alias": "toggleHint"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; "audit": { "alias": "audit"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "toggleChange": "toggleChange"; "agentReassign": "agentReassign"; "transitionSubmit": "transitionSubmit"; "transitionSuccessClose": "transitionSuccessClose"; "transitionErrorClose": "transitionErrorClose"; "auditLoadMore": "auditLoadMore"; "actionClicked": "actionClicked"; }, never, never, true, never>;
+}
+
+export { IRtWorkspaceDetails, RtWorkspaceDetailsComponent };

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

@@ -0,0 +1,84 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Signal, TemplateRef, InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';
+
+declare namespace IRtWorkspace {
+    type PanelKind = 'list' | 'aside';
+    interface PanelApi {
+        asideCollapsed: Signal<boolean>;
+        asideOpen: Signal<boolean>;
+        toggleAsideCollapsed(): void;
+        openAside(): void;
+        closeAside(): void;
+        toggleAside(): void;
+    }
+    interface SlotContext {
+        $implicit: PanelApi;
+    }
+    interface PersistedState {
+        listWidth: number;
+        asideWidth: number;
+        asideCollapsed: boolean;
+    }
+}
+
+declare class RtWorkspaceDesktopOnlyDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceDesktopOnlyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtWorkspaceDesktopOnlyDirective, "[rtWorkspaceDesktopOnly]", never, {}, {}, never, never, true, never>;
+}
+declare class RtWorkspaceListDirective {
+    readonly templateRef: TemplateRef<IRtWorkspace.SlotContext>;
+    static ngTemplateContextGuard(_directive: RtWorkspaceListDirective, context: unknown): context is IRtWorkspace.SlotContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceListDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtWorkspaceListDirective, "[rtWorkspaceList]", never, {}, {}, never, never, true, never>;
+}
+declare class RtWorkspaceCenterDirective {
+    readonly templateRef: TemplateRef<IRtWorkspace.SlotContext>;
+    static ngTemplateContextGuard(_directive: RtWorkspaceCenterDirective, context: unknown): context is IRtWorkspace.SlotContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceCenterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtWorkspaceCenterDirective, "[rtWorkspaceCenter]", never, {}, {}, never, never, true, never>;
+}
+declare class RtWorkspaceAsideDirective {
+    readonly templateRef: TemplateRef<IRtWorkspace.SlotContext>;
+    static ngTemplateContextGuard(_directive: RtWorkspaceAsideDirective, context: unknown): context is IRtWorkspace.SlotContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceAsideDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RtWorkspaceAsideDirective, "[rtWorkspaceAside]", never, {}, {}, never, never, true, never>;
+}
+
+declare class RtWorkspaceComponent implements IRtWorkspace.PanelApi {
+    #private;
+    protected readonly t: Signal<TRtKitLabelMap>;
+    protected readonly listSlot: Signal<RtWorkspaceListDirective | undefined>;
+    protected readonly centerSlot: Signal<RtWorkspaceCenterDirective | undefined>;
+    protected readonly asideSlot: Signal<RtWorkspaceAsideDirective | undefined>;
+    protected readonly resizing: Signal<boolean>;
+    protected readonly slotContext: IRtWorkspace.SlotContext;
+    readonly storageKey: InputSignal<string | null>;
+    readonly hasActive: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly listMinWidth: InputSignalWithTransform<number, number | string>;
+    readonly listMaxWidth: InputSignalWithTransform<number, number | string>;
+    readonly listDefaultWidth: InputSignalWithTransform<number, number | string>;
+    readonly asideMinWidth: InputSignalWithTransform<number, number | string>;
+    readonly asideMaxWidth: InputSignalWithTransform<number, number | string>;
+    readonly asideDefaultWidth: InputSignalWithTransform<number, number | string>;
+    readonly centerMinWidth: InputSignalWithTransform<number, number | string>;
+    readonly backClicked: OutputEmitterRef<void>;
+    readonly listWidth: Signal<number>;
+    readonly asideWidth: Signal<number>;
+    readonly asideCollapsed: Signal<boolean>;
+    readonly asideOpen: Signal<boolean>;
+    constructor();
+    toggleAsideCollapsed(): void;
+    openAside(): void;
+    closeAside(): void;
+    toggleAside(): void;
+    protected onBackClicked(): void;
+    protected onHandlePointerDown(event: PointerEvent, kind: IRtWorkspace.PanelKind): void;
+    protected onHandleKeydown(event: KeyboardEvent, kind: IRtWorkspace.PanelKind): void;
+    protected onHandleReset(kind: IRtWorkspace.PanelKind): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtWorkspaceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtWorkspaceComponent, "rt-workspace", never, { "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "hasActive": { "alias": "hasActive"; "required": false; "isSignal": true; }; "listMinWidth": { "alias": "listMinWidth"; "required": false; "isSignal": true; }; "listMaxWidth": { "alias": "listMaxWidth"; "required": false; "isSignal": true; }; "listDefaultWidth": { "alias": "listDefaultWidth"; "required": false; "isSignal": true; }; "asideMinWidth": { "alias": "asideMinWidth"; "required": false; "isSignal": true; }; "asideMaxWidth": { "alias": "asideMaxWidth"; "required": false; "isSignal": true; }; "asideDefaultWidth": { "alias": "asideDefaultWidth"; "required": false; "isSignal": true; }; "centerMinWidth": { "alias": "centerMinWidth"; "required": false; "isSignal": true; }; }, { "backClicked": "backClicked"; }, ["listSlot", "centerSlot", "asideSlot"], never, true, never>;
+}
+
+export { IRtWorkspace, RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceComponent, RtWorkspaceDesktopOnlyDirective, RtWorkspaceListDirective };