@sendbird/ai-agent-messenger-react 1.14.0 → 1.15.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import type { Action } from '@sendbird/uikit-message-template';
+import { Action } from '@sendbird/uikit-message-template';
 import { AIAgentChannelFilter } from '@sendbird/chat/aiAgent';
 import { AIAgentModule } from '@sendbird/chat/aiAgent';
 import { BaseMessage } from '@sendbird/chat/message';
@@ -39,6 +39,11 @@ export declare interface ActionbookInfo {
     step: string | null;
 }
 
+declare interface ActiveChannelUpdatedParams {
+    channelUrl: string;
+    status: ConversationStatus;
+}
+
 export declare interface AgentClientHandlers {
     onMessageSend?: (message: string) => void;
     onFunctionCallDetailClick?: (func: FunctionCallsInfo) => void;
@@ -470,9 +475,19 @@ declare interface AIAgentMessengerSessionRef {
     chatSDK: AIAgentContextValue['chatSDK'];
     authenticate: () => Promise<MessengerSettingsResponse>;
     deauthenticate: () => Promise<void>;
-    updateContext: (context: Record<string, string>) => Promise<ContextObject>;
-    patchContext: (context: Record<string, string>) => Promise<ContextObject>;
     getContextObject: () => Promise<ContextObject>;
+    updateContext: {
+        /** Updates the context of the active conversation initialized at session start. */
+        (context: Record<string, string>): Promise<ContextObject>;
+        /** Updates the context of a specific conversation by aiAgentId and channelUrl. */
+        (aiAgentId: string, channelUrl: string, context: Record<string, string>): Promise<ContextObject>;
+    };
+    patchContext: {
+        /** Patches the context of the active conversation initialized at session start. */
+        (context: Record<string, string>): Promise<ContextObject>;
+        /** Patches the context of a specific conversation by aiAgentId and channelUrl. */
+        (aiAgentId: string, channelUrl: string, context: Record<string, string>): Promise<ContextObject>;
+    };
 }
 
 export declare type AIAgentProps = PropsWithChildren<{
@@ -625,6 +640,13 @@ declare interface AIAgentQueryParams {
     conversationListParams?: ConversationListCollectionParams;
 }
 
+/**
+ * AI Agent session handler.
+ * */
+declare interface AIAgentSessionHandler extends SessionHandler {
+    onExternalAuthTokenExpired?: (data: ExternalAuthTokenExpiredData) => void;
+}
+
 /**
  * Common string set interface shared between react and react-native packages
  * These are the base strings that both packages use
@@ -774,14 +796,20 @@ declare interface CloseConversationCommandParams {
 
 declare interface CommandPayloads {
     [CommandType.ConversationClose]: undefined | CloseConversationCommandParams;
+    [CommandType.MessengerSettingsUpdated]: MessengerSettingsUpdatedParams;
+    [CommandType.ActiveChannelUpdated]: ActiveChannelUpdatedParams;
 }
 
 export declare const Commands = {
     CloseConversation: (params?: CloseConversationCommandParams) => new CloseConversationCommand(params),
+    MessengerSettingsUpdated: (params: MessengerSettingsUpdatedParams) => new MessengerSettingsUpdatedCommand(params),
+    ActiveChannelUpdated: (params: ActiveChannelUpdatedParams) => new ActiveChannelUpdatedCommand(params),
 };
 
 declare enum CommandType {
     ConversationClose = 'conv.close',
+    MessengerSettingsUpdated = 'messenger.settings.updated',
+    ActiveChannelUpdated = 'active.channel.updated',
 }
 
 declare interface ContextObject {
@@ -790,7 +818,7 @@ declare interface ContextObject {
     context: Record<string, string>;
 }
 
-export declare const Conversation: ({ children, onNavigateToConversationList, channelUrl, onClearChannelUrl, shouldMarkAsRead, style, closedChannelUrl, onClearClosedChannelUrl, }: Props_5) => JSX.Element;
+export declare const Conversation: ({ children, onNavigateToConversationList, channelUrl, onClearChannelUrl, shouldMarkAsRead, style, closedChannelUrl, onClearClosedChannelUrl, }: Props_3) => JSX.Element;
 
 export declare const ConversationContext: Context<ConversationContextValue | null>;
 
@@ -836,7 +864,7 @@ export declare const ConversationHeaderLayout: {
         template?: ComponentType<ConversationHeaderTemplateProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
+    Context: Context<LayoutContextValue<ConversationHeaderTemplateProps, {
     StartArea: () => ReactNode;
     TitleArea: () => ReactNode;
     EndArea: () => ReactNode;
@@ -846,8 +874,8 @@ export declare const ConversationHeaderLayout: {
     ConversationCloseButton: () => ReactNode;
     ExpandButton: () => ReactNode;
     CloseButton: () => ReactNode;
-    }, ConversationHeaderTemplateProps>>;
-    useContext: () => LayoutContextValue<    {
+    }>>;
+    useContext: () => LayoutContextValue<ConversationHeaderTemplateProps, {
     StartArea: () => ReactNode;
     TitleArea: () => ReactNode;
     EndArea: () => ReactNode;
@@ -857,7 +885,7 @@ export declare const ConversationHeaderLayout: {
     ConversationCloseButton: () => ReactNode;
     ExpandButton: () => ReactNode;
     CloseButton: () => ReactNode;
-    }, ConversationHeaderTemplateProps>;
+    }>;
 } & {
     StartArea: (props: {
         component: () => ReactNode;
@@ -906,16 +934,16 @@ export declare const ConversationLayout: {
         template?: ComponentType<unknown> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
+    Context: Context<LayoutContextValue<unknown, {
     Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
-    }, unknown>>;
-    useContext: () => LayoutContextValue<    {
+    }>>;
+    useContext: () => LayoutContextValue<unknown, {
     Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
-    }, unknown>;
+    }>;
 } & {
     Header: (props: {
         component: () => ReactNode;
@@ -928,7 +956,7 @@ export declare const ConversationLayout: {
     }) => null;
 };
 
-export declare const ConversationList: ({ conversationListLimit, conversationListFilter, children, onOpenConversationView, style, }: Props_6) => JSX.Element;
+export declare const ConversationList: ({ conversationListLimit, conversationListFilter, children, onOpenConversationView, style, }: Props_4) => JSX.Element;
 
 /**
  * Parameters for creating a ConversationListCollection instance.
@@ -970,20 +998,20 @@ export declare const ConversationListHeaderLayout: {
         template?: ComponentType<ConversationListHeaderTemplateProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
+    Context: Context<LayoutContextValue<ConversationListHeaderTemplateProps, {
     StartArea: () => ReactNode;
     TitleArea: () => ReactNode;
     EndArea: () => ReactNode;
     Title: () => ReactNode;
     CloseButton: () => ReactNode;
-    }, ConversationListHeaderTemplateProps>>;
-    useContext: () => LayoutContextValue<    {
+    }>>;
+    useContext: () => LayoutContextValue<ConversationListHeaderTemplateProps, {
     StartArea: () => ReactNode;
     TitleArea: () => ReactNode;
     EndArea: () => ReactNode;
     Title: () => ReactNode;
     CloseButton: () => ReactNode;
-    }, ConversationListHeaderTemplateProps>;
+    }>;
 } & {
     StartArea: (props: {
         component: () => ReactNode;
@@ -1016,8 +1044,8 @@ export declare const ConversationListItemLayout: {
         template?: ComponentType<ConversationListItemProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {}, ConversationListItemProps>>;
-    useContext: () => LayoutContextValue<    {}, ConversationListItemProps>;
+    Context: Context<LayoutContextValue<ConversationListItemProps, {}>>;
+    useContext: () => LayoutContextValue<ConversationListItemProps, {}>;
 } & {};
 
 export declare interface ConversationListItemProps {
@@ -1044,16 +1072,16 @@ export declare const ConversationListLayout: {
         template?: ComponentType<unknown> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
+    Context: Context<LayoutContextValue<unknown, {
     Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
-    }, unknown>>;
-    useContext: () => LayoutContextValue<    {
+    }>>;
+    useContext: () => LayoutContextValue<unknown, {
     Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
-    }, unknown>;
+    }>;
 } & {
     Header: (props: {
         component: () => ReactNode;
@@ -1165,6 +1193,11 @@ export declare interface CustomMessageTemplateData {
     error: string | null;
 }
 
+export declare type DateSeparatorProps = SBUFoundationProps<{
+    /** date or timestamp */
+    date?: Date | number;
+}>;
+
 export declare const DefaultMessenger: ForwardRefExoticComponent<MessengerProps & RefAttributes<MessengerSessionRef>>;
 
 declare interface Dispatcher {
@@ -1176,29 +1209,6 @@ declare interface Dispatcher {
     ): void;
 }
 
-declare function ExtendedCitation({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps): JSX.Element | null;
-
-declare function ExtendedCTAButton({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps): JSX.Element | null;
-
-/**
- * Default component for rendering custom message templates. Intentionally empty by default.
- *
- * Replace this to render custom templates from `extendedMessagePayload.custom_message_templates`.
- *
- * @example
- * <IncomingMessageLayout.CustomMessageTemplate component={MyCustomTemplate} />
- */
-declare function ExtendedCustomMessageTemplate(_: Props_4): JSX.Element;
-
-declare function ExtendedFeedback({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps): JSX.Element | null;
-
-/**
- * This component is a placeholder for the ExtendedMessageLogs component.
- * Because message logs are only visible in the action book tester.
- * @see @contexts/_UNSAFE_INTERNAL_DashboardTesterContext.tsx
- */
-declare function ExtendedMessageLogs(_: IncomingMessageProps): JSX.Element;
-
 /**
  * For better understanding: https://sendbird.atlassian.net/wiki/spaces/AA/pages/3075014695/Extended+Message+Payload+Spec
  */
@@ -1272,9 +1282,10 @@ export declare interface ExtendedMessagePayload {
     agent_message_templates: AgentMessageTemplateInfo[];
 }
 
-declare function ExtendedMessageTemplate(props: Props_3): JSX.Element;
-
-declare function ExtendedSuggestedReplies({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps): JSX.Element | null;
+declare type ExternalAuthTokenExpiredData = {
+    channelUrl: string;
+    aiAgentId: string;
+};
 
 export declare interface FeedbackInfo {
     rating: 'good' | 'bad';
@@ -1450,8 +1461,6 @@ BaseMessageProps<{
     messageTemplateLoadingFallback?: ReactNode;
 }>;
 
-declare function IncomingMessageBody(props: IncomingMessageBodyProps): JSX.Element | null;
-
 declare type IncomingMessageBodyProps<T extends MessageType = MessageType> = IncomingMessageProps<T> & {
     customStyle?: {
         bubbleContentColor?: string;
@@ -1464,94 +1473,634 @@ export declare const IncomingMessageLayout: {
     defaults: {
         template: ComponentType<IncomingMessageProps>;
         components: {
-            SenderName: typeof IncomingSenderName;
-            SenderAvatar: typeof IncomingSenderAvatar;
-            SentTime: typeof IncomingSentTime;
-            MessageBody: typeof IncomingMessageBody;
-            TypingIndicator: typeof IncomingTypingIndicator;
-            SuggestedReplies: typeof ExtendedSuggestedReplies;
-            MessageTemplate: typeof ExtendedMessageTemplate;
-            CustomMessageTemplate: typeof ExtendedCustomMessageTemplate;
-            CTAButton: typeof ExtendedCTAButton;
-            Citation: typeof ExtendedCitation;
-            Form: (props: IncomingMessageProps) => JSX.Element | null;
-            Feedback: typeof ExtendedFeedback;
-            MessageLogs: typeof ExtendedMessageLogs;
+            SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
+            SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
+            SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
+            MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+            TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+                customStyle?: {
+                    bubbleContentColor?: string;
+                    bubbleBackgroundColor?: string;
+                };
+            }) => ReactNode;
+            SuggestedReplies: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
+            MessageTemplate: (props: {
+                onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
+                onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
+                onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
+                messageTemplateErrorFallback?: ReactNode;
+                messageTemplateLoadingFallback?: ReactNode;
+                extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
+            }) => ReactNode;
+            CustomMessageTemplate: (_: ({
+                messageType: "user";
+                message: string;
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+                onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+                onHandleTemplateInternalAction?: (action: Action) => void;
+                onClickSuggestedReply?: (params: {
+                    reply: string;
+                }) => void;
+                onClickCTA?: (params: {
+                    url: string;
+                }) => void;
+                onClickCitation?: (citation: CitationInfo) => void;
+                onFeedbackUpdate?: (params: {
+                    rating: "good" | "bad";
+                    comment?: string;
+                } | null) => void;
+                onSubmitForm?: (params: {
+                    key: string;
+                    data: Record<string, FormFieldValue>;
+                }) => Promise<void>;
+                onCancelForm?: (params: {
+                    key: string;
+                }) => Promise<void>;
+                onStreamAnimationStart?: () => void;
+                onStreamAnimationProgress?: () => void;
+                onStreamAnimationComplete?: () => void;
+                messageTemplateErrorFallback?: ReactNode;
+                messageTemplateLoadingFallback?: ReactNode;
+            } & {
+                data?: string;
+                createdAt?: number;
+                extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+                groupType?: MessageGroupType;
+                maxBodyWidth?: number;
+                onClickMedia?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                onClickFile?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                children?: ReactNode;
+            }) | ({
+                messageType: "file";
+                message: string;
+                file: {
+                    type: string;
+                    url: string;
+                    name: string;
+                };
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+                onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+                onHandleTemplateInternalAction?: (action: Action) => void;
+                onClickSuggestedReply?: (params: {
+                    reply: string;
+                }) => void;
+                onClickCTA?: (params: {
+                    url: string;
+                }) => void;
+                onClickCitation?: (citation: CitationInfo) => void;
+                onFeedbackUpdate?: (params: {
+                    rating: "good" | "bad";
+                    comment?: string;
+                } | null) => void;
+                onSubmitForm?: (params: {
+                    key: string;
+                    data: Record<string, FormFieldValue>;
+                }) => Promise<void>;
+                onCancelForm?: (params: {
+                    key: string;
+                }) => Promise<void>;
+                onStreamAnimationStart?: () => void;
+                onStreamAnimationProgress?: () => void;
+                onStreamAnimationComplete?: () => void;
+                messageTemplateErrorFallback?: ReactNode;
+                messageTemplateLoadingFallback?: ReactNode;
+            } & {
+                data?: string;
+                createdAt?: number;
+                extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+                groupType?: MessageGroupType;
+                maxBodyWidth?: number;
+                onClickMedia?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                onClickFile?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                children?: ReactNode;
+            })) => ReactNode;
+            CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
+            Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
+            Form: (props: IncomingMessageProps) => ReactNode;
+            Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
+            MessageLogs: (_: IncomingMessageProps) => ReactNode;
         };
     };
     Template: ({ template, children }: {
         template?: ComponentType<IncomingMessageProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
-    SenderName: typeof IncomingSenderName;
-    SenderAvatar: typeof IncomingSenderAvatar;
-    SentTime: typeof IncomingSentTime;
-    MessageBody: typeof IncomingMessageBody;
-    TypingIndicator: typeof IncomingTypingIndicator;
-    SuggestedReplies: typeof ExtendedSuggestedReplies;
-    MessageTemplate: typeof ExtendedMessageTemplate;
-    CustomMessageTemplate: typeof ExtendedCustomMessageTemplate;
-    CTAButton: typeof ExtendedCTAButton;
-    Citation: typeof ExtendedCitation;
-    Form: (props: IncomingMessageProps) => JSX.Element | null;
-    Feedback: typeof ExtendedFeedback;
-    MessageLogs: typeof ExtendedMessageLogs;
-    }, IncomingMessageProps>>;
-    useContext: () => LayoutContextValue<    {
-    SenderName: typeof IncomingSenderName;
-    SenderAvatar: typeof IncomingSenderAvatar;
-    SentTime: typeof IncomingSentTime;
-    MessageBody: typeof IncomingMessageBody;
-    TypingIndicator: typeof IncomingTypingIndicator;
-    SuggestedReplies: typeof ExtendedSuggestedReplies;
-    MessageTemplate: typeof ExtendedMessageTemplate;
-    CustomMessageTemplate: typeof ExtendedCustomMessageTemplate;
-    CTAButton: typeof ExtendedCTAButton;
-    Citation: typeof ExtendedCitation;
-    Form: (props: IncomingMessageProps) => JSX.Element | null;
-    Feedback: typeof ExtendedFeedback;
-    MessageLogs: typeof ExtendedMessageLogs;
-    }, IncomingMessageProps>;
+    Context: Context<LayoutContextValue<IncomingMessageProps, {
+    SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
+    SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
+    SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
+    MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+    TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+    customStyle?: {
+    bubbleContentColor?: string;
+    bubbleBackgroundColor?: string;
+    };
+    }) => ReactNode;
+    SuggestedReplies: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
+    MessageTemplate: (props: {
+    onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
+    onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
+    onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
+    }) => ReactNode;
+    CustomMessageTemplate: (_: ({
+    messageType: "user";
+    message: string;
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "file";
+    message: string;
+    file: {
+    type: string;
+    url: string;
+    name: string;
+    };
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    })) => ReactNode;
+    CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
+    Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
+    Form: (props: IncomingMessageProps) => ReactNode;
+    Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
+    MessageLogs: (_: IncomingMessageProps) => ReactNode;
+    }>>;
+    useContext: () => LayoutContextValue<IncomingMessageProps, {
+    SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
+    SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
+    SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
+    MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+    TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+    customStyle?: {
+    bubbleContentColor?: string;
+    bubbleBackgroundColor?: string;
+    };
+    }) => ReactNode;
+    SuggestedReplies: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
+    MessageTemplate: (props: {
+    onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
+    onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
+    onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
+    }) => ReactNode;
+    CustomMessageTemplate: (_: ({
+    messageType: "user";
+    message: string;
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "file";
+    message: string;
+    file: {
+    type: string;
+    url: string;
+    name: string;
+    };
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    })) => ReactNode;
+    CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
+    Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
+    Form: (props: IncomingMessageProps) => ReactNode;
+    Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
+    MessageLogs: (_: IncomingMessageProps) => ReactNode;
+    }>;
 } & {
     MessageTemplate: (props: {
-        component: typeof ExtendedMessageTemplate;
+        component: (props: {
+            onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
+            onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
+            onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
+            messageTemplateErrorFallback?: ReactNode;
+            messageTemplateLoadingFallback?: ReactNode;
+            extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
+        }) => ReactNode;
     }) => null;
     SenderName: (props: {
-        component: typeof IncomingSenderName;
+        component: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
     }) => null;
     SenderAvatar: (props: {
-        component: typeof IncomingSenderAvatar;
+        component: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
     }) => null;
     SentTime: (props: {
-        component: typeof IncomingSentTime;
+        component: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
     }) => null;
     MessageBody: (props: {
-        component: typeof IncomingMessageBody;
+        component: (props: IncomingMessageBodyProps) => ReactNode;
     }) => null;
     TypingIndicator: (props: {
-        component: typeof IncomingTypingIndicator;
+        component: ({ customStyle }: IncomingMessageProps & {
+            customStyle?: {
+                bubbleContentColor?: string;
+                bubbleBackgroundColor?: string;
+            };
+        }) => ReactNode;
     }) => null;
     SuggestedReplies: (props: {
-        component: typeof ExtendedSuggestedReplies;
+        component: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
     }) => null;
     CustomMessageTemplate: (props: {
-        component: typeof ExtendedCustomMessageTemplate;
+        component: (_: ({
+            messageType: "user";
+            message: string;
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+            onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+            onHandleTemplateInternalAction?: (action: Action) => void;
+            onClickSuggestedReply?: (params: {
+                reply: string;
+            }) => void;
+            onClickCTA?: (params: {
+                url: string;
+            }) => void;
+            onClickCitation?: (citation: CitationInfo) => void;
+            onFeedbackUpdate?: (params: {
+                rating: "good" | "bad";
+                comment?: string;
+            } | null) => void;
+            onSubmitForm?: (params: {
+                key: string;
+                data: Record<string, FormFieldValue>;
+            }) => Promise<void>;
+            onCancelForm?: (params: {
+                key: string;
+            }) => Promise<void>;
+            onStreamAnimationStart?: () => void;
+            onStreamAnimationProgress?: () => void;
+            onStreamAnimationComplete?: () => void;
+            messageTemplateErrorFallback?: ReactNode;
+            messageTemplateLoadingFallback?: ReactNode;
+        } & {
+            data?: string;
+            createdAt?: number;
+            extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+            groupType?: MessageGroupType;
+            maxBodyWidth?: number;
+            onClickMedia?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            onClickFile?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            children?: ReactNode;
+        }) | ({
+            messageType: "file";
+            message: string;
+            file: {
+                type: string;
+                url: string;
+                name: string;
+            };
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+            onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+            onHandleTemplateInternalAction?: (action: Action) => void;
+            onClickSuggestedReply?: (params: {
+                reply: string;
+            }) => void;
+            onClickCTA?: (params: {
+                url: string;
+            }) => void;
+            onClickCitation?: (citation: CitationInfo) => void;
+            onFeedbackUpdate?: (params: {
+                rating: "good" | "bad";
+                comment?: string;
+            } | null) => void;
+            onSubmitForm?: (params: {
+                key: string;
+                data: Record<string, FormFieldValue>;
+            }) => Promise<void>;
+            onCancelForm?: (params: {
+                key: string;
+            }) => Promise<void>;
+            onStreamAnimationStart?: () => void;
+            onStreamAnimationProgress?: () => void;
+            onStreamAnimationComplete?: () => void;
+            messageTemplateErrorFallback?: ReactNode;
+            messageTemplateLoadingFallback?: ReactNode;
+        } & {
+            data?: string;
+            createdAt?: number;
+            extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+            groupType?: MessageGroupType;
+            maxBodyWidth?: number;
+            onClickMedia?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            onClickFile?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            children?: ReactNode;
+        })) => ReactNode;
     }) => null;
     CTAButton: (props: {
-        component: typeof ExtendedCTAButton;
+        component: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
     }) => null;
     Citation: (props: {
-        component: typeof ExtendedCitation;
+        component: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
     }) => null;
     Form: (props: {
-        component: (props: IncomingMessageProps) => JSX.Element | null;
+        component: (props: IncomingMessageProps) => ReactNode;
     }) => null;
     Feedback: (props: {
-        component: typeof ExtendedFeedback;
+        component: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
     }) => null;
     MessageLogs: (props: {
-        component: typeof ExtendedMessageLogs;
+        component: (_: IncomingMessageProps) => ReactNode;
     }) => null;
 };
 
@@ -1573,14 +2122,6 @@ declare type IncomingMessageUnion =
     };
 }>;
 
-declare function IncomingSenderAvatar({ sender, isBotMessage }: Pick<IncomingMessageProps, 'sender' | 'isBotMessage'>): JSX.Element;
-
-declare function IncomingSenderName({ sender }: Pick<IncomingMessageProps, 'sender'>): JSX.Element;
-
-declare function IncomingSentTime({ createdAt }: Pick<IncomingMessageProps, 'createdAt'>): JSX.Element | null;
-
-declare function IncomingTypingIndicator({ customStyle }: TypingIndicatorProps): JSX.Element;
-
 declare type InputState = {
     disabled: boolean;
     disabledBy:
@@ -1628,11 +2169,11 @@ declare type LauncherProps = {
     size?: number;
 };
 
-declare interface LayoutContextValue<Components extends Record<string, ComponentType<Props>>, Props> {
+declare interface LayoutContextValue<Props, Components extends Record<string, ComponentType<any>>> {
     Template: ComponentType<Props>;
     updateTemplate: (template: ComponentType<Props>) => void;
     components: Components;
-    updateComponent: (key: keyof Components, component: Components[keyof Components]) => void;
+    updateComponent: <K extends keyof Components>(key: K, component: Components[K]) => void;
 }
 
 declare interface LocalizationContextValue extends LanguageSet {
@@ -1659,7 +2200,7 @@ export declare enum LogLevel {
 export declare class ManualSessionInfo {
     userId: string;
     authToken: string;
-    sessionHandler: SessionHandler;
+    sessionHandler: AIAgentSessionHandler;
 
     constructor({ userId, authToken, sessionHandler }: ManualSessionInfoParams) {
         this.userId = userId;
@@ -1671,7 +2212,7 @@ export declare class ManualSessionInfo {
 declare interface ManualSessionInfoParams {
     userId: string;
     authToken: string;
-    sessionHandler: SessionHandler;
+    sessionHandler: AIAgentSessionHandler;
 }
 
 /**
@@ -1683,6 +2224,36 @@ declare interface ManualSessionInfoParams {
  * */
 declare type MessageGroupType = 'single' | 'top' | 'bottom' | 'middle';
 
+export declare const MessageListUILayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<unknown>;
+        components: {
+            DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
+            ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<unknown> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<unknown, {
+    DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
+    ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+    }>>;
+    useContext: () => LayoutContextValue<unknown, {
+    DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
+    ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+    }>;
+} & {
+    DateSeparator: (props: {
+        component: ({ className, date, style }: DateSeparatorProps) => ReactNode;
+    }) => null;
+    ScrollToBottomButton: (props: {
+        component: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+    }) => null;
+};
+
 export declare const MessageLogs: ({ actionbook, functionCalls, groundedness, agentMessageTemplates, onClickActionbook, onClickFunctionCall, onClickFunctionCallDetail, onClickGroundedness, onClickAgentMessageTemplate, bottomContent, renderCustomGroundednessIcon, style, }: Props_2) => JSX.Element;
 
 declare interface MessageTemplateCache {
@@ -1758,11 +2329,12 @@ declare class MessengerDispatcher implements Dispatcher {
     }
 
     unsubscribe<E extends CommandType>(eventType: E, callback: (payload: CommandPayloads[E]) => void): void {
-        if (!this.subscribers[eventType]) {
+        const callbacks = this.subscribers[eventType];
+        if (!callbacks) {
             return;
         }
 
-        this.subscribers[eventType] = this.subscribers[eventType].filter((cb) => cb !== callback);
+        this.subscribers[eventType] = callbacks.filter((cb) => cb !== callback) as typeof callbacks;
     }
 }
 
@@ -1855,6 +2427,11 @@ declare interface MessengerSettingsResponse {
     };
 }
 
+declare interface MessengerSettingsUpdatedParams {
+    settings: MessengerSettingsResponse;
+    source: 'cache' | 'server';
+}
+
 declare type MultiSelectField = {
     key: string;
     type: 'multi-select';
@@ -1907,8 +2484,6 @@ BaseMessageProps<{
     onClickFailedMessage?: () => void;
 }>;
 
-declare function OutgoingMessageBody(props: OutgoingMessageBodyProps): JSX.Element;
-
 declare type OutgoingMessageBodyProps<T extends MessageType_2 = MessageType_2> = OutgoingMessageProps<T> & {
     customStyle?: {
         bubbleContentColor?: string;
@@ -1921,34 +2496,34 @@ export declare const OutgoingMessageLayout: {
     defaults: {
         template: ComponentType<OutgoingMessageProps>;
         components: {
-            SendingStatus: typeof OutgoingSendingStatus;
-            SentTime: typeof OutgoingSentTime;
-            MessageBody: typeof OutgoingMessageBody;
+            SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
+            SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+            MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
         };
     };
     Template: ({ template, children }: {
         template?: ComponentType<OutgoingMessageProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
-    SendingStatus: typeof OutgoingSendingStatus;
-    SentTime: typeof OutgoingSentTime;
-    MessageBody: typeof OutgoingMessageBody;
-    }, OutgoingMessageProps>>;
-    useContext: () => LayoutContextValue<    {
-    SendingStatus: typeof OutgoingSendingStatus;
-    SentTime: typeof OutgoingSentTime;
-    MessageBody: typeof OutgoingMessageBody;
-    }, OutgoingMessageProps>;
+    Context: Context<LayoutContextValue<OutgoingMessageProps, {
+    SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
+    SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+    MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
+    }>>;
+    useContext: () => LayoutContextValue<OutgoingMessageProps, {
+    SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
+    SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+    MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
+    }>;
 } & {
     SentTime: (props: {
-        component: typeof OutgoingSentTime;
+        component: ({ createdAt }: OutgoingMessageProps) => ReactNode;
     }) => null;
     MessageBody: (props: {
-        component: typeof OutgoingMessageBody;
+        component: (props: OutgoingMessageBodyProps) => ReactNode;
     }) => null;
     SendingStatus: (props: {
-        component: typeof OutgoingSendingStatus;
+        component: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
     }) => null;
 };
 
@@ -1974,10 +2549,6 @@ declare type OutgoingMessageUnion =
     };
 }>;
 
-declare function OutgoingSendingStatus({ sendingStatus }: OutgoingMessageProps): JSX.Element | null;
-
-declare function OutgoingSentTime({ createdAt }: OutgoingMessageProps): JSX.Element | null;
-
 declare interface PaletteColor {
     extraDark: string;
     dark: string;
@@ -2052,18 +2623,18 @@ export declare const PlaceholderLayout: {
         template?: ComponentType<PlaceholderTemplateProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
+    Context: Context<LayoutContextValue<PlaceholderTemplateProps, {
     Loading: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
     Error: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
     NoChannels: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
     NoMessages: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
-    }, PlaceholderTemplateProps>>;
-    useContext: () => LayoutContextValue<    {
+    }>>;
+    useContext: () => LayoutContextValue<PlaceholderTemplateProps, {
     Loading: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
     Error: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
     NoChannels: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
     NoMessages: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
-    }, PlaceholderTemplateProps>;
+    }>;
 } & {
     Loading: (props: {
         component: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
@@ -2137,11 +2708,7 @@ declare type Props_2 = {
     }) => ReactNode;
 };
 
-declare type Props_3 = Pick<IncomingMessageProps, 'extendedMessagePayload' | 'onGetCachedMessageTemplate' | 'onRequestMessageTemplate' | 'onHandleTemplateInternalAction' | 'messageTemplateErrorFallback' | 'messageTemplateLoadingFallback'>;
-
-declare type Props_4 = IncomingMessageProps;
-
-declare type Props_5 = PropsWithChildren<{
+declare type Props_3 = PropsWithChildren<{
     channelUrl?: string;
     onClearChannelUrl?: () => void;
     onNavigateToConversationList?: () => void;
@@ -2154,7 +2721,7 @@ declare type Props_5 = PropsWithChildren<{
     onClearClosedChannelUrl?: () => void;
 }>;
 
-declare type Props_6 = PropsWithChildren<{
+declare type Props_4 = PropsWithChildren<{
     conversationListLimit?: number;
     conversationListFilter?: Partial<AIAgentGroupChannelFilter>;
     onOpenConversationView?: (channelUrl: string, status: 'open' | 'closed') => void;
@@ -2162,7 +2729,21 @@ declare type Props_6 = PropsWithChildren<{
     style?: CSSProperties;
 }>;
 
+declare type SBUFoundationProps<T = NonNullable<unknown>> = T & {
+    className?: string;
+    children?: ReactNode;
+    testId?: string;
+    style?: CSSProperties;
+    ariaLabel?: string;
+};
+
+export declare type ScrollToBottomButtonProps = SBUFoundationProps<{
+    onClick: () => void;
+    ariaLabel?: string;
+}>;
+
 declare interface SearchConversationParams {
+    aiAgentId: string;
     context: Record<string, string>;
 }
 
@@ -2263,7 +2844,7 @@ declare type StringSet = {
     CONVERSATION_LIST__TOPICS_FALLBACK: string;
     /** @deprecated Unused string **/
     CONVERSATION_CLOSED_FOOTER_LABEL: string;
-    /** @deprecated Unused string **/
+    /** @deprecated Unused string, please use TALK_TO_AGENT instead **/
     START_NEW_CONVERSATION: string;
     /** @deprecated Unused string **/
     RETURN_TO_CONVERSATION: string;
@@ -2277,8 +2858,6 @@ declare type StringSet = {
     CHANNEL_FROZEN: string;
 };
 
-declare function SystemAdminMessage(props: SystemMessageProps): JSX.Element | null;
-
 declare type SystemBaseMessageProps<T> = T & BaseMessageProps<{}>;
 
 export declare const SystemMessageLayout: {
@@ -2286,28 +2865,28 @@ export declare const SystemMessageLayout: {
     defaults: {
         template: ComponentType<SystemMessageProps>;
         components: {
-            AdminMessage: typeof SystemAdminMessage;
-            CSATMessage: (props: SystemMessageProps) => JSX.Element | null;
+            AdminMessage: (props: SystemMessageProps) => ReactNode;
+            CSATMessage: (props: SystemMessageProps) => ReactNode;
         };
     };
     Template: ({ template, children }: {
         template?: ComponentType<SystemMessageProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<    {
-    AdminMessage: typeof SystemAdminMessage;
-    CSATMessage: (props: SystemMessageProps) => JSX.Element | null;
-    }, SystemMessageProps>>;
-    useContext: () => LayoutContextValue<    {
-    AdminMessage: typeof SystemAdminMessage;
-    CSATMessage: (props: SystemMessageProps) => JSX.Element | null;
-    }, SystemMessageProps>;
+    Context: Context<LayoutContextValue<SystemMessageProps, {
+    AdminMessage: (props: SystemMessageProps) => ReactNode;
+    CSATMessage: (props: SystemMessageProps) => ReactNode;
+    }>>;
+    useContext: () => LayoutContextValue<SystemMessageProps, {
+    AdminMessage: (props: SystemMessageProps) => ReactNode;
+    CSATMessage: (props: SystemMessageProps) => ReactNode;
+    }>;
 } & {
     AdminMessage: (props: {
-        component: typeof SystemAdminMessage;
+        component: (props: SystemMessageProps) => ReactNode;
     }) => null;
     CSATMessage: (props: {
-        component: (props: SystemMessageProps) => JSX.Element | null;
+        component: (props: SystemMessageProps) => ReactNode;
     }) => null;
 };
 
@@ -2344,13 +2923,6 @@ declare type TextField = {
     };
 };
 
-declare type TypingIndicatorProps = IncomingMessageProps & {
-    customStyle?: {
-        bubbleContentColor?: string;
-        bubbleBackgroundColor?: string;
-    };
-};
-
 declare interface TypographyShape {
     h1: TypographyVariant;
     h2: TypographyVariant;
@@ -2427,7 +2999,7 @@ declare type UserSession = {
 declare interface UserSessionInfo {
     userId: string;
     authToken: string;
-    sessionHandler: SessionHandler;
+    sessionHandler: AIAgentSessionHandler;
 }
 
 export { }