@chainlit/react-client 0.2.0 → 0.2.2

package/README.md

@@ -59,8 +59,7 @@ const ChatComponent = () => {
     connect({
       userEnv: {
         /* user environment variables */
-      },
-      accessToken: 'Bearer YOUR_ACCESS_TOKEN' // Optional Chainlit auth token
+      }
     });
 
     return () => {

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;
-type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement;
+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> {
@@ -58,9 +58,11 @@ interface IVideoElement extends TMessageElement<'video'> {
 interface IFileElement extends TMessageElement<'file'> {
     type: 'file';
 }
-interface IPlotlyElement extends TMessageElement<'plotly'> {
-}
-interface ITasklistElement extends TElement<'tasklist'> {
+type IPlotlyElement = TMessageElement<'plotly'>;
+type ITasklistElement = TElement<'tasklist'>;
+type IDataframeElement = TMessageElement<'dataframe'>;
+interface ICustomElement extends TMessageElement<'custom'> {
+    props: Record<string, unknown>;
 }
 
 interface IFeedback {
@@ -90,6 +92,7 @@ interface IStep {
     language?: string;
     streaming?: boolean;
     steps?: IStep[];
+    metadata?: Record<string, any>;
     indent?: number;
 }
 
@@ -110,6 +113,7 @@ interface IAsk {
         type: 'text' | 'file' | 'action';
         timeout: number;
     } & FileSpec & ActionSpec;
+    parentId?: string;
 }
 
 type AuthProvider = 'credentials' | 'header' | 'github' | 'google' | 'azure-ad' | 'azure-ad-hybrid';
@@ -170,16 +174,18 @@ interface IAuthConfig {
     passwordAuth: boolean;
     headerAuth: 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;
@@ -235,15 +241,11 @@ 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;
     editMessage: (message: IStep) => void;
+    windowMessage: (data: any) => void;
     startAudioStream: () => void;
     sendAudioChunk: (isStart: boolean, mimeType: string, elapsedTime: number, data: Int16Array) => void;
     endAudioStream: () => void;
@@ -282,8 +284,7 @@ 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>;
@@ -291,9 +292,9 @@ declare const sideViewState: recoil.RecoilState<IMessageElement | undefined>;
 declare const currentThreadIdState: recoil.RecoilState<string | undefined>;
 
 declare const useChatSession: () => {
-    connect: lodash.DebouncedFunc<({ userEnv, accessToken }: {
+    connect: lodash.DebouncedFunc<({ transports, userEnv }: {
+        transports?: string[] | undefined;
         userEnv: Record<string, string>;
-        accessToken?: string | undefined;
     }) => void>;
     disconnect: () => void;
     session: ISession | undefined;
@@ -312,7 +313,7 @@ declare const useAudio: () => {
     wavStreamPlayer: any;
 };
 
-declare const useConfig: (accessToken?: string) => {
+declare const useConfig: () => {
     config: IChainlitConfig | undefined;
     error: Error | undefined;
     isLoading: boolean;
@@ -320,29 +321,23 @@ declare const useConfig: (accessToken?: string) => {
 };
 
 declare const useAuth: () => {
-    authConfig: IAuthConfig;
+    data: IAuthConfig;
     user: null;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string;
-    logout: () => void;
-    setAccessToken: () => void;
-    data?: undefined;
+    logout: () => Promise<void>;
+    setUserFromAPI: () => Promise<void>;
 } | {
     data: IAuthConfig | undefined;
-    user: IUser | null;
-    isAuthenticated: boolean;
+    user: IUser | null | undefined;
     isReady: boolean;
-    accessToken: string | undefined;
+    isAuthenticated: boolean;
     logout: (reload?: boolean) => Promise<void>;
-    setAccessToken: (token: string | null | undefined) => void;
-    authConfig?: undefined;
+    setUserFromAPI: swr__internal.KeyedMutator<IUser>;
 };
 
-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;
@@ -357,8 +352,9 @@ interface IPagination {
     cursor?: string | number;
 }
 declare class ClientError extends Error {
+    status: number;
     detail?: string;
-    constructor(message: string, detail?: string);
+    constructor(message: string, status: number, detail?: string);
     toString(): string;
 }
 type Payload = FormData | any;
@@ -369,36 +365,46 @@ declare class APIBase {
     onError?: ((error: ClientError) => void) | undefined;
     constructor(httpEndpoint: string, type: 'webapp' | 'copilot' | 'teams' | 'slack' | 'discord', on401?: (() => void) | undefined, onError?: ((error: ClientError) => void) | undefined);
     buildEndpoint(path: string): string;
-    checkToken(token: string): string;
-    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>;
+    private getDetailFromErrorResponse;
+    private handleRequestError;
+    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(): 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;
@@ -420,4 +426,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, 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, 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, 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 };

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;
-type IMessageElement = IImageElement | ITextElement | IPdfElement | IAudioElement | IVideoElement | IFileElement | IPlotlyElement;
+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> {
@@ -58,9 +58,11 @@ interface IVideoElement extends TMessageElement<'video'> {
 interface IFileElement extends TMessageElement<'file'> {
     type: 'file';
 }
-interface IPlotlyElement extends TMessageElement<'plotly'> {
-}
-interface ITasklistElement extends TElement<'tasklist'> {
+type IPlotlyElement = TMessageElement<'plotly'>;
+type ITasklistElement = TElement<'tasklist'>;
+type IDataframeElement = TMessageElement<'dataframe'>;
+interface ICustomElement extends TMessageElement<'custom'> {
+    props: Record<string, unknown>;
 }
 
 interface IFeedback {
@@ -90,6 +92,7 @@ interface IStep {
     language?: string;
     streaming?: boolean;
     steps?: IStep[];
+    metadata?: Record<string, any>;
     indent?: number;
 }
 
@@ -110,6 +113,7 @@ interface IAsk {
         type: 'text' | 'file' | 'action';
         timeout: number;
     } & FileSpec & ActionSpec;
+    parentId?: string;
 }
 
 type AuthProvider = 'credentials' | 'header' | 'github' | 'google' | 'azure-ad' | 'azure-ad-hybrid';
@@ -170,16 +174,18 @@ interface IAuthConfig {
     passwordAuth: boolean;
     headerAuth: 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;
@@ -235,15 +241,11 @@ 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;
     editMessage: (message: IStep) => void;
+    windowMessage: (data: any) => void;
     startAudioStream: () => void;
     sendAudioChunk: (isStart: boolean, mimeType: string, elapsedTime: number, data: Int16Array) => void;
     endAudioStream: () => void;
@@ -282,8 +284,7 @@ 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>;
@@ -291,9 +292,9 @@ declare const sideViewState: recoil.RecoilState<IMessageElement | undefined>;
 declare const currentThreadIdState: recoil.RecoilState<string | undefined>;
 
 declare const useChatSession: () => {
-    connect: lodash.DebouncedFunc<({ userEnv, accessToken }: {
+    connect: lodash.DebouncedFunc<({ transports, userEnv }: {
+        transports?: string[] | undefined;
         userEnv: Record<string, string>;
-        accessToken?: string | undefined;
     }) => void>;
     disconnect: () => void;
     session: ISession | undefined;
@@ -312,7 +313,7 @@ declare const useAudio: () => {
     wavStreamPlayer: any;
 };
 
-declare const useConfig: (accessToken?: string) => {
+declare const useConfig: () => {
     config: IChainlitConfig | undefined;
     error: Error | undefined;
     isLoading: boolean;
@@ -320,29 +321,23 @@ declare const useConfig: (accessToken?: string) => {
 };
 
 declare const useAuth: () => {
-    authConfig: IAuthConfig;
+    data: IAuthConfig;
     user: null;
     isReady: boolean;
     isAuthenticated: boolean;
-    accessToken: string;
-    logout: () => void;
-    setAccessToken: () => void;
-    data?: undefined;
+    logout: () => Promise<void>;
+    setUserFromAPI: () => Promise<void>;
 } | {
     data: IAuthConfig | undefined;
-    user: IUser | null;
-    isAuthenticated: boolean;
+    user: IUser | null | undefined;
     isReady: boolean;
-    accessToken: string | undefined;
+    isAuthenticated: boolean;
     logout: (reload?: boolean) => Promise<void>;
-    setAccessToken: (token: string | null | undefined) => void;
-    authConfig?: undefined;
+    setUserFromAPI: swr__internal.KeyedMutator<IUser>;
 };
 
-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;
@@ -357,8 +352,9 @@ interface IPagination {
     cursor?: string | number;
 }
 declare class ClientError extends Error {
+    status: number;
     detail?: string;
-    constructor(message: string, detail?: string);
+    constructor(message: string, status: number, detail?: string);
     toString(): string;
 }
 type Payload = FormData | any;
@@ -369,36 +365,46 @@ declare class APIBase {
     onError?: ((error: ClientError) => void) | undefined;
     constructor(httpEndpoint: string, type: 'webapp' | 'copilot' | 'teams' | 'slack' | 'discord', on401?: (() => void) | undefined, onError?: ((error: ClientError) => void) | undefined);
     buildEndpoint(path: string): string;
-    checkToken(token: string): string;
-    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>;
+    private getDetailFromErrorResponse;
+    private handleRequestError;
+    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(): 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;
@@ -420,4 +426,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, 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, 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, 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 };