@magemetrics/ai 0.9.0 → 0.10.0-rc1

package/dist/web-component/index.d.ts

@@ -1,22 +1,30 @@
 import { AuthProvider } from '@magemetrics/core';
 import { AuthState } from '@magemetrics/core';
+import { Components } from './shared/context/MageMetricsContext';
+import { Components as Components_2 } from './MageMetricsContext';
+import { Components as Components_3 } from '../shared/context/MageMetricsContext';
 import { CreateFlowParam } from '@magemetrics/core';
 import { default as default_2 } from 'react';
 import { DirectAuthProvider } from '@magemetrics/core';
-import { Dispatch } from 'react';
 import { ExternalAuthProvider } from '@magemetrics/core';
 import { ExternalAuthProviderConfig } from '@magemetrics/core';
 import { FetchNextPageOptions } from '@tanstack/react-query';
 import { ForwardRefExoticComponent } from 'react';
 import { InfiniteData } from '@tanstack/react-query';
 import { InfiniteQueryObserverResult } from '@tanstack/react-query';
+import { JSX } from 'react/jsx-runtime';
 import { MageMetricsClient } from '@magemetrics/core';
 import { MageMetricsClientConfig } from '@magemetrics/core';
-import { OnChangeFn } from '@tanstack/react-table';
+import { MageMetricsContextProvider } from './shared/context/MageMetricsContext';
+import { MageMetricsContextProviderProps } from './shared/context/MageMetricsContext';
+import { PersistenceOptions } from '../shared/context/MageMetricsContext';
 import { PropsWithChildren } from 'react';
+import { QueryObserverResult } from '@tanstack/react-query';
 import { RefAttributes } from 'react';
-import { SetStateAction } from 'react';
+import { RefetchOptions } from '@tanstack/react-query';
 import { SortingState as SortingState_2 } from '@tanstack/react-table';
+import { useMageMetricsClient } from './shared/context/MageMetricsContext';
+import { useMageMetricsReady } from './shared/context/MageMetricsContext';
 import { UseMutateAsyncFunction } from '@tanstack/react-query';
 import { UseMutateFunction } from '@tanstack/react-query';
 import { UseMutationOptions } from '@tanstack/react-query';
@@ -120,38 +128,7 @@ declare interface ColumnSort {
     id: string;
 }
 
-export declare interface Components {
-    dataTableCells?: {
-        empty?: (props: CellContentProps) => default_2.ReactNode;
-        units?: {
-            [key: string]: (props: CellContentProps) => default_2.ReactNode;
-        };
-        renderTypes?: {
-            [key: string]: (props: CellContentProps) => default_2.ReactNode;
-        };
-    };
-    dataReportTable?: (props: DataReportMessageProps) => default_2.ReactNode;
-    dataReportMessageActions?: (props: {
-        report: FrontendReport;
-        isSelected: boolean;
-    }) => default_2.ReactNode;
-    visualizationMessageActions?: (props: {
-        visualization: FrontendVisualization | V1FrontendVisualization;
-        isSelected: boolean;
-    }) => default_2.ReactNode;
-    dataReportPanelActions?: (props: {
-        report: FrontendReport;
-    }) => default_2.ReactNode;
-    visualizationPanelActions?: (props: {
-        visualization: FrontendVisualization | V1FrontendVisualization;
-    }) => default_2.ReactNode;
-    avatar?: default_2.ReactNode;
-    getCanvasShareableLink?: (canvasId: string) => string;
-    canvasPanelActions?: (props: {
-        canvas: FrontendCanvas;
-        flowId: string;
-    }) => default_2.ReactNode;
-}
+export { Components }
 
 export declare const ConfigurableChat: ConfigurableChatComponent;
 
@@ -178,8 +155,6 @@ declare type ControlledModalProps = {
     onClose: () => void;
 };
 
-export declare const ConversationContent: React.FC<ConversationContentProps>;
-
 declare interface ConversationContentProps {
     flowId?: string;
     className?: string;
@@ -192,44 +167,13 @@ declare interface ConversationContentProps {
 
 export { CreateFlowParam }
 
-/**
- * This component is not bounded in height and must be wrapped in a container to properly work
- * @param props - props
- * @param props.reportId - The ID of the report to display
- * @param props.initialState - The initial state of data table
- * @param props.onStateChange - Callback function to handle state changes
- * @returns JSX.Element
- */
-export declare const DataReport: React.FC<{
-    reportId: number;
-    initialState?: DataTableState;
-    onStateChange?: (state: DataTableState) => void;
-}>;
-
-export declare interface DataReportMessageProps {
-    report: FrontendReport;
-    explainability: FrontendReportExplainability | null | undefined;
-    infiniteData: {
-        data?: {
-            pages: Record<string, unknown>[][];
-        };
-        isPending: boolean;
-        fetchNextPage: () => Promise<unknown>;
-        isFetching: boolean;
-        isFetchingNextPage: boolean;
-        hasNextPage: boolean | undefined;
-    };
-    columns: FrontendReportColumns;
-    totalRows: number;
-}
-
-export declare const DataTable: React.FC<DataReportMessageProps>;
+export declare const DataTable: () => JSX.Element;
 
 declare type DataTableState = {
-    pageIndex: number;
-    pageSize: number;
-    sorting: SortingState;
-    filters: TableFilters;
+    pageIndex?: number;
+    sorting?: SortingState;
+    filters?: TableFilters;
+    pageSize?: number;
 };
 
 export { DirectAuthProvider }
@@ -247,10 +191,6 @@ export declare const DomWrapper: React.FC<PropsWithChildren<DomWrapperProps>>;
 
 declare type DomWrapperProps = InternalColorSwatchProps;
 
-export declare const DownloadDataReportButton: React.FC<{
-    reportId: number;
-}>;
-
 declare type ExportReportDataParams = {
     reportId: number;
     filename?: string;
@@ -296,84 +236,17 @@ declare type FormattedData = {
 declare type FrontendCanvas = z.infer<typeof FrontendCanvasSchema>;
 
 declare const FrontendCanvasSchema: z.ZodObject<{
-    title: z.ZodNullable<z.ZodString>;
     id: z.ZodUUID;
+    title: z.ZodNullable<z.ZodString>;
     nodes: z.ZodArray<z.ZodAny>;
     edges: z.ZodArray<z.ZodAny>;
     is_public: z.ZodBoolean;
 }, z.core.$strip>;
 
-declare type FrontendReport = z.infer<typeof FrontendReportSchema>;
-
-declare type FrontendReportColumns = z.infer<typeof FrontendReportColumnsSchema>;
-
-declare const FrontendReportColumnsSchema: z.ZodArray<z.ZodObject<{
-    dataType: z.ZodString;
-    renderType: z.ZodOptional<z.ZodString>;
-    unit: z.ZodOptional<z.ZodString>;
-    name: z.ZodString;
-    data_type: z.ZodString;
-}, z.core.$strip>>;
-
-declare type FrontendReportExplainability = z.infer<typeof FrontendReportExplainabilitySchema>;
-
-declare const FrontendReportExplainabilitySchema: z.ZodObject<{
-    confidence_score: z.ZodNumber;
-    confidence_score_reason: z.ZodString;
-    assumptions_score: z.ZodOptional<z.ZodNumber>;
-    assumptions_score_reason: z.ZodOptional<z.ZodString>;
-    friendliness_score: z.ZodOptional<z.ZodNumber>;
-    friendliness_score_reason: z.ZodOptional<z.ZodString>;
-    columns_lineage: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodObject<{
-        nodes: z.ZodArray<z.ZodObject<{
-            id: z.ZodString;
-            type: z.ZodEnum<{
-                result: "result";
-                filter: "filter";
-                entity: "entity";
-                attribute: "attribute";
-                process: "process";
-                combine: "combine";
-            }>;
-            explanation: z.ZodString;
-        }, z.core.$strip>>;
-        edges: z.ZodArray<z.ZodObject<{
-            source: z.ZodString;
-            target: z.ZodString;
-        }, z.core.$strip>>;
-    }, z.core.$strip>>>>;
-    sql_explanation: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
-        chunk_title: z.ZodString;
-        chunk_explanation: z.ZodString;
-        lines: z.ZodArray<z.ZodObject<{
-            sql: z.ZodString;
-            explanation: z.ZodString;
-        }, z.core.$strip>>;
-    }, z.core.$strip>>>>;
-    business_explanation: z.ZodOptional<z.ZodNullable<z.ZodObject<{
-        summary: z.ZodString;
-        implementation: z.ZodArray<z.ZodString>;
-        assumptions: z.ZodArray<z.ZodObject<{
-            type: z.ZodEnum<{
-                grain: "grain";
-                completeness: "completeness";
-                transformation: "transformation";
-                relationship: "relationship";
-                other: "other";
-            }>;
-            details: z.ZodString;
-            explanation: z.ZodString;
-        }, z.core.$strip>>;
-    }, z.core.$strip>>>;
-    flow_data_id: z.ZodNumber;
-    output_dataset: z.ZodOptional<z.ZodString>;
-    sql: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-
 declare const FrontendReportSchema: z.ZodObject<{
     status: z.ZodNullable<z.ZodString>;
-    title: z.ZodString;
     id: z.ZodNumber;
+    title: z.ZodString;
     request: z.ZodNullable<z.ZodString>;
     created_at: z.ZodString;
     data_summary: z.ZodObject<{
@@ -408,79 +281,6 @@ declare const FrontendReportSchema: z.ZodObject<{
     bookmarked: z.ZodBoolean;
 }, z.core.$strip>;
 
-declare type FrontendVisualization = z.output<typeof FrontendVisualizationSchema>;
-
-declare const FrontendVisualizationSchema: z.ZodObject<{
-    id: z.ZodNumber;
-    configuration: z.ZodDiscriminatedUnion<[z.ZodObject<{
-        config_version: z.ZodLiteral<2>;
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        categoryColumn: z.ZodString;
-        secondaryCategoryColumn: z.ZodOptional<z.ZodString>;
-        valueColumn: z.ZodString;
-        title: z.ZodString;
-        type: z.ZodLiteral<"bar">;
-    }, z.core.$strip>, z.ZodObject<{
-        xAxisColumn: z.ZodString;
-        valueColumns: z.ZodArray<z.ZodString>;
-        yAxisLabels: z.ZodArray<z.ZodString>;
-        title: z.ZodString;
-        type: z.ZodLiteral<"line/area">;
-        config_version: z.ZodLiteral<2>;
-    }, z.core.$strip>, z.ZodObject<{
-        config_version: z.ZodLiteral<2>;
-        valueColumn: z.ZodString;
-        xAxisColumn: z.ZodString;
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        categoryColumn: z.ZodString;
-        title: z.ZodString;
-        type: z.ZodLiteral<"line/area-categorical">;
-    }, z.core.$strip>, z.ZodObject<{
-        config_version: z.ZodLiteral<2>;
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        xAxisValueColumn: z.ZodString;
-        yAxisValueColumn: z.ZodString;
-        title: z.ZodString;
-        type: z.ZodLiteral<"scatter">;
-    }, z.core.$strip>, z.ZodObject<{
-        config_version: z.ZodLiteral<2>;
-        categoryColumn: z.ZodString;
-        valueColumn: z.ZodString;
-        title: z.ZodString;
-        type: z.ZodLiteral<"pie">;
-    }, z.core.$strip>], "type">;
-    created_at: z.ZodString;
-    bookmarked: z.ZodBoolean;
-    flow_data_id: z.ZodNumber;
-    flow_data: z.ZodOptional<z.ZodObject<{
-        is_materialized: z.ZodNullable<z.ZodBoolean>;
-        last_materialized_at: z.ZodNullable<z.ZodString>;
-        materialized_error_message: z.ZodNullable<z.ZodString>;
-        materialized_status: z.ZodNullable<z.ZodEnum<{
-            running: "running";
-            completed: "completed";
-            failed: "failed";
-        }>>;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
-
-export declare const InfiniteDataTableUI: React.FC<InfiniteDataTableUIProps>;
-
-declare type InfiniteDataTableUIProps = {
-    flowDataId: number;
-    data: Record<string, unknown>[];
-    columns: FrontendReportColumns;
-    explainability: FrontendReportExplainability | null | undefined;
-    hasNextPage: boolean | undefined;
-    fetchNextPage: () => Promise<unknown>;
-    isFetchingNextPage: boolean;
-    isFetching: boolean;
-    totalRows: number;
-};
-
 declare const InputContainer: default_2.FC<{
     children?: default_2.ReactNode | ((context: ChatInputContextValue) => default_2.ReactNode);
 }>;
@@ -502,28 +302,14 @@ export { MageMetricsClient }
 
 export { MageMetricsClientConfig }
 
-export declare const MageMetricsContextProvider: default_2.FC<MageMetricsContextProviderProps>;
-
-export declare type MageMetricsContextProviderProps = {
-    children: default_2.ReactNode;
-    components?: Components;
-} & ({
-    /** Provide an external MageMetricsClient instance. */
-    client: MageMetricsClient;
-    apiKey?: never;
-    apiUrl?: never;
-    externalJwt?: never;
-    additionalHeaders?: never;
-    applicationName?: never;
-} | ({
-    /** Configuration to create a new MageMetricsClient. */
-    client?: never;
-} & MageMetricsClientConfig));
+export { MageMetricsContextProvider }
+
+export { MageMetricsContextProviderProps }
 
 export declare const MageMetricsPublicContextProvider: React.FC<MageMetricsPublicContextProviderProps>;
 
 declare type MageMetricsPublicContextProviderProps = PropsWithChildren<Pick<MageMetricsClientConfig, "apiUrl" | "apiKey"> & {
-    components?: Components;
+    components?: Components_2;
 }>;
 
 export declare const ManagedModal: React.FC<ManagedModalProps>;
@@ -542,7 +328,7 @@ declare type ManagedModalBaseProps = ModalProps & {
     /** Where to persist modal state (localStorage, queryParam, or none) */
     persist?: PersistenceOptions;
     /** Custom component overrides for extending functionality */
-    components?: Components;
+    components?: Components_3;
     /** Application name to associate with flows created through this modal */
     applicationName?: string;
     /**
@@ -586,39 +372,6 @@ declare interface ModalProps {
     startOptions?: StartOptions;
 }
 
-export declare const PaginatedDataTableUI: React.FC<PaginatedDataTableUIProps>;
-
-declare type PaginatedDataTableUIProps = {
-    reportId: number;
-    data: Record<string, unknown>[];
-    columns: FrontendReportColumns;
-    explainability: FrontendReportExplainability | null | undefined;
-    isFetching: boolean;
-    totalRows?: number;
-    pageIndex: number;
-    pageSize: number;
-    totalPages?: number;
-    hasNextPage: boolean;
-    hasPreviousPage: boolean;
-    onNextPage: () => void;
-    onPreviousPage: () => void;
-    goToPage: (page: number) => void;
-    sorting: SortingState;
-    onSortingChange: OnChangeFn<SortingState>;
-    filters: TableFilters;
-    onFiltersChange: (filters: TableFilters) => void;
-    onCalculatedPageSize?: (pageSize: number) => void;
-    onStateChange?: (state: {
-        pageIndex: number;
-        pageSize: number;
-        sorting: SortingState;
-        filters: TableFilters;
-    }) => void;
-    emptyState?: React.ReactNode;
-};
-
-declare type PersistenceOptions = "queryParam" | "none";
-
 /**
  * Primary color shade stops used in the UI.
  */
@@ -657,21 +410,8 @@ export declare type PublicChatProps = Omit<ConversationContentProps, "children">
     appearance?: AppearanceConfig;
 };
 
-/**
- * This component is not bounded in height and must be wrapped in a container to properly work
- * @param props - props
- * @param props.canvasId - The ID of the canvas to display
- * @param props.reportId - The ID of the report to display
- * @param props.initialState - The initial state of data table
- * @param props.onStateChange - Callback function to handle state changes
- * @returns JSX.Element
- */
-export declare const PublicDataReport: React.FC<{
-    canvasId: string;
-    reportId: number;
-    initialState?: DataTableState;
-    onStateChange?: (state: DataTableState) => void;
-}>;
+declare type Report_2 = z.infer<typeof FrontendReportSchema>;
+export { Report_2 as Report }
 
 declare type ReportDataFilters = {
     columns?: string[];
@@ -718,6 +458,20 @@ declare type StandaloneConversationModalProps = {
     appearance?: AppearanceConfig;
 };
 
+/**
+ * This component is not bounded in height and must be wrapped in a container to properly work
+ * @param props - props
+ * @param props.report - The report to display
+ * @param props.initialState - Initial state for the report
+ * @param props.onStateChange - Callback function to handle state changes
+ * @returns JSX.Element
+ */
+export declare const StandaloneDataTable: React.FC<{
+    report: Report_2;
+    initialState?: DataTableState;
+    onStateChange?: (state: DataTableState) => void;
+}>;
+
 declare type StartOptions = DisplayControlProps & {
     /** Label text displayed above the chat launcher input */
     label?: string;
@@ -729,7 +483,26 @@ declare type StartOptions = DisplayControlProps & {
     enableSpeechToText?: boolean;
 };
 
-declare type TableFilters = Record<string, string | number>;
+declare type TableFilters = Record<string, TableFilterValue>;
+
+declare type TableFilterValue = z.infer<typeof TableFilterValueSchema>;
+
+declare const TableFilterValueSchema: z.ZodObject<{
+    operator: z.ZodEnum<{
+        contains: "contains";
+        eq: "eq";
+        gt: "gt";
+        gte: "gte";
+        lt: "lt";
+        lte: "lte";
+        endsWith: "endsWith";
+        startsWith: "startsWith";
+        neq: "neq";
+        regex: "regex";
+        between: "between";
+    }>;
+    value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>]>;
+}, z.core.$strip>;
 
 /**
  * Hook to fetch a canvas by its ID.
@@ -745,8 +518,8 @@ declare type TableFilters = Record<string, string | number>;
  * ```
  */
 export declare const useCanvas: (canvasId: string | undefined | null, options?: Omit<UseQueryOptions<FrontendCanvas, unknown>, "queryKey" | "queryFn">) => UseQueryResult<    {
-    title: string | null;
     id: string;
+    title: string | null;
     nodes: any[];
     edges: any[];
     is_public: boolean;
@@ -874,70 +647,64 @@ export declare const useCreateFlow: (options?: UseMutationOptions<{
     }, Error, CreateFlowParam, unknown>;
 };
 
-export declare const useDataReport: (reportId: FrontendReport["id"]) => {
+export declare const useCustomReportData: () => {
+    report: {
+        status: string | null;
+        id: number;
+        title: string;
+        request: string | null;
+        created_at: string;
+        data_summary: {
+            [x: string]: unknown;
+            columns: Record<string, {
+                [x: string]: unknown;
+                data_type: string;
+                null_count: number | null;
+                unique_count: number | null;
+                unique_percentage: number | null;
+                position?: number | undefined;
+                min_value?: number | null | undefined;
+                max_value?: number | null | undefined;
+                avg_value?: number | null | undefined;
+                median_value?: number | null | undefined;
+                std_value?: number | null | undefined;
+                min_date?: string | null | undefined;
+                max_date?: string | null | undefined;
+                min_length?: number | null | undefined;
+                max_length?: number | null | undefined;
+                avg_length?: number | null | undefined;
+            }>;
+        };
+        is_removed: boolean;
+        flow_id: string;
+        is_materialized: boolean | null;
+        last_materialized_at: string | null;
+        materialized_error_message: string | null;
+        materialized_status: "completed" | "running" | "failed" | null;
+        bookmarked: boolean;
+    };
+    fetchNextPage: (options?: FetchNextPageOptions) => Promise<InfiniteQueryObserverResult<InfiniteData<    {
+        [key: string]: unknown;
+    }[], unknown>, Error>>;
+    pages: {
+        [key: string]: unknown;
+    }[][] | undefined;
     columns: {
         name: string;
         data_type: string;
         dataType: string;
         renderType?: string;
         unit?: string;
+        canonicalDataType?: "numeric" | "boolean" | "datetime" | "text" | "array" | "json" | "other";
     }[] | undefined;
     isPendingColumns: boolean;
-    isPendingData: boolean;
-    fetchNextPage: (options?: FetchNextPageOptions) => Promise<InfiniteQueryObserverResult<InfiniteData<    {
-        [key: string]: unknown;
-    }[], unknown>, Error>>;
+    hasMoreData: boolean;
     isFetching: boolean;
-    isFetchingNextPage: boolean;
-    hasNextPage: boolean;
-    allData: {
-        [key: string]: unknown;
-    }[];
-    explainability: {
-        sql_explanation?: {
-            chunk_title: string;
-            chunk_explanation: string;
-            lines: {
-                sql: string;
-                explanation: string;
-            }[];
-        }[] | null;
-        business_explanation?: {
-            summary: string;
-            implementation: string[];
-            assumptions: {
-                type: "grain" | "completeness" | "transformation" | "relationship" | "other";
-                details: string;
-                explanation: string;
-            }[];
-        } | null;
-        columns_lineage?: {
-            [key: string]: {
-                nodes: {
-                    id: string;
-                    type: "entity" | "attribute" | "filter" | "process" | "combine" | "result";
-                    explanation: string;
-                }[];
-                edges: {
-                    source: string;
-                    target: string;
-                }[];
-            };
-        } | null;
-        confidence_score: number;
-        confidence_score_reason: string;
-        assumptions_score?: number;
-        assumptions_score_reason?: string;
-        friendliness_score?: number;
-        friendliness_score_reason?: string;
-        flow_data_id: number;
-        output_dataset?: string;
-        sql?: string;
-    } | null | undefined;
-    totalRows: number;
-    infiniteData: InfiniteData<    {
-        [key: string]: unknown;
-    }[], unknown> | undefined;
+    isPendingData: boolean;
+    totalRows: number | undefined;
+    totalPages: number | undefined;
+    sorting: SortingState_2;
+    filters: TableFilters;
 };
 
 export declare const useDataReportColumnValue: (reportId: number, filters: ReportDataFilters) => UseQueryResult<    {
@@ -1020,147 +787,107 @@ export declare const useDownloadReportData: (options?: UseMutationOptions<Export
 
 export declare const useMageMetricsApiUrl: () => string;
 
-export declare const useMageMetricsClient: () => MageMetricsClient;
+export { useMageMetricsClient }
 
-export declare const useMageMetricsReady: () => false | MageMetricsClient;
-
-export declare const usePaginatedDataReport: (reportId: FrontendReport["id"], options?: {
-    pageSize?: number;
-    initialPageIndex?: number;
-    initialSorting?: SortingState_2;
-    initialFilters?: TableFilters;
-}) => {
-    columns: {
-        name: string;
-        data_type: string;
-        dataType: string;
-        renderType?: string;
-        unit?: string;
-    }[] | undefined;
-    isPendingColumns: boolean;
-    isPendingData: boolean;
-    isFetching: boolean;
-    data: {
-        [key: string]: unknown;
-    }[];
-    explainability: {
-        sql_explanation?: {
-            chunk_title: string;
-            chunk_explanation: string;
-            lines: {
-                sql: string;
-                explanation: string;
-            }[];
-        }[] | null;
-        business_explanation?: {
-            summary: string;
-            implementation: string[];
-            assumptions: {
-                type: "grain" | "completeness" | "transformation" | "relationship" | "other";
-                details: string;
-                explanation: string;
-            }[];
-        } | null;
-        columns_lineage?: {
-            [key: string]: {
-                nodes: {
-                    id: string;
-                    type: "entity" | "attribute" | "filter" | "process" | "combine" | "result";
-                    explanation: string;
-                }[];
-                edges: {
-                    source: string;
-                    target: string;
-                }[];
-            };
-        } | null;
-        confidence_score: number;
-        confidence_score_reason: string;
-        assumptions_score?: number;
-        assumptions_score_reason?: string;
-        friendliness_score?: number;
-        friendliness_score_reason?: string;
-        flow_data_id: number;
-        output_dataset?: string;
-        sql?: string;
-    } | null | undefined;
-    totalRows: number | undefined;
-    pageIndex: number;
-    pageSize: number;
-    totalPages: number | undefined;
-    nextPage: () => void;
-    previousPage: () => void;
-    goToPage: (page: number) => void;
-    hasNextPage: boolean;
-    hasPreviousPage: boolean;
-    sorting: SortingState_2;
-    setSorting: Dispatch<SetStateAction<SortingState_2>>;
-    filters: TableFilters;
-    setFilters: (newFilters: TableFilters) => void;
-};
+export { useMageMetricsReady }
 
 export declare const useRecentFlows: (limit?: number) => UseQueryResult<    {
-    title: string | null;
     id: string;
+    title: string | null;
     request: string;
     created_at: string;
     user_id: string | null;
     application_id?: number | null | undefined;
 }[], Error>;
 
-export declare const useSpeechToText: () => AssemblyAIMicrophoneController;
-
-declare type V1FrontendVisualization = z.output<typeof V1FrontendVisualizationSchema>;
+export declare const useReport: (reportId: number) => {
+    data: {
+        created_at: string;
+        flow_id: string;
+        id: number;
+        title: string;
+        request: string | null;
+        data_summary: {
+            columns: {
+                [key: string]: {
+                    position?: number;
+                    data_type: string;
+                    null_count: number | null;
+                    unique_count: number | null;
+                    unique_percentage: number | null;
+                    min_value?: number | null;
+                    max_value?: number | null;
+                    avg_value?: number | null;
+                    median_value?: number | null;
+                    std_value?: number | null;
+                    min_date?: string | null;
+                    max_date?: string | null;
+                    min_length?: number | null;
+                    max_length?: number | null;
+                    avg_length?: number | null;
+                } & {
+                    [key: string]: unknown;
+                };
+            };
+        } & {
+            [key: string]: unknown;
+        };
+        bookmarked: boolean;
+        status: string | null;
+        is_removed: boolean;
+        is_materialized: boolean | null;
+        last_materialized_at: string | null;
+        materialized_error_message: string | null;
+        materialized_status: "completed" | "running" | "failed" | null;
+    } | null | undefined;
+    isLoading: boolean;
+    error: Error | null;
+    isError: boolean;
+    isSuccess: boolean;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<    {
+        created_at: string;
+        flow_id: string;
+        id: number;
+        title: string;
+        request: string | null;
+        data_summary: {
+            columns: {
+                [key: string]: {
+                    position?: number;
+                    data_type: string;
+                    null_count: number | null;
+                    unique_count: number | null;
+                    unique_percentage: number | null;
+                    min_value?: number | null;
+                    max_value?: number | null;
+                    avg_value?: number | null;
+                    median_value?: number | null;
+                    std_value?: number | null;
+                    min_date?: string | null;
+                    max_date?: string | null;
+                    min_length?: number | null;
+                    max_length?: number | null;
+                    avg_length?: number | null;
+                } & {
+                    [key: string]: unknown;
+                };
+            };
+        } & {
+            [key: string]: unknown;
+        };
+        bookmarked: boolean;
+        status: string | null;
+        is_removed: boolean;
+        is_materialized: boolean | null;
+        last_materialized_at: string | null;
+        materialized_error_message: string | null;
+        materialized_status: "completed" | "running" | "failed" | null;
+    } | null, Error>>;
+    isRefetching: boolean;
+    isFetching: boolean;
+};
 
-declare const V1FrontendVisualizationSchema: z.ZodObject<{
-    id: z.ZodNumber;
-    configuration: z.ZodDiscriminatedUnion<[z.ZodObject<{
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        xAxisDataKey: z.ZodOptional<z.ZodString>;
-        yAxisDataKey: z.ZodOptional<z.ZodString>;
-        dimensionDataKey: z.ZodOptional<z.ZodString>;
-        valueColumns: z.ZodOptional<z.ZodArray<z.ZodString>>;
-        title: z.ZodString;
-        type: z.ZodLiteral<"bar">;
-    }, z.core.$strip>, z.ZodObject<{
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        xAxisDataKey: z.ZodOptional<z.ZodString>;
-        yAxisDataKey: z.ZodOptional<z.ZodString>;
-        dimensionDataKey: z.ZodOptional<z.ZodString>;
-        valueColumns: z.ZodOptional<z.ZodArray<z.ZodString>>;
-        title: z.ZodString;
-        type: z.ZodLiteral<"line/area">;
-    }, z.core.$strip>, z.ZodObject<{
-        xAxisLabel: z.ZodString;
-        yAxisLabel: z.ZodString;
-        xAxisDataKey: z.ZodOptional<z.ZodString>;
-        yAxisDataKey: z.ZodOptional<z.ZodString>;
-        dimensionDataKey: z.ZodOptional<z.ZodString>;
-        valueColumns: z.ZodOptional<z.ZodArray<z.ZodString>>;
-        title: z.ZodString;
-        type: z.ZodLiteral<"scatter">;
-    }, z.core.$strip>, z.ZodObject<{
-        nameKey: z.ZodString;
-        dataKey: z.ZodString;
-        title: z.ZodString;
-        type: z.ZodLiteral<"pie">;
-    }, z.core.$strip>], "type">;
-    created_at: z.ZodString;
-    bookmarked: z.ZodBoolean;
-    flow_data_id: z.ZodNumber;
-    flow_data: z.ZodOptional<z.ZodObject<{
-        is_materialized: z.ZodNullable<z.ZodBoolean>;
-        last_materialized_at: z.ZodNullable<z.ZodString>;
-        materialized_error_message: z.ZodNullable<z.ZodString>;
-        materialized_status: z.ZodNullable<z.ZodEnum<{
-            running: "running";
-            completed: "completed";
-            failed: "failed";
-        }>>;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
+export declare const useSpeechToText: () => AssemblyAIMicrophoneController;
 
 export declare const Visualization: ForwardRefExoticComponent<    {
     visualizationId: number;