@chainlit/react-client 0.2.1 → 0.2.3

package/README.md

@@ -59,8 +59,7 @@ const ChatComponent = () => {
     connect({
       userEnv: {
         /* user environment variables */
-      },
-      accessToken: 'Bearer YOUR_ACCESS_TOKEN' // Optional Chainlit auth token
+      }
     });
 
     return () => {
@@ -93,7 +92,7 @@ const MessagesComponent = () => {
   return (
     <div>
       {messages.map((message) => (
-        <p key={message.id}>{message.content}</p>
+        <p key={message.id}>{message.output}</p>
       ))}
     </div>
   );
@@ -159,12 +158,12 @@ const InteractionComponent = () => {
   const { sendMessage, replyMessage } = useChatInteract();
 
   const handleSendMessage = () => {
-    const message = { content: 'Hello, World!', id: 'message-id' };
+    const message = { output: 'Hello, World!', id: 'message-id' };
     sendMessage(message);
   };
 
   const handleReplyMessage = () => {
-    const message = { content: 'Replying to your message', id: 'reply-id' };
+    const message = { output: 'Replying to your message', id: 'reply-id' };
     replyMessage(message);
   };
 

package/dist/index.d.mts

@@ -7,14 +7,14 @@ import * as swr__internal from 'swr/_internal';
 import { SWRConfiguration } from 'swr';
 
 interface IAction {
-    description?: string;
+    label: string;
     forId: string;
     id: string;
-    label?: string;
+    payload: Record<string, unknown>;
     name: string;
     onClick: () => void;
-    value: string;
-    collapsed: boolean;
+    tooltip: string;
+    icon?: string;
 }
 interface ICallFn {
     callback: (payload: Record<string, any>) => void;
@@ -22,8 +22,8 @@ interface ICallFn {
     args: Record<string, any>;
 }
 
-type IElement = IImageElement | ITextElement | IPdfElement | ITasklistElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement;
-type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement;
+type IElement = IImageElement | ITextElement | IPdfElement | ITasklistElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement | ICustomElement;
+type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement | ICustomElement;
 type ElementType = IElement['type'];
 type IElementSize = 'small' | 'medium' | 'large';
 interface TElement<T> {
@@ -61,6 +61,15 @@ interface IFileElement extends TMessageElement<'file'> {
 type IPlotlyElement = TMessageElement<'plotly'>;
 type ITasklistElement = TElement<'tasklist'>;
 type IDataframeElement = TMessageElement<'dataframe'>;
+interface ICustomElement extends TMessageElement<'custom'> {
+    props: Record<string, unknown>;
+}
+
+interface ICommand {
+    id: string;
+    icon: string;
+    description: string;
+}
 
 interface IFeedback {
     id?: string;
@@ -78,6 +87,7 @@ interface IStep {
     threadId?: string;
     parentId?: string;
     isError?: boolean;
+    command?: string;
     showInput?: boolean | string;
     waitForAnswer?: boolean;
     input?: string;
@@ -87,6 +97,7 @@ interface IStep {
     end?: number | string;
     feedback?: IFeedback;
     language?: string;
+    defaultOpen?: boolean;
     streaming?: boolean;
     steps?: IStep[];
     metadata?: Record<string, any>;
@@ -170,22 +181,28 @@ interface IAuthConfig {
     requireLogin: boolean;
     passwordAuth: boolean;
     headerAuth: boolean;
-    cookieAuth: boolean;
     oauthProviders: string[];
+    default_theme?: 'light' | 'dark';
 }
 interface IChainlitConfig {
     markdown?: string;
     ui: {
         name: string;
         description?: string;
+        font_family?: string;
+        default_theme?: 'light' | 'dark';
+        layout?: 'default' | 'wide';
         cot: 'hidden' | 'tool_call' | 'full';
-        default_collapse_content?: boolean;
         github?: string;
-        theme: any;
         custom_css?: string;
         custom_js?: string;
         custom_font?: string;
         custom_meta_image_url?: string;
+        header_links?: {
+            name: string;
+            icon_url: string;
+            url: string;
+        }[];
     };
     features: {
         spontaneous_file_upload?: {
@@ -237,11 +254,6 @@ declare const useChatInteract: () => {
             id: string;
         }>;
     };
-    callAction: (action: IAction) => Promise<{
-        id: string;
-        status: boolean;
-        response?: string | undefined;
-    }> | undefined;
     clear: () => void;
     replyMessage: (message: IStep) => void;
     sendMessage: (message: PartialBy<IStep, 'createdAt' | 'id'>, fileReferences?: IFileRef[]) => void;
@@ -266,11 +278,13 @@ interface ISession {
     error?: boolean;
 }
 declare const threadIdToResumeState: recoil.RecoilState<string | undefined>;
+declare const resumeThreadErrorState: recoil.RecoilState<string | undefined>;
 declare const chatProfileState: recoil.RecoilState<string | undefined>;
 declare const sessionIdState: recoil.RecoilState<string>;
 declare const sessionState: recoil.RecoilState<ISession | undefined>;
 declare const actionState: recoil.RecoilState<IAction[]>;
 declare const messagesState: recoil.RecoilState<IStep[]>;
+declare const commandsState: recoil.RecoilState<ICommand[]>;
 declare const tokenCountState: recoil.RecoilState<number>;
 declare const loadingState: recoil.RecoilState<boolean>;
 declare const askUserState: recoil.RecoilState<IAsk | undefined>;
@@ -285,19 +299,20 @@ declare const chatSettingsValueState: recoil.RecoilState<any>;
 declare const elementState: recoil.RecoilState<IMessageElement[]>;
 declare const tasklistState: recoil.RecoilState<ITasklistElement[]>;
 declare const firstUserInteraction: recoil.RecoilState<string | undefined>;
-declare const accessTokenState: recoil.RecoilState<string | undefined>;
-declare const userState: recoil.RecoilState<IUser | null>;
+declare const userState: recoil.RecoilState<IUser | null | undefined>;
 declare const configState: recoil.RecoilState<IChainlitConfig | undefined>;
 declare const authState: recoil.RecoilState<IAuthConfig | undefined>;
 declare const threadHistoryState: recoil.RecoilState<ThreadHistory | undefined>;
-declare const sideViewState: recoil.RecoilState<IMessageElement | undefined>;
+declare const sideViewState: recoil.RecoilState<{
+    title: string;
+    elements: IMessageElement[];
+} | undefined>;
 declare const currentThreadIdState: recoil.RecoilState<string | undefined>;
 
 declare const useChatSession: () => {
-    connect: lodash.DebouncedFunc<({ transports, userEnv, accessToken }: {
+    connect: lodash.DebouncedFunc<({ transports, userEnv }: {
         transports?: string[] | undefined;
         userEnv: Record<string, string>;
-        accessToken?: string | undefined;
     }) => void>;
     disconnect: () => void;
     session: ISession | undefined;
@@ -316,7 +331,7 @@ declare const useAudio: () => {
     wavStreamPlayer: any;
 };
 
-declare const useConfig: (accessToken?: string) => {
+declare const useConfig: () => {
     config: IChainlitConfig | undefined;
     error: Error | undefined;
     isLoading: boolean;
@@ -328,27 +343,19 @@ declare const useAuth: () => {
     user: null;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string;
     logout: () => Promise<void>;
-    setAccessToken: () => void;
     setUserFromAPI: () => Promise<void>;
-    cookieAuth: boolean | undefined;
 } | {
     data: IAuthConfig | undefined;
-    user: IUser | null;
+    user: IUser | null | undefined;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string | undefined;
     logout: (reload?: boolean) => Promise<void>;
-    setAccessToken: (token: string) => void;
     setUserFromAPI: swr__internal.KeyedMutator<IUser>;
-    cookieAuth: boolean | undefined;
 };
 
-declare const fetcher: (client: ChainlitAPI, endpoint: string, token?: string) => Promise<any>;
-declare function useApi<T>(path?: string | null, { token, ...swrConfig }?: SWRConfiguration & {
-    token?: string;
-}): swr__internal.SWRResponse<T, Error, Partial<swr__internal.PublicConfiguration<T, Error, swr__internal.BareFetcher<T>>> | undefined>;
+declare const fetcher: (client: ChainlitAPI, endpoint: string) => Promise<any>;
+declare function useApi<T>(path?: string | null, { ...swrConfig }?: SWRConfiguration): swr__internal.SWRResponse<T, Error, Partial<swr__internal.PublicConfiguration<T, Error, swr__internal.BareFetcher<T>>> | undefined>;
 
 interface IThreadFilters {
     search?: string;
@@ -378,36 +385,44 @@ declare class APIBase {
     buildEndpoint(path: string): string;
     private getDetailFromErrorResponse;
     private handleRequestError;
-    fetch(method: string, path: string, token?: string, data?: Payload, signal?: AbortSignal): Promise<Response>;
-    get(endpoint: string, token?: string): Promise<Response>;
-    post(endpoint: string, data: Payload, token?: string, signal?: AbortSignal): Promise<Response>;
-    put(endpoint: string, data: Payload, token?: string): Promise<Response>;
-    patch(endpoint: string, data: Payload, token?: string): Promise<Response>;
-    delete(endpoint: string, data: Payload, token?: string): Promise<Response>;
+    fetch(method: string, path: string, data?: Payload, signal?: AbortSignal, headers?: {
+        Authorization?: string;
+        'Content-Type'?: string;
+    }): Promise<Response>;
+    get(endpoint: string): Promise<Response>;
+    post(endpoint: string, data: Payload, signal?: AbortSignal): Promise<Response>;
+    put(endpoint: string, data: Payload): Promise<Response>;
+    patch(endpoint: string, data: Payload): Promise<Response>;
+    delete(endpoint: string, data: Payload): Promise<Response>;
 }
 declare class ChainlitAPI extends APIBase {
     headerAuth(): Promise<any>;
+    jwtAuth(token: string): Promise<any>;
     passwordAuth(data: FormData): Promise<any>;
-    getUser(accessToken?: string): Promise<IUser>;
+    getUser(): Promise<IUser>;
     logout(): Promise<any>;
-    setFeedback(feedback: IFeedback, accessToken?: string): Promise<{
+    setFeedback(feedback: IFeedback): Promise<{
         success: boolean;
         feedbackId: string;
     }>;
-    deleteFeedback(feedbackId: string, accessToken?: string): Promise<{
+    deleteFeedback(feedbackId: string): Promise<{
         success: boolean;
     }>;
-    listThreads(pagination: IPagination, filter: IThreadFilters, accessToken?: string): Promise<{
+    listThreads(pagination: IPagination, filter: IThreadFilters): Promise<{
         pageInfo: IPageInfo;
         data: IThread[];
     }>;
-    deleteThread(threadId: string, accessToken?: string): Promise<any>;
-    uploadFile(file: File, onProgress: (progress: number) => void, sessionId: string, token?: string): {
+    renameThread(threadId: string, name: string): Promise<any>;
+    deleteThread(threadId: string): Promise<any>;
+    uploadFile(file: File, onProgress: (progress: number) => void, sessionId: string): {
         xhr: XMLHttpRequest;
         promise: Promise<{
             id: string;
         }>;
     };
+    callAction(action: IAction, sessionId: string): Promise<any>;
+    updateElement(element: IElement, sessionId: string): Promise<any>;
+    deleteElement(element: IElement, sessionId: string): Promise<any>;
     getElementUrl(id: string, sessionId: string): string;
     getLogoEndpoint(theme: string): string;
     getOAuthEndpoint(provider: string): string;
@@ -429,4 +444,4 @@ declare const WavRenderer: {
     drawBars: (ctx: CanvasRenderingContext2D, data: Float32Array, cssWidth: number, cssHeight: number, color: string, pointCount?: number, barWidth?: number, barSpacing?: number, center?: boolean) => void;
 };
 
-export { APIBase, ActionSpec, AuthProvider, ChainlitAPI, ChainlitContext, ChatProfile, ClientError, ElementType, FileSpec, IAction, IAsk, IAudioConfig, IAudioElement, IAuthConfig, ICallFn, IChainlitConfig, IDataframeElement, IElement, IElementSize, IFeedback, IFileElement, IFileRef, IImageElement, IMessageElement, IPageInfo, IPagination, IPdfElement, IPlotlyElement, ISession, IStarter, IStep, ITasklistElement, ITextElement, IThread, IThreadFilters, IToken, IUser, IUserMetadata, IVideoElement, ThreadHistory, UserInput, WavRenderer, accessTokenState, actionState, addMessage, addMessageToParent, askUserState, audioConnectionState, authState, callFnState, chatProfileState, chatSettingsDefaultValueSelector, chatSettingsInputsState, chatSettingsValueState, configState, currentThreadIdState, defaultChainlitContext, deleteMessageById, elementState, fetcher, firstUserInteraction, hasMessageById, isAiSpeakingState, isLastMessage, loadingState, messagesState, nestMessages, sessionIdState, sessionState, sideViewState, tasklistState, threadHistoryState, threadIdToResumeState, tokenCountState, updateMessageById, updateMessageContentById, useApi, useAudio, useAuth, useChatData, useChatInteract, useChatMessages, useChatSession, useConfig, userState, wavRecorderState, wavStreamPlayerState };
+export { APIBase, ActionSpec, AuthProvider, ChainlitAPI, ChainlitContext, ChatProfile, ClientError, ElementType, FileSpec, IAction, IAsk, IAudioConfig, IAudioElement, IAuthConfig, ICallFn, IChainlitConfig, ICommand, ICustomElement, IDataframeElement, IElement, IElementSize, IFeedback, IFileElement, IFileRef, IImageElement, IMessageElement, IPageInfo, IPagination, IPdfElement, IPlotlyElement, ISession, IStarter, IStep, ITasklistElement, ITextElement, IThread, IThreadFilters, IToken, IUser, IUserMetadata, IVideoElement, ThreadHistory, UserInput, WavRenderer, actionState, addMessage, addMessageToParent, askUserState, audioConnectionState, authState, callFnState, chatProfileState, chatSettingsDefaultValueSelector, chatSettingsInputsState, chatSettingsValueState, commandsState, configState, currentThreadIdState, defaultChainlitContext, deleteMessageById, elementState, fetcher, firstUserInteraction, hasMessageById, isAiSpeakingState, isLastMessage, loadingState, messagesState, nestMessages, resumeThreadErrorState, sessionIdState, sessionState, sideViewState, tasklistState, threadHistoryState, threadIdToResumeState, tokenCountState, updateMessageById, updateMessageContentById, useApi, useAudio, useAuth, useChatData, useChatInteract, useChatMessages, useChatSession, useConfig, userState, wavRecorderState, wavStreamPlayerState };

package/dist/index.d.ts

@@ -7,14 +7,14 @@ import * as swr__internal from 'swr/_internal';
 import { SWRConfiguration } from 'swr';
 
 interface IAction {
-    description?: string;
+    label: string;
     forId: string;
     id: string;
-    label?: string;
+    payload: Record<string, unknown>;
     name: string;
     onClick: () => void;
-    value: string;
-    collapsed: boolean;
+    tooltip: string;
+    icon?: string;
 }
 interface ICallFn {
     callback: (payload: Record<string, any>) => void;
@@ -22,8 +22,8 @@ interface ICallFn {
     args: Record<string, any>;
 }
 
-type IElement = IImageElement | ITextElement | IPdfElement | ITasklistElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement;
-type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement;
+type IElement = IImageElement | ITextElement | IPdfElement | ITasklistElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement | ICustomElement;
+type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement | IDataframeElement | ICustomElement;
 type ElementType = IElement['type'];
 type IElementSize = 'small' | 'medium' | 'large';
 interface TElement<T> {
@@ -61,6 +61,15 @@ interface IFileElement extends TMessageElement<'file'> {
 type IPlotlyElement = TMessageElement<'plotly'>;
 type ITasklistElement = TElement<'tasklist'>;
 type IDataframeElement = TMessageElement<'dataframe'>;
+interface ICustomElement extends TMessageElement<'custom'> {
+    props: Record<string, unknown>;
+}
+
+interface ICommand {
+    id: string;
+    icon: string;
+    description: string;
+}
 
 interface IFeedback {
     id?: string;
@@ -78,6 +87,7 @@ interface IStep {
     threadId?: string;
     parentId?: string;
     isError?: boolean;
+    command?: string;
     showInput?: boolean | string;
     waitForAnswer?: boolean;
     input?: string;
@@ -87,6 +97,7 @@ interface IStep {
     end?: number | string;
     feedback?: IFeedback;
     language?: string;
+    defaultOpen?: boolean;
     streaming?: boolean;
     steps?: IStep[];
     metadata?: Record<string, any>;
@@ -170,22 +181,28 @@ interface IAuthConfig {
     requireLogin: boolean;
     passwordAuth: boolean;
     headerAuth: boolean;
-    cookieAuth: boolean;
     oauthProviders: string[];
+    default_theme?: 'light' | 'dark';
 }
 interface IChainlitConfig {
     markdown?: string;
     ui: {
         name: string;
         description?: string;
+        font_family?: string;
+        default_theme?: 'light' | 'dark';
+        layout?: 'default' | 'wide';
         cot: 'hidden' | 'tool_call' | 'full';
-        default_collapse_content?: boolean;
         github?: string;
-        theme: any;
         custom_css?: string;
         custom_js?: string;
         custom_font?: string;
         custom_meta_image_url?: string;
+        header_links?: {
+            name: string;
+            icon_url: string;
+            url: string;
+        }[];
     };
     features: {
         spontaneous_file_upload?: {
@@ -237,11 +254,6 @@ declare const useChatInteract: () => {
             id: string;
         }>;
     };
-    callAction: (action: IAction) => Promise<{
-        id: string;
-        status: boolean;
-        response?: string | undefined;
-    }> | undefined;
     clear: () => void;
     replyMessage: (message: IStep) => void;
     sendMessage: (message: PartialBy<IStep, 'createdAt' | 'id'>, fileReferences?: IFileRef[]) => void;
@@ -266,11 +278,13 @@ interface ISession {
     error?: boolean;
 }
 declare const threadIdToResumeState: recoil.RecoilState<string | undefined>;
+declare const resumeThreadErrorState: recoil.RecoilState<string | undefined>;
 declare const chatProfileState: recoil.RecoilState<string | undefined>;
 declare const sessionIdState: recoil.RecoilState<string>;
 declare const sessionState: recoil.RecoilState<ISession | undefined>;
 declare const actionState: recoil.RecoilState<IAction[]>;
 declare const messagesState: recoil.RecoilState<IStep[]>;
+declare const commandsState: recoil.RecoilState<ICommand[]>;
 declare const tokenCountState: recoil.RecoilState<number>;
 declare const loadingState: recoil.RecoilState<boolean>;
 declare const askUserState: recoil.RecoilState<IAsk | undefined>;
@@ -285,19 +299,20 @@ declare const chatSettingsValueState: recoil.RecoilState<any>;
 declare const elementState: recoil.RecoilState<IMessageElement[]>;
 declare const tasklistState: recoil.RecoilState<ITasklistElement[]>;
 declare const firstUserInteraction: recoil.RecoilState<string | undefined>;
-declare const accessTokenState: recoil.RecoilState<string | undefined>;
-declare const userState: recoil.RecoilState<IUser | null>;
+declare const userState: recoil.RecoilState<IUser | null | undefined>;
 declare const configState: recoil.RecoilState<IChainlitConfig | undefined>;
 declare const authState: recoil.RecoilState<IAuthConfig | undefined>;
 declare const threadHistoryState: recoil.RecoilState<ThreadHistory | undefined>;
-declare const sideViewState: recoil.RecoilState<IMessageElement | undefined>;
+declare const sideViewState: recoil.RecoilState<{
+    title: string;
+    elements: IMessageElement[];
+} | undefined>;
 declare const currentThreadIdState: recoil.RecoilState<string | undefined>;
 
 declare const useChatSession: () => {
-    connect: lodash.DebouncedFunc<({ transports, userEnv, accessToken }: {
+    connect: lodash.DebouncedFunc<({ transports, userEnv }: {
         transports?: string[] | undefined;
         userEnv: Record<string, string>;
-        accessToken?: string | undefined;
     }) => void>;
     disconnect: () => void;
     session: ISession | undefined;
@@ -316,7 +331,7 @@ declare const useAudio: () => {
     wavStreamPlayer: any;
 };
 
-declare const useConfig: (accessToken?: string) => {
+declare const useConfig: () => {
     config: IChainlitConfig | undefined;
     error: Error | undefined;
     isLoading: boolean;
@@ -328,27 +343,19 @@ declare const useAuth: () => {
     user: null;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string;
     logout: () => Promise<void>;
-    setAccessToken: () => void;
     setUserFromAPI: () => Promise<void>;
-    cookieAuth: boolean | undefined;
 } | {
     data: IAuthConfig | undefined;
-    user: IUser | null;
+    user: IUser | null | undefined;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string | undefined;
     logout: (reload?: boolean) => Promise<void>;
-    setAccessToken: (token: string) => void;
     setUserFromAPI: swr__internal.KeyedMutator<IUser>;
-    cookieAuth: boolean | undefined;
 };
 
-declare const fetcher: (client: ChainlitAPI, endpoint: string, token?: string) => Promise<any>;
-declare function useApi<T>(path?: string | null, { token, ...swrConfig }?: SWRConfiguration & {
-    token?: string;
-}): swr__internal.SWRResponse<T, Error, Partial<swr__internal.PublicConfiguration<T, Error, swr__internal.BareFetcher<T>>> | undefined>;
+declare const fetcher: (client: ChainlitAPI, endpoint: string) => Promise<any>;
+declare function useApi<T>(path?: string | null, { ...swrConfig }?: SWRConfiguration): swr__internal.SWRResponse<T, Error, Partial<swr__internal.PublicConfiguration<T, Error, swr__internal.BareFetcher<T>>> | undefined>;
 
 interface IThreadFilters {
     search?: string;
@@ -378,36 +385,44 @@ declare class APIBase {
     buildEndpoint(path: string): string;
     private getDetailFromErrorResponse;
     private handleRequestError;
-    fetch(method: string, path: string, token?: string, data?: Payload, signal?: AbortSignal): Promise<Response>;
-    get(endpoint: string, token?: string): Promise<Response>;
-    post(endpoint: string, data: Payload, token?: string, signal?: AbortSignal): Promise<Response>;
-    put(endpoint: string, data: Payload, token?: string): Promise<Response>;
-    patch(endpoint: string, data: Payload, token?: string): Promise<Response>;
-    delete(endpoint: string, data: Payload, token?: string): Promise<Response>;
+    fetch(method: string, path: string, data?: Payload, signal?: AbortSignal, headers?: {
+        Authorization?: string;
+        'Content-Type'?: string;
+    }): Promise<Response>;
+    get(endpoint: string): Promise<Response>;
+    post(endpoint: string, data: Payload, signal?: AbortSignal): Promise<Response>;
+    put(endpoint: string, data: Payload): Promise<Response>;
+    patch(endpoint: string, data: Payload): Promise<Response>;
+    delete(endpoint: string, data: Payload): Promise<Response>;
 }
 declare class ChainlitAPI extends APIBase {
     headerAuth(): Promise<any>;
+    jwtAuth(token: string): Promise<any>;
     passwordAuth(data: FormData): Promise<any>;
-    getUser(accessToken?: string): Promise<IUser>;
+    getUser(): Promise<IUser>;
     logout(): Promise<any>;
-    setFeedback(feedback: IFeedback, accessToken?: string): Promise<{
+    setFeedback(feedback: IFeedback): Promise<{
         success: boolean;
         feedbackId: string;
     }>;
-    deleteFeedback(feedbackId: string, accessToken?: string): Promise<{
+    deleteFeedback(feedbackId: string): Promise<{
         success: boolean;
     }>;
-    listThreads(pagination: IPagination, filter: IThreadFilters, accessToken?: string): Promise<{
+    listThreads(pagination: IPagination, filter: IThreadFilters): Promise<{
         pageInfo: IPageInfo;
         data: IThread[];
     }>;
-    deleteThread(threadId: string, accessToken?: string): Promise<any>;
-    uploadFile(file: File, onProgress: (progress: number) => void, sessionId: string, token?: string): {
+    renameThread(threadId: string, name: string): Promise<any>;
+    deleteThread(threadId: string): Promise<any>;
+    uploadFile(file: File, onProgress: (progress: number) => void, sessionId: string): {
         xhr: XMLHttpRequest;
         promise: Promise<{
             id: string;
         }>;
     };
+    callAction(action: IAction, sessionId: string): Promise<any>;
+    updateElement(element: IElement, sessionId: string): Promise<any>;
+    deleteElement(element: IElement, sessionId: string): Promise<any>;
     getElementUrl(id: string, sessionId: string): string;
     getLogoEndpoint(theme: string): string;
     getOAuthEndpoint(provider: string): string;
@@ -429,4 +444,4 @@ declare const WavRenderer: {
     drawBars: (ctx: CanvasRenderingContext2D, data: Float32Array, cssWidth: number, cssHeight: number, color: string, pointCount?: number, barWidth?: number, barSpacing?: number, center?: boolean) => void;
 };
 
-export { APIBase, ActionSpec, AuthProvider, ChainlitAPI, ChainlitContext, ChatProfile, ClientError, ElementType, FileSpec, IAction, IAsk, IAudioConfig, IAudioElement, IAuthConfig, ICallFn, IChainlitConfig, IDataframeElement, IElement, IElementSize, IFeedback, IFileElement, IFileRef, IImageElement, IMessageElement, IPageInfo, IPagination, IPdfElement, IPlotlyElement, ISession, IStarter, IStep, ITasklistElement, ITextElement, IThread, IThreadFilters, IToken, IUser, IUserMetadata, IVideoElement, ThreadHistory, UserInput, WavRenderer, accessTokenState, actionState, addMessage, addMessageToParent, askUserState, audioConnectionState, authState, callFnState, chatProfileState, chatSettingsDefaultValueSelector, chatSettingsInputsState, chatSettingsValueState, configState, currentThreadIdState, defaultChainlitContext, deleteMessageById, elementState, fetcher, firstUserInteraction, hasMessageById, isAiSpeakingState, isLastMessage, loadingState, messagesState, nestMessages, sessionIdState, sessionState, sideViewState, tasklistState, threadHistoryState, threadIdToResumeState, tokenCountState, updateMessageById, updateMessageContentById, useApi, useAudio, useAuth, useChatData, useChatInteract, useChatMessages, useChatSession, useConfig, userState, wavRecorderState, wavStreamPlayerState };
+export { APIBase, ActionSpec, AuthProvider, ChainlitAPI, ChainlitContext, ChatProfile, ClientError, ElementType, FileSpec, IAction, IAsk, IAudioConfig, IAudioElement, IAuthConfig, ICallFn, IChainlitConfig, ICommand, ICustomElement, IDataframeElement, IElement, IElementSize, IFeedback, IFileElement, IFileRef, IImageElement, IMessageElement, IPageInfo, IPagination, IPdfElement, IPlotlyElement, ISession, IStarter, IStep, ITasklistElement, ITextElement, IThread, IThreadFilters, IToken, IUser, IUserMetadata, IVideoElement, ThreadHistory, UserInput, WavRenderer, actionState, addMessage, addMessageToParent, askUserState, audioConnectionState, authState, callFnState, chatProfileState, chatSettingsDefaultValueSelector, chatSettingsInputsState, chatSettingsValueState, commandsState, configState, currentThreadIdState, defaultChainlitContext, deleteMessageById, elementState, fetcher, firstUserInteraction, hasMessageById, isAiSpeakingState, isLastMessage, loadingState, messagesState, nestMessages, resumeThreadErrorState, sessionIdState, sessionState, sideViewState, tasklistState, threadHistoryState, threadIdToResumeState, tokenCountState, updateMessageById, updateMessageContentById, useApi, useAudio, useAuth, useChatData, useChatInteract, useChatMessages, useChatSession, useConfig, userState, wavRecorderState, wavStreamPlayerState };