@magemetrics/ai 0.0.49 → 0.0.52

package/dist/react/index.d.ts

@@ -1,12 +1,18 @@
 import { default as default_2 } from 'react';
+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 { PropsWithChildren } from 'react';
+import { RefAttributes } from 'react';
 import { UseMutateAsyncFunction } from '@tanstack/react-query';
 import { UseMutateFunction } from '@tanstack/react-query';
 import { UseMutationOptions } from '@tanstack/react-query';
 import { z } from 'zod';
 
 export declare class ApiService {
-    private client;
+    private readonly client;
     constructor(baseUrl: string);
     getRecentFlows: (params: {
         limit?: number;
@@ -17,6 +23,67 @@ export declare class ApiService {
         user_id: string | null;
     }[]>;
     startFlow: (request: StartFlowParam) => Promise<string>;
+    getReportVisualizations: (reportId: number) => Promise<{
+        created_at: string;
+        flow_id: string;
+        id: number;
+        title: string;
+        data_summary: {
+            columns: {
+                [key: string]: {
+                    position?: number;
+                    data_type: string;
+                    null_count: number | null;
+                    unique_count: number | null;
+                    unique_percentage: number | null;
+                };
+            };
+        };
+        bookmarked: boolean;
+        status: string | null;
+        visualizations: {
+            id: number;
+            flow_data_id: number;
+            created_at: string;
+            configuration: {
+                type: "bar";
+                title: string;
+                xAxisLabel: string;
+                yAxisLabel: string;
+                xAxisDataKey?: string;
+                yAxisDataKey?: string;
+                dimensionDataKey?: string;
+                valueColumns?: string[];
+            } | {
+                type: "line/area";
+                title: string;
+                xAxisLabel: string;
+                yAxisLabel: string;
+                xAxisDataKey?: string;
+                yAxisDataKey?: string;
+                dimensionDataKey?: string;
+                valueColumns?: string[];
+            } | {
+                type: "scatter";
+                title: string;
+                xAxisLabel: string;
+                yAxisLabel: string;
+                xAxisDataKey?: string;
+                yAxisDataKey?: string;
+                dimensionDataKey?: string;
+                valueColumns?: string[];
+            } | {
+                type: "pie";
+                title: string;
+                nameKey: string;
+                dataKey: string;
+            };
+            bookmarked: boolean;
+        }[];
+    }>;
+    getFlowDataInsights: (flowId: string, options: {
+        count: boolean;
+    }) => Promise<FrontendFlowDataInsights>;
 }
 
 export declare type CellContentProps = {
@@ -62,6 +129,13 @@ export declare interface Components {
         };
     };
     dataReportTable?: (props: DataReportMessageProps) => default_2.ReactNode;
+    messageActions?: (props: {
+        type: "data-report";
+        report: FrontendReport;
+    } | {
+        type: "visualization";
+        visualization: FrontendVisualization;
+    }) => default_2.ReactNode;
 }
 
 declare type ControlledModalProps = {
@@ -69,11 +143,15 @@ declare type ControlledModalProps = {
     onClose: () => void;
 };
 
+export declare const DataReport: React.FC<{
+    reportId: number;
+}>;
+
 export declare interface DataReportMessageProps {
-    report: FrontendFlowData;
+    report: FrontendReport;
     isOpened: boolean;
     setIsOpened: (opened: boolean) => void;
-    explainability: FrontendFlowDataExplainability | null | undefined;
+    explainability: FrontendReportExplainability | null | undefined;
     infiniteData: {
         data?: {
             pages: Record<string, unknown>[][];
@@ -84,7 +162,7 @@ export declare interface DataReportMessageProps {
         isFetchingNextPage: boolean;
         hasNextPage: boolean | undefined;
     };
-    columns: FrontendFlowColumns;
+    columns: FrontendReportColumns;
     totalRows: number;
 }
 
@@ -96,6 +174,12 @@ declare type DisplayControlProps = {
     showBackdrop?: boolean;
 };
 
+export declare const DomWrapper: React.FC<PropsWithChildren<DomWrapperProps>>;
+
+declare type DomWrapperProps = {
+    display?: string;
+};
+
 /**
  * This module handles the formatting and normalization of table cell values for display and sorting.
  *
@@ -123,9 +207,439 @@ declare type FormattedData = {
     sortValue: string | number | Date | null;
 };
 
-declare type FrontendFlowColumns = z.infer<typeof FrontendFlowColumnsSchema>;
+declare type FrontendFlowDataInsights = z.infer<typeof FrontendFlowDataInsightsSchema>;
+
+declare const FrontendFlowDataInsightsSchema: z.ZodDiscriminatedUnion<"count", [z.ZodObject<{
+    count: z.ZodLiteral<false>;
+    data_reports: z.ZodArray<z.ZodObject<Omit<{
+        created_at: z.ZodString;
+        flow_id: z.ZodString;
+        id: z.ZodNumber;
+        is_sample: z.ZodBoolean;
+        schema: z.ZodString;
+        sql: z.ZodString;
+        table: z.ZodString;
+        title: z.ZodString;
+        data_sample: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>, "many">;
+        data_summary: z.ZodObject<{
+            columns: z.ZodRecord<z.ZodString, z.ZodObject<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>>;
+        }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+            columns: z.ZodRecord<z.ZodString, z.ZodObject<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>>;
+        }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+            columns: z.ZodRecord<z.ZodString, z.ZodObject<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>>;
+        }, z.ZodTypeAny, "passthrough">>;
+        bookmarked: z.ZodBoolean;
+        status: z.ZodNullable<z.ZodString>;
+    }, "schema" | "sql" | "table" | "is_sample" | "data_sample">, "strip", z.ZodTypeAny, {
+        status: string | null;
+        title: string;
+        id: number;
+        created_at: string;
+        bookmarked: boolean;
+        flow_id: string;
+        data_summary: {
+            columns: Record<string, z.objectOutputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>;
+        } & {
+            [k: string]: unknown;
+        };
+    }, {
+        status: string | null;
+        title: string;
+        id: number;
+        created_at: string;
+        bookmarked: boolean;
+        flow_id: string;
+        data_summary: {
+            columns: Record<string, z.objectInputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>;
+        } & {
+            [k: string]: unknown;
+        };
+    }>, "many">;
+    visualizations: z.ZodArray<z.ZodObject<Omit<{
+        id: z.ZodNumber;
+        flow_data_id: z.ZodNumber;
+        created_at: z.ZodString;
+        configuration: z.ZodDiscriminatedUnion<"type", [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, "many">>;
+            title: z.ZodString;
+            type: z.ZodLiteral<"bar">;
+        }, "strip", z.ZodTypeAny, {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }, {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }>, 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, "many">>;
+            title: z.ZodString;
+            type: z.ZodLiteral<"line/area">;
+        }, "strip", z.ZodTypeAny, {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }, {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }>, 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, "many">>;
+            title: z.ZodString;
+            type: z.ZodLiteral<"scatter">;
+        }, "strip", z.ZodTypeAny, {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }, {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        }>, z.ZodObject<{
+            nameKey: z.ZodString;
+            dataKey: z.ZodString;
+            title: z.ZodString;
+            type: z.ZodLiteral<"pie">;
+        }, "strip", z.ZodTypeAny, {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        }, {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        }>]>;
+        sql: z.ZodString;
+        bookmarked: z.ZodBoolean;
+    }, "sql">, "strip", z.ZodTypeAny, {
+        id: number;
+        flow_data_id: number;
+        created_at: string;
+        configuration: {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        };
+        bookmarked: boolean;
+    }, {
+        id: number;
+        flow_data_id: number;
+        created_at: string;
+        configuration: {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        };
+        bookmarked: boolean;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    count: false;
+    data_reports: {
+        status: string | null;
+        title: string;
+        id: number;
+        created_at: string;
+        bookmarked: boolean;
+        flow_id: string;
+        data_summary: {
+            columns: Record<string, z.objectOutputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>;
+        } & {
+            [k: string]: unknown;
+        };
+    }[];
+    visualizations: {
+        id: number;
+        flow_data_id: number;
+        created_at: string;
+        configuration: {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        };
+        bookmarked: boolean;
+    }[];
+}, {
+    count: false;
+    data_reports: {
+        status: string | null;
+        title: string;
+        id: number;
+        created_at: string;
+        bookmarked: boolean;
+        flow_id: string;
+        data_summary: {
+            columns: Record<string, z.objectInputType<{
+                position: z.ZodOptional<z.ZodNumber>;
+                data_type: z.ZodString;
+                null_count: z.ZodNullable<z.ZodNumber>;
+                unique_count: z.ZodNullable<z.ZodNumber>;
+                unique_percentage: z.ZodNullable<z.ZodNumber>;
+            }, z.ZodTypeAny, "passthrough">>;
+        } & {
+            [k: string]: unknown;
+        };
+    }[];
+    visualizations: {
+        id: number;
+        flow_data_id: number;
+        created_at: string;
+        configuration: {
+            type: "bar";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "line/area";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "scatter";
+            title: string;
+            xAxisLabel: string;
+            yAxisLabel: string;
+            xAxisDataKey?: string | undefined;
+            yAxisDataKey?: string | undefined;
+            dimensionDataKey?: string | undefined;
+            valueColumns?: string[] | undefined;
+        } | {
+            type: "pie";
+            title: string;
+            nameKey: string;
+            dataKey: string;
+        };
+        bookmarked: boolean;
+    }[];
+}>, z.ZodObject<{
+    count: z.ZodLiteral<true>;
+    data_reports: z.ZodNumber;
+    visualizations: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    count: true;
+    data_reports: number;
+    visualizations: number;
+}, {
+    count: true;
+    data_reports: number;
+    visualizations: number;
+}>]>;
+
+declare type FrontendReport = z.infer<typeof FrontendReportSchema>;
+
+declare type FrontendReportColumns = z.infer<typeof FrontendReportColumnsSchema>;
 
-declare const FrontendFlowColumnsSchema: z.ZodArray<z.ZodObject<{
+declare const FrontendReportColumnsSchema: z.ZodArray<z.ZodObject<{
     name: z.ZodString;
     data_type: z.ZodString;
 } & {
@@ -146,11 +660,9 @@ declare const FrontendFlowColumnsSchema: z.ZodArray<z.ZodObject<{
     renderType?: string | undefined;
 }>, "many">;
 
-declare type FrontendFlowData = z.infer<typeof FrontendFlowDataSchema>;
+declare type FrontendReportExplainability = z.infer<typeof FrontendReportExplainabilitySchema>;
 
-declare type FrontendFlowDataExplainability = z.infer<typeof FrontendFlowDataExplainabilitySchema>;
-
-declare const FrontendFlowDataExplainabilitySchema: z.ZodObject<Omit<{
+declare const FrontendReportExplainabilitySchema: z.ZodObject<Omit<{
     sql_explanation: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
         chunk_title: z.ZodString;
         chunk_explanation: z.ZodString;
@@ -340,7 +852,7 @@ declare const FrontendFlowDataExplainabilitySchema: z.ZodObject<Omit<{
     friendliness_score_reason?: string | undefined;
 }>;
 
-declare const FrontendFlowDataSchema: z.ZodObject<Omit<{
+declare const FrontendReportSchema: z.ZodObject<Omit<{
     created_at: z.ZodString;
     flow_id: z.ZodString;
     id: z.ZodNumber;
@@ -413,10 +925,11 @@ declare const FrontendFlowDataSchema: z.ZodObject<Omit<{
     }, z.ZodTypeAny, "passthrough">>;
     bookmarked: z.ZodBoolean;
     status: z.ZodNullable<z.ZodString>;
-}, "schema" | "sql" | "table" | "created_at" | "is_sample" | "data_sample">, "strip", z.ZodTypeAny, {
+}, "schema" | "sql" | "table" | "is_sample" | "data_sample">, "strip", z.ZodTypeAny, {
     status: string | null;
     title: string;
     id: number;
+    created_at: string;
     bookmarked: boolean;
     flow_id: string;
     data_summary: {
@@ -434,6 +947,7 @@ declare const FrontendFlowDataSchema: z.ZodObject<Omit<{
     status: string | null;
     title: string;
     id: number;
+    created_at: string;
     bookmarked: boolean;
     flow_id: string;
     data_summary: {
@@ -449,6 +963,205 @@ declare const FrontendFlowDataSchema: z.ZodObject<Omit<{
     };
 }>;
 
+declare type FrontendVisualization = z.output<typeof FrontendVisualizationSchema>;
+
+declare const FrontendVisualizationSchema: z.ZodObject<Omit<{
+    id: z.ZodNumber;
+    flow_data_id: z.ZodNumber;
+    created_at: z.ZodString;
+    configuration: z.ZodDiscriminatedUnion<"type", [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, "many">>;
+        title: z.ZodString;
+        type: z.ZodLiteral<"bar">;
+    }, "strip", z.ZodTypeAny, {
+        type: "bar";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }, {
+        type: "bar";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }>, 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, "many">>;
+        title: z.ZodString;
+        type: z.ZodLiteral<"line/area">;
+    }, "strip", z.ZodTypeAny, {
+        type: "line/area";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }, {
+        type: "line/area";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }>, 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, "many">>;
+        title: z.ZodString;
+        type: z.ZodLiteral<"scatter">;
+    }, "strip", z.ZodTypeAny, {
+        type: "scatter";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }, {
+        type: "scatter";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    }>, z.ZodObject<{
+        nameKey: z.ZodString;
+        dataKey: z.ZodString;
+        title: z.ZodString;
+        type: z.ZodLiteral<"pie">;
+    }, "strip", z.ZodTypeAny, {
+        type: "pie";
+        title: string;
+        nameKey: string;
+        dataKey: string;
+    }, {
+        type: "pie";
+        title: string;
+        nameKey: string;
+        dataKey: string;
+    }>]>;
+    sql: z.ZodString;
+    bookmarked: z.ZodBoolean;
+}, "sql">, "strip", z.ZodTypeAny, {
+    id: number;
+    flow_data_id: number;
+    created_at: string;
+    configuration: {
+        type: "bar";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "line/area";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "scatter";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "pie";
+        title: string;
+        nameKey: string;
+        dataKey: string;
+    };
+    bookmarked: boolean;
+}, {
+    id: number;
+    flow_data_id: number;
+    created_at: string;
+    configuration: {
+        type: "bar";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "line/area";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "scatter";
+        title: string;
+        xAxisLabel: string;
+        yAxisLabel: string;
+        xAxisDataKey?: string | undefined;
+        yAxisDataKey?: string | undefined;
+        dimensionDataKey?: string | undefined;
+        valueColumns?: string[] | undefined;
+    } | {
+        type: "pie";
+        title: string;
+        nameKey: string;
+        dataKey: string;
+    };
+    bookmarked: boolean;
+}>;
+
+export declare const InfiniteDataTableUI: React.FC<InfiniteDataTableUIProps>;
+
+declare type InfiniteDataTableUIProps = {
+    flowDataId: number;
+    data: Record<string, unknown>[];
+    columns: FrontendReportColumns;
+    explainability: FrontendReportExplainability | null | undefined;
+    isOpened: boolean;
+    setIsOpened: (opened: boolean) => void;
+    hasNextPage?: boolean;
+    fetchNextPage: () => Promise<unknown>;
+    isFetchingNextPage: boolean;
+    isFetching: boolean;
+    totalRows: number;
+};
+
 export declare const logout: () => Promise<void>;
 
 export declare const MageMetricsContextProvider: default_2.FC<MageMetricsContextProviderProps>;
@@ -500,6 +1213,68 @@ declare type StartOptions = DisplayControlProps & {
     placeholders?: string[];
 };
 
+export declare const useDataReport: (flowDataId: FrontendReport["id"]) => {
+    dataColumns: {
+        name: string;
+        data_type: string;
+        dataType: string;
+        renderType?: string;
+        unit?: string;
+    }[] | undefined;
+    isPendingColumns: boolean;
+    isPendingData: boolean;
+    fetchNextPage: (options?: FetchNextPageOptions) => Promise<InfiniteQueryObserverResult<InfiniteData<Record<string, unknown>[], unknown>, Error>>;
+    isFetching: boolean;
+    isFetchingNextPage: boolean;
+    hasNextPage: boolean;
+    allData: Record<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;
+    } | null | undefined;
+    totalRows: number;
+    infiniteData: InfiniteData<Record<string, unknown>[], unknown> | undefined;
+};
+
+export declare const useMageMetricsApiUrl: () => string;
+
+export declare const useMageMetricsReady: () => boolean;
+
 export declare const useStartFlow: (options?: UseMutationOptions<string, Error, StartFlowParam>) => {
     startFlow: UseMutateFunction<string, Error, StartFlowParam, unknown>;
     startFlowAsync: UseMutateAsyncFunction<string, Error, StartFlowParam, unknown>;
@@ -578,6 +1353,12 @@ export declare const useStartFlow: (options?: UseMutationOptions<string, Error,
     mutateAsync: UseMutateAsyncFunction<string, Error, StartFlowParam, unknown>;
 };
 
+export declare const Visualization: ForwardRefExoticComponent<    {
+visualizationId: number;
+isFullWidth: boolean;
+withTitle: boolean;
+} & RefAttributes<HTMLDivElement>>;
+
 export { }