@rt-tools/ui-kit-v2 0.34.4 → 0.35.0

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

@@ -23,6 +23,17 @@ export declare namespace IButton {
    * невидимы, но держат ширину кнопки, а спиннер стоит по центру.
    */
   type LoadingLabel = 'keep' | 'hide';
+  /**
+   * Вид, который кнопке задаёт место, где она стоит, — например слот подвала панели. Названное
+   * здесь сильнее входов кнопки, неназванное берётся из входов. `icon: null` снимает значок,
+   * `label` подменяет подпись.
+   */
+  interface PlaceLook {
+    readonly theme?: Theme;
+    readonly appearance?: Appearance;
+    readonly icon?: null;
+    readonly label?: string;
+  }
 }
 /** Вид колонки: решает, чем рисуется значение ячейки. */
 export declare enum ERtDataTableColumnType {
@@ -476,12 +487,16 @@ export declare const RT_KIT_LABELS_EN: {
   readonly aiLike: "Good answer";
   readonly aiNewThread: "New conversation";
   readonly aiNoThreads: "No conversations yet";
+  readonly aiPromptEffortAria: "Effort";
+  readonly aiPromptModeAria: "Mode";
+  readonly aiPromptModelAria: "Model";
   readonly aiReference: "Reference";
   readonly aiRetry: "Ask again";
   readonly aiSearchThreads: "Search conversations";
   readonly aiShowSteps: "Show steps";
   readonly aiThreads: "Conversations";
   readonly aiTitle: "Assistant";
+  readonly aiUsageAria: "Used {{percent}}% of the limit";
   readonly aiYou: "You";
   readonly asideCopyErrorInfo: "Copy error info";
   readonly asideRequestError: "Request Error";
@@ -1044,6 +1059,8 @@ export declare function rtSearchWords(query: string): string[];
 export declare function rtSearchMatches(text: string, query: string): boolean;
 /** Порог узкого вида — тот же, что у `$rt-bp-lg` в стилях кита. */
 export declare const RT_NARROW_WIDTH: number;
+/** Порог телефона — тот же, что у `$rt-bp-sm` в стилях кита. */
+export declare const RT_PHONE_WIDTH: number;
 /**
  * Узок ли вид. Ширина места страницы решает, когда место объявлено; без него решает окно.
  */
@@ -1067,6 +1084,11 @@ export declare class BreakpointsService {
    * `initialValue: false` — на SSR/CSR до первого matchMedia рендерим desktop-вариант.
    */
   readonly viewportNarrow: Signal<boolean>;
+  /**
+   * Окно телефона (≤480px). На нём то, что на экране шире стоит в строку, встаёт короче или
+   * столбиком: подпись первой кнопки подвала панели. `initialValue: false` — как у узкого окна.
+   */
+  readonly phone: Signal<boolean>;
   /**
    * Узкий вид (≤1080px) — единый порог для компонентов, которые на узком месте подменяют
    * развёрнутый контрол на компактный (напр. `rt-filter-control`: сегменты → `rt-select`).

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { AfterViewInit, ElementRef, InputSignal, InputSignalWithTransform, ModelSignal, OnDestroy, OutputEmitterRef, PipeTransform, Signal, TemplateRef, WritableSignal } from "@angular/core";
-import { IQuillDelta, IRtAiRunStatus, IRtIcon, IRtServiceLogo, IRtSideMenu, IRtThreadList, IRtTimeline, RtFormControlBase, TRtKitLabelMap } from "@rt-tools/ui-kit-v2";
+import { IQuillDelta, IRtAiPromptInput, IRtAiRunStatus, IRtIcon, IRtServiceLogo, IRtSideMenu, IRtThreadList, IRtTimeline, RtAiPromptInputComponent, RtFormControlBase, TRtKitLabelMap } from "@rt-tools/ui-kit-v2";
 import { BooleanInput, NumberInput } from "@angular/cdk/coercion";
 import { FormControl, FormGroup } from "@angular/forms";
 /**
@@ -816,7 +816,7 @@ interface IThreadRow extends IRtThreadList.Row {
  */
 export declare class RtAiChatComponent {
   #private;
-  protected readonly composer: Signal<RtMessageComposerComponent | undefined>;
+  protected readonly composer: Signal<RtAiPromptInputComponent | undefined>;
   protected readonly backButton: Signal<ElementRef<HTMLElement> | undefined>;
   protected readonly feed: Signal<ElementRef<HTMLElement> | undefined>;
   protected readonly t: Signal<TRtKitLabelMap>;
@@ -827,6 +827,7 @@ export declare class RtAiChatComponent {
   protected readonly emptyTitleText: Signal<string>;
   protected readonly emptyDescriptionText: Signal<string>;
   protected readonly disclaimerText: Signal<string>;
+  protected readonly disclaimerAbove: Signal<boolean>;
   /** Значение признака одних значков на шапке: только материальный набор, свой — без признака. */
   protected readonly headerIconSign: Signal<IRtIcon.Preset | null>;
   protected readonly hasThreads: Signal<boolean>;
@@ -853,6 +854,18 @@ export declare class RtAiChatComponent {
   readonly placeholder: InputSignal<string>;
   /** Подпись под полем сообщения; `null` — подпись кита, пустая строка — без подписи. */
   readonly disclaimer: InputSignal<string | null>;
+  /** Где стоит подпись: под полем, а где места под ним нет — над полем. */
+  readonly disclaimerPosition: InputSignal<IRtAiPromptInput.HintPosition>;
+  /** Подпись модели в ряду поля. Пусто — кнопки модели нет. */
+  readonly model: InputSignal<string>;
+  /** Подпись усилия в ряду поля. Пусто — кнопки усилия нет. */
+  readonly effort: InputSignal<string>;
+  /** Подпись режима в ряду поля. Пусто — кнопки режима нет. */
+  readonly mode: InputSignal<string>;
+  /** Потраченная доля лимита в процентах. `null` — кольца расхода нет. */
+  readonly usage: InputSignal<number | null>;
+  /** Подсказка кольца расхода: доля и дата сброса словами приложения. */
+  readonly usageHint: InputSignal<string>;
   /** Ответ пишется: поле сообщения в режиме остановки, подсказки и новая беседа выключены. */
   readonly sending: InputSignalWithTransform<boolean, BooleanInput>;
   /** Беседа загружается: крутилка, пока сообщений нет. */
@@ -899,11 +912,13 @@ export declare class RtAiChatComponent {
   readonly searchThreads: OutputEmitterRef<string>;
   readonly loadMoreThreads: OutputEmitterRef<void>;
   readonly feedbackChange: OutputEmitterRef<IRtAiChat.FeedbackChange>;
+  /** Нажата кнопка модели, усилия или режима в ряду поля: что она открывает, решает приложение. */
+  readonly controlPicked: OutputEmitterRef<IRtAiPromptInput.Control>;
   constructor();
   /** Фокус в поле сообщения после отрисовки: приложению — после своих действий вне панели. */
   focusComposer(): void;
   protected onFeedScroll(): void;
-  protected onSubmitted(value: IRtMessageComposer.SubmitPayload): void;
+  protected onSubmitted(value: IRtAiPromptInput.SubmitPayload): void;
   protected onSuggestion(text: string): void;
   protected onToggleRun(messageId: string, open: boolean): void;
   protected onFeedback(message: IRtAiChat.Message, feedback: Exclude<IRtAiChat.Feedback, null>): void;
@@ -956,6 +971,36 @@ export declare class RtAiChatComponent {
       "required": false;
       "isSignal": true;
     };
+    "disclaimerPosition": {
+      "alias": "disclaimerPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "model": {
+      "alias": "model";
+      "required": false;
+      "isSignal": true;
+    };
+    "effort": {
+      "alias": "effort";
+      "required": false;
+      "isSignal": true;
+    };
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "usage": {
+      "alias": "usage";
+      "required": false;
+      "isSignal": true;
+    };
+    "usageHint": {
+      "alias": "usageHint";
+      "required": false;
+      "isSignal": true;
+    };
     "sending": {
       "alias": "sending";
       "required": false;
@@ -1055,6 +1100,7 @@ export declare class RtAiChatComponent {
     "searchThreads": "searchThreads";
     "loadMoreThreads": "loadMoreThreads";
     "feedbackChange": "feedbackChange";
+    "controlPicked": "controlPicked";
   }, ["extraTemplate"], never, true, never>;
 }
 /**

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

@@ -0,0 +1,47 @@
+import { NumberInput } from "@angular/cdk/coercion";
+import * as i0 from "@angular/core";
+import { InputSignal, InputSignalWithTransform, Signal } from "@angular/core";
+/** Длина окружности дуги: из неё складывается доля, закрашенная по `stroke-dasharray`. */
+export declare const RT_USAGE_RING_CIRCUMFERENCE: number;
+/** Доля от 0 до 100 в целых процентах; всё вне границ прижимается к краю. */
+export declare function rtUsagePercent(value: number): number;
+/**
+ * Кольцо расхода: доля потраченного лимита дугой по кругу, с порога предупреждения оранжевая.
+ *
+ * Кольцо рисует только долю. Что за лимит и когда он сбрасывается, говорит подсказка `hint`
+ * по наведению и фокусу: её текст собирает приложение, кит не знает ни лимита, ни дат.
+ */
+export declare class RtUsageRingComponent {
+  /** Доля в целых процентах, прижатая к 0…100. */
+  protected readonly percent: Signal<number>;
+  protected readonly radius: number;
+  protected readonly circumference: number;
+  /** Незакрашенная часть окружности: дуга рисуется штрихом этой длины со смещением. */
+  protected readonly dashOffset: Signal<number>;
+  protected readonly mods: Signal<Record<string, boolean>>;
+  protected readonly label: Signal<string>;
+  /** Потраченная доля лимита в процентах. */
+  readonly value: InputSignalWithTransform<number, NumberInput>;
+  /** С этой доли кольцо оранжевое. */
+  readonly warnAt: InputSignalWithTransform<number, NumberInput>;
+  /** Подсказка по наведению и фокусу: доля и дата сброса словами приложения. Пусто — подсказки нет. */
+  readonly hint: InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RtUsageRingComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RtUsageRingComponent, "rt-usage-ring", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "warnAt": {
+      "alias": "warnAt";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -1,5 +1,6 @@
 export * from "@rt-tools/ui-kit-v2/core";
 export * from "@rt-tools/ui-kit-v2/accordion";
+export * from "@rt-tools/ui-kit-v2/ai-prompt-input";
 export * from "@rt-tools/ui-kit-v2/ai-run-status";
 export * from "@rt-tools/ui-kit-v2/action-bar";
 export * from "@rt-tools/ui-kit-v2/aside-section";
@@ -101,6 +102,7 @@ export * from "@rt-tools/ui-kit-v2/toolbar";
 export * from "@rt-tools/ui-kit-v2/tooltip";
 export * from "@rt-tools/ui-kit-v2/tree";
 export * from "@rt-tools/ui-kit-v2/tree-selector";
+export * from "@rt-tools/ui-kit-v2/usage-ring";
 export * from "@rt-tools/ui-kit-v2/welcome-dialog";
 export * from "@rt-tools/ui-kit-v2/workspace-details";
 export * from "@rt-tools/ui-kit-v2/workspace";