@llmnative/react 1.46.0 → 1.48.0

package/dist/types/src/I18n.d.ts

@@ -355,6 +355,16 @@ export interface I18nDict {
         submit: string;
         noAnswer: string;
         answered: string;
+        /** CR-123 — ChatActivity: the work of an agent (`{count}` in activityCount, activityFailed, activityFiles). */
+        activityCount: string;
+        activityFailed: string;
+        activityCommands: string;
+        activityHide: string;
+        activityLog: string;
+        activitySteps: string;
+        activityFiles: string;
+        activityChanges: string;
+        activityEmpty: string;
     };
     /** CR-112 — the charts: empty state, totals, the scale of the heatmaps, the data table. */
     charts: {

package/dist/types/src/components/index.d.ts

@@ -83,6 +83,8 @@ export { default as ChatReasoning } from './widgets/chat/ChatReasoning';
 export type { ChatReasoningProps, ChatReasoningClassNames } from './widgets/chat/ChatReasoning';
 export { default as ChatQuestions } from './widgets/chat/ChatQuestions';
 export type { ChatQuestion, ChatQuestionOption, ChatQuestionAnswer, ChatQuestionsNumbering, ChatQuestionsProps, ChatQuestionsClassNames } from './widgets/chat/ChatQuestions';
+export { default as ChatActivity } from './widgets/chat/ChatActivity';
+export type { ChatActivityItem, ChatActivitySteps, ChatActivityProps, ChatActivityClassNames } from './widgets/chat/ChatActivity';
 export { repairStreamingMarkdown } from '../libs/streamingMarkdown';
 export { default as TabDynamic } from './widgets/TabDynamic';
 export { default as Component } from './Component';

package/dist/types/src/components/widgets/chat/ChatActivity.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+/** One group of steps of an agent: what it did, how many times, what it touched; the lines under it on request. */
+export interface ChatActivitySteps {
+    type: 'steps';
+    /** Icon name of the icon provider. Default `terminal`. */
+    icon?: string;
+    /** What the agent did, in a few words ("Reads files", "Runs the tests"). */
+    label: string;
+    /** How many steps the group has: shown from 2 on. */
+    count?: number;
+    /** Short details next to the label: the queries, the files, the commands. The first four, the rest on hover. */
+    detail?: readonly string[];
+    /** How many steps of the group failed: a warning badge. */
+    failed?: number;
+    /** The lines under the group (its commands, their errors), shown in a block opened by its button. */
+    lines?: readonly string[];
+}
+/** An item of the work of an agent: a group of steps, its own words (Markdown), or how it ended. */
+export type ChatActivityItem = ChatActivitySteps | {
+    type: 'text';
+    text: string;
+} | {
+    type: 'end';
+    ok: boolean;
+    text: string;
+};
+/** Classes for the parts of a `ChatActivity`, added to the defaults. */
+export interface ChatActivityClassNames {
+    root?: string;
+    step?: string;
+    text?: string;
+    files?: string;
+    log?: string;
+}
+export interface ChatActivityProps {
+    items: readonly ChatActivityItem[];
+    /** The files the agent changed: listed at the end. */
+    files?: readonly string[];
+    /** Opens the changes of the files (a diff, a page of the repository): its button next to the list. */
+    onShowChanges?: () => void;
+    /** The whole raw log: with it, a switch to read it and back. */
+    log?: readonly string[];
+    className?: string;
+    classNames?: ChatActivityClassNames;
+}
+/**
+ * CR-123 — The work of an agent in a chat, as AI assistants show it: what it did, grouped (an icon, a label, how many
+ * steps, the queries or the files), its commands on request, its own words in between, how it ended, the files it
+ * changed with their changes on request; the whole raw log one click away. The consumer maps its own log to the items.
+ */
+export default function ChatActivity({ items, files, onShowChanges, log, className, classNames }: ChatActivityProps): React.JSX.Element;