@agents24/chat-react 0.4.0 → 0.5.1

package/dist/ui/agent-chat-message.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { ChatHitlPart, ChatMessage, ChatPart } from "../types";
+import type { ChatHitlPart, ChatHitlResponse, ChatMessage } from "../types";
 import { type AgentChatMessageActionHandlers } from "./agent-chat-actions";
-import { type AgentChatPartActionState } from "./agent-response-timeline";
+import { type AgentChatPartActionState, type AgentChatTimelineComponent } from "./agent-response-timeline";
 export type AgentChatUserMessageContentProps = {
     collapsedLines?: number;
     collapseThreshold?: number | null;
@@ -11,6 +11,7 @@ export type AgentChatUserMessageContentProps = {
 };
 export type AgentChatMessageProps = {
     actionHandlers?: AgentChatMessageActionHandlers;
+    additionalActions?: React.ReactNode;
     actions?: React.ReactNode;
     actionsClassName?: string;
     className?: string;
@@ -18,12 +19,13 @@ export type AgentChatMessageProps = {
     dir?: "ltr" | "rtl";
     getHitlActionState?: (part: ChatHitlPart) => AgentChatPartActionState | undefined;
     message: ChatMessage;
-    onHitlAction?: (part: ChatHitlPart, decision: string, comment?: string) => void;
+    nodeActivityMode?: "default" | "all" | "hidden";
+    onHitlAction?: (part: ChatHitlPart, response: ChatHitlResponse) => void;
+    Timeline?: AgentChatTimelineComponent;
     renderAssistantContent?: (input: {
         isStreaming: boolean;
         message: ChatMessage;
     }) => React.ReactNode;
-    renderPart?: (part: ChatPart, message: ChatMessage) => React.ReactNode;
     renderUserContent?: (input: {
         message: ChatMessage;
     }) => React.ReactNode;
@@ -37,4 +39,4 @@ export type AgentChatMessageProps = {
 };
 export declare function shouldCollapseUserMessage(content: string, threshold?: number | null | undefined): boolean;
 export declare function AgentChatUserMessageContent({ collapsedLines, collapseThreshold, content, showLessLabel, showMoreLabel, }: AgentChatUserMessageContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function AgentChatMessage({ actionHandlers, actions, actionsClassName, className, contentClassName, dir, getHitlActionState, message, onHitlAction, renderAssistantContent, renderPart, renderUserContent, showAssistantAttachments, streamingMessageId, userMessageCollapsedLines, userMessageContent, userMessageCollapseThreshold, userMessageShowLessLabel, userMessageShowMoreLabel, }: AgentChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentChatMessage({ actionHandlers, additionalActions, actions, actionsClassName, className, contentClassName, dir, getHitlActionState, message, nodeActivityMode, onHitlAction, Timeline, renderAssistantContent, renderUserContent, showAssistantAttachments, streamingMessageId, userMessageCollapsedLines, userMessageContent, userMessageCollapseThreshold, userMessageShowLessLabel, userMessageShowMoreLabel, }: AgentChatMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/agent-response-timeline.d.ts

@@ -1,24 +1,46 @@
 import * as React from "react";
-import type { ChatHitlAction, ChatHitlPart, ChatMessage, ChatPart } from "../types";
+import type { ChatHitlPart, ChatHitlResponse, ChatMessage, ChatPart, ChatToolPart } from "../types";
 import type { McpConnectRequiredStatus } from "./mcp-connect-required-card";
+import { type MessageResponseProps } from "./message-response";
+import { type AgentChatToolSlots, type AgentChatToolViewMode } from "./tool-sessions";
 export type AgentChatPartActionState = {
     status?: McpConnectRequiredStatus | string;
     error?: string | null;
 };
+export type HitlActionState = AgentChatPartActionState;
 export type AgentResponseTimelineProps = {
     getHitlActionState?: (part: ChatHitlPart) => AgentChatPartActionState | undefined;
     isLoading?: boolean;
     message: ChatMessage;
-    onHitlAction?: (part: ChatHitlPart, action: ChatHitlAction, comment?: string) => void;
-    renderPart?: (part: ChatPart, message: ChatMessage) => React.ReactNode;
+    nodeActivityMode?: "default" | "all" | "hidden";
+    onHitlAction?: (part: ChatHitlPart, response: ChatHitlResponse) => void;
+    parts?: readonly ChatPart[];
+    responseProps?: Omit<MessageResponseProps, "children" | "streaming" | "streamingId">;
+    toolSlots?: AgentChatToolSlots;
+    toolViewMode?: AgentChatToolViewMode;
 };
-declare function DefaultPartRow({ activeToolId, getHitlActionState, isLoading, message, onHitlAction, part, }: {
+export type AgentChatTimelineSlotProps = Omit<AgentResponseTimelineProps, "parts"> & {
+    parts: readonly ChatPart[];
+};
+export type AgentChatTimelineComponent = React.ComponentType<AgentChatTimelineSlotProps>;
+export declare function AgentChatToolPart({ activeToolId, part, }: {
+    activeToolId?: string | null;
+    part: ChatToolPart;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentChatToolGroup({ activeToolId, parts, }: {
+    activeToolId?: string | null;
+    parts: ChatToolPart[];
+}): import("react/jsx-runtime").JSX.Element;
+export type AgentChatPartProps = {
     activeToolId?: string | null;
     getHitlActionState?: AgentResponseTimelineProps["getHitlActionState"];
     isLoading?: boolean;
+    isTextStreaming?: boolean;
     message: ChatMessage;
     onHitlAction?: AgentResponseTimelineProps["onHitlAction"];
     part: ChatPart;
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare function AgentResponseTimeline({ getHitlActionState, isLoading, message, onHitlAction, renderPart, }: AgentResponseTimelineProps): import("react/jsx-runtime").JSX.Element;
-export { DefaultPartRow as AgentChatPartRow };
+    responseProps?: AgentResponseTimelineProps["responseProps"];
+    toolSlots?: AgentChatToolSlots;
+};
+export declare function AgentChatPart({ activeToolId, getHitlActionState, isLoading, isTextStreaming, message, onHitlAction, part, responseProps, toolSlots, }: AgentChatPartProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AgentResponseTimeline({ getHitlActionState, isLoading, message, nodeActivityMode, onHitlAction, parts: displayParts, responseProps, toolSlots, toolViewMode, }: AgentResponseTimelineProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/ask-user-interaction-state.d.ts

@@ -0,0 +1,20 @@
+import type { ChatHitlAnswer, ChatHitlQuestion } from "../types";
+export type AskUserDraftAnswer = {
+    customText: string;
+    selectedOptionIds: string[];
+};
+export type AskUserDrafts = Record<string, AskUserDraftAnswer>;
+export declare function emptyAskUserDrafts(questions: ChatHitlQuestion[]): AskUserDrafts;
+export declare function askUserDraftHasAnswer(draft: AskUserDraftAnswer | undefined): boolean;
+export declare function selectAskUserOption({ draft, drafts, optionId, question, }: {
+    draft: AskUserDraftAnswer;
+    drafts: AskUserDrafts;
+    optionId: string;
+    question: ChatHitlQuestion;
+}): AskUserDrafts;
+export declare function updateAskUserCustomText({ customText, drafts, question, }: {
+    customText: string;
+    drafts: AskUserDrafts;
+    question: ChatHitlQuestion;
+}): AskUserDrafts;
+export declare function askUserAnswersFromDrafts(questions: ChatHitlQuestion[], drafts: AskUserDrafts): ChatHitlAnswer[];

package/dist/ui/ask-user-interaction.d.ts

@@ -0,0 +1,8 @@
+import type { ChatHitlAnswer, ChatHitlPart } from "../types";
+export type AskUserInteractionProps = {
+    error?: string | null;
+    isBusy?: boolean;
+    onSubmit?: (answers: ChatHitlAnswer[]) => void;
+    part: ChatHitlPart;
+};
+export declare function AskUserInteraction({ error, isBusy, onSubmit, part, }: AskUserInteractionProps): import("react/jsx-runtime").JSX.Element;