@datarecce/ui 0.1.11 → 0.1.12

package/dist/components.d.mts

@@ -1,14 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ComponentType } from 'react';
+import { FallbackRender } from '@sentry/react';
+import { SplitProps } from 'react-split';
+import { BoxProps } from '@mui/material/Box';
 import { a as LineageGraphNode, b as LineageGraphEdge, c as LineageGraphColumnNode, d as LineageGraph } from './LineageViewContext-BPpYWJ2B.mjs';
 export { L as LineageViewContext, u as useLineageViewContext } from './LineageViewContext-BPpYWJ2B.mjs';
-import { Y as LineageDiffViewOptions, $ as RowCountDiff, _ as RowCount, M as ManifestMetadata, a$ as RunResultViewProps, c as QueryViewOptions, aL as Run, b0 as DataGridHandle, g as QueryDiffViewOptions, a6 as ProfileDiffViewOptions, ac as HistogramResult, a9 as TopKResult, a_ as RunFormProps, ab as HistogramDiffParams, a8 as TopKDiffParams, b1 as ViewOptionTypes, y as NodeData, aE as RowObjectType, C as Check, b2 as RegistryEntry, b3 as RefTypes, b4 as RunType, b5 as RunFormParamTypes } from './lineagecheck-BIlm5vq1.mjs';
+import { Y as LineageDiffViewOptions, $ as RowCountDiff, _ as RowCount, M as ManifestMetadata, a$ as RunResultViewProps, c as QueryViewOptions, aL as Run, b0 as DataGridHandle, g as QueryDiffViewOptions, y as NodeData, aE as RowObjectType, C as Check, b1 as ViewOptionTypes, b2 as RegistryEntry, b3 as RefTypes, b4 as RunType, b5 as RunFormParamTypes, a_ as RunFormProps, a6 as ProfileDiffViewOptions, az as ValueDiffDetailViewOptions, ab as HistogramDiffParams, a8 as TopKDiffParams, ac as HistogramResult, a9 as TopKResult } from './lineagecheck-BIlm5vq1.mjs';
 export { P as ProfileDiffForm, R as RunToolbar, S as ScreenshotDataGrid, V as ValueDiffForm } from './lineagecheck-BIlm5vq1.mjs';
 import { NodeProps, EdgeProps } from '@xyflow/react';
-import { BoxProps } from '@mui/material/Box';
 import { AnimationOptions } from 'chart.js';
-import { SplitProps } from 'react-split';
 import '@tanstack/react-query';
 import 'axios';
 import 'react-icons';
@@ -83,6 +84,21 @@ declare function useToaster(): ToasterContextValue;
  */
 declare function Toaster(): react_jsx_runtime.JSX.Element;
 
+declare const ErrorBoundary: ({ children, fallback, }: {
+    children: ReactNode;
+    fallback?: React$1.ReactElement | FallbackRender | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const HSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+declare const VSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+
+interface ScreenshotBoxProps extends BoxProps {
+    backgroundColor?: string;
+    blockSize?: string;
+    children?: React.ReactNode;
+}
+declare const ScreenshotBox: React$1.ForwardRefExoticComponent<Omit<ScreenshotBoxProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function LineagePage(): react_jsx_runtime.JSX.Element;
 
 interface LineageViewProps {
@@ -142,14 +158,16 @@ interface RowCountTagProps {
     error?: Error | null;
 }
 
+declare function SetupConnectionBanner(): react_jsx_runtime.JSX.Element;
+
+declare const QueryPage: () => react_jsx_runtime.JSX.Element;
+
 interface QueryFormProps extends BoxProps {
     defaultPrimaryKeys: string[] | undefined;
     onPrimaryKeysChange: (primaryKeys: string[]) => void;
 }
 declare const QueryForm: ({ defaultPrimaryKeys, onPrimaryKeysChange, ...props }: QueryFormProps) => react_jsx_runtime.JSX.Element;
 
-declare const QueryPage: () => react_jsx_runtime.JSX.Element;
-
 interface SqlEditorProps {
     language?: string;
     theme?: string;
@@ -173,15 +191,6 @@ interface SqlEditorProps {
 }
 declare function SqlEditor({ value, onChange, onRun, onRunBase, onRunDiff, label, CustomEditor, options, manifestData, schemas, ...props }: SqlEditorProps): react_jsx_runtime.JSX.Element;
 
-interface DiffTextProps {
-    value: string;
-    colorPalette: "red" | "green";
-    grayOut?: boolean;
-    noCopy?: boolean;
-    fontSize?: string;
-}
-declare const DiffText: ({ value, colorPalette, grayOut, noCopy, fontSize, }: DiffTextProps) => react_jsx_runtime.JSX.Element;
-
 interface QueryResultViewProp extends RunResultViewProps<QueryViewOptions> {
     onAddToChecklist?: (run: Run) => void;
 }
@@ -194,58 +203,56 @@ interface QueryDiffResultViewProps extends RunResultViewProps<QueryDiffViewOptio
 }
 declare const QueryDiffResultView: React$1.ForwardRefExoticComponent<QueryDiffResultViewProps & React$1.RefAttributes<DataGridHandle>>;
 
-type ProfileDiffResultViewProp = RunResultViewProps<ProfileDiffViewOptions>;
-declare const ProfileDiffResultView: React$1.ForwardRefExoticComponent<ProfileDiffResultViewProp & React$1.RefAttributes<DataGridHandle>>;
-
-/**
- * Histogram Chart that can display generic data types such as Numeric, Datetime, Integer
- * X: The Min/Max of the labels range is the scaled width of charting area
- * Y: The Min/Max of the counts range is the scaled height of charting area
- * Counts: Abbreviated based on K, Mn, Bn, Tr (see formatters)
- */
-interface HistogramChartProps {
-    data: {
-        title: string;
-        type: string;
-        samples?: number;
-        min?: string | number;
-        max?: string | number;
-        binEdges: number[];
-        datasets: HistogramResult[];
-    };
-    animation?: AnimationOptions<"bar">["animation"];
-    hideAxis?: boolean;
-}
-declare function HistogramChart({ data, hideAxis, animation, }: HistogramChartProps): react_jsx_runtime.JSX.Element;
-
-interface Props$2 {
-    topk: TopKResult;
-    valids: number;
-    isDisplayTopTen: boolean;
+interface DiffTextProps {
+    value: string;
+    colorPalette: "red" | "green";
+    grayOut?: boolean;
+    noCopy?: boolean;
+    fontSize?: string;
 }
-/**
- * A list of each topk summary item (categorical)
- * Last list item will show 'others' when there are leftover values, which is the count difference of valids and displayed topk items
- */
-declare function TopKSummaryList({ topk, valids, isDisplayTopTen }: Props$2): react_jsx_runtime.JSX.Element;
-
-declare function SquareIcon({ color }: {
-    color: string;
-}): react_jsx_runtime.JSX.Element;
-
-type HistogramDiffEditProps = RunFormProps<HistogramDiffParams>;
-declare function HistogramDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: HistogramDiffEditProps): react_jsx_runtime.JSX.Element;
-
-type HistogramDiffResultViewProp = RunResultViewProps;
-declare const HistogramDiffResultView: React$1.ForwardRefExoticComponent<HistogramDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+declare const DiffText: ({ value, colorPalette, grayOut, noCopy, fontSize, }: DiffTextProps) => react_jsx_runtime.JSX.Element;
 
-type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
-declare function TopKDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: TopKDiffFormProps): react_jsx_runtime.JSX.Element;
+declare function SetupConnectionGuide(): react_jsx_runtime.JSX.Element;
 
-type TopKDiffResultViewProp = RunResultViewProps;
-declare const TopKDiffResultView: React$1.ForwardRefExoticComponent<TopKDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const RowCountDiffResultView: React$1.ForwardRefExoticComponent<RunResultViewProps<ViewOptionTypes> & React$1.RefAttributes<DataGridHandle>>;
+type CodeEditorLanguage = "sql" | "yaml";
+type CodeEditorTheme = "light" | "dark";
+interface CodeEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    language?: CodeEditorLanguage;
+    readOnly?: boolean;
+    lineNumbers?: boolean;
+    wordWrap?: boolean;
+    fontSize?: number;
+    height?: string;
+    className?: string;
+    /** Theme: "light" for githubLight, "dark" for githubDark */
+    theme?: CodeEditorTheme;
+    /** Custom keyboard shortcuts: { key: handler } */
+    keyBindings?: Array<{
+        key: string;
+        run: () => boolean;
+    }>;
+}
+declare function CodeEditor({ value, onChange, language, readOnly, lineNumbers, wordWrap, fontSize, height, className, theme, keyBindings, }: CodeEditorProps): react_jsx_runtime.JSX.Element;
+
+type DiffEditorLanguage = "sql" | "yaml";
+type DiffEditorTheme = "light" | "dark";
+interface DiffEditorProps {
+    original: string;
+    modified: string;
+    language?: DiffEditorLanguage;
+    readOnly?: boolean;
+    lineNumbers?: boolean;
+    sideBySide?: boolean;
+    height?: string;
+    className?: string;
+    /** Theme: "light" for githubLight, "dark" for githubDark */
+    theme?: DiffEditorTheme;
+    /** Called when modified content changes (only if not readOnly) */
+    onModifiedChange?: (value: string) => void;
+}
+declare function DiffEditor({ original, modified, language, readOnly, lineNumbers, sideBySide, height, className, theme, onModifiedChange, }: DiffEditorProps): react_jsx_runtime.JSX.Element;
 
 interface SchemaViewProps {
     base?: NodeData;
@@ -305,6 +312,8 @@ interface CheckDescriptionProps {
 }
 declare function CheckDescription({ value, onChange }: CheckDescriptionProps): react_jsx_runtime.JSX.Element;
 
+declare const CheckEmptyState: () => react_jsx_runtime.JSX.Element;
+
 interface LineageDiffViewProps {
     check: Check;
 }
@@ -315,10 +324,10 @@ interface SchemaDiffViewProps {
 }
 declare const SchemaDiffView: React__default.ForwardRefExoticComponent<SchemaDiffViewProps & React__default.RefAttributes<DataGridHandle>>;
 
-interface RunPageProps {
+interface RunPageProps$1 {
     runId: string;
 }
-declare const RunPage: ({ runId }: RunPageProps) => react_jsx_runtime.JSX.Element;
+declare const RunPage: ({ runId }: RunPageProps$1) => react_jsx_runtime.JSX.Element;
 
 declare const RunList: () => react_jsx_runtime.JSX.Element;
 
@@ -350,10 +359,86 @@ interface RunModalProps {
 }
 declare const RunModal: ({ isOpen, onClose, onExecute, type, title, params: defaultParams, RunForm, }: RunModalProps) => react_jsx_runtime.JSX.Element;
 
+interface RunPageProps {
+    onClose?: () => void;
+    disableAddToChecklist?: boolean;
+    isSingleEnvironment?: boolean;
+}
+declare const RunResultPane: ({ onClose, isSingleEnvironment, }: RunPageProps) => react_jsx_runtime.JSX.Element;
+
 declare const RunStatusAndDate: ({ run }: {
     run: Run;
 }) => react_jsx_runtime.JSX.Element;
 
+type ProfileDiffResultViewProp = RunResultViewProps<ProfileDiffViewOptions>;
+declare const ProfileDiffResultView: React$1.ForwardRefExoticComponent<ProfileDiffResultViewProp & React$1.RefAttributes<DataGridHandle>>;
+
+/**
+ * @file ValueDiffResultView.tsx
+ * @description View component for displaying value diff summary results
+ *
+ * Shows a summary table of column-level match statistics from a value_diff run.
+ * Each row represents a column with its match count and percentage.
+ */
+
+type ValueDiffResultViewProp = RunResultViewProps;
+declare const ValueDiffResultView: React__default.ForwardRefExoticComponent<ValueDiffResultViewProp & React__default.RefAttributes<DataGridHandle>>;
+
+interface ValueDiffDetailResultViewProps extends RunResultViewProps<ValueDiffDetailViewOptions> {
+    onAddToChecklist?: (run: Run) => void;
+}
+declare const ValueDiffDetailResultView: React$1.ForwardRefExoticComponent<ValueDiffDetailResultViewProps & React$1.RefAttributes<DataGridHandle>>;
+
+type HistogramDiffEditProps = RunFormProps<HistogramDiffParams>;
+declare function HistogramDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: HistogramDiffEditProps): react_jsx_runtime.JSX.Element;
+
+type HistogramDiffResultViewProp = RunResultViewProps;
+declare const HistogramDiffResultView: React$1.ForwardRefExoticComponent<HistogramDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+
+type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
+declare function TopKDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: TopKDiffFormProps): react_jsx_runtime.JSX.Element;
+
+type TopKDiffResultViewProp = RunResultViewProps;
+declare const TopKDiffResultView: React$1.ForwardRefExoticComponent<TopKDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const RowCountDiffResultView: React$1.ForwardRefExoticComponent<RunResultViewProps<ViewOptionTypes> & React$1.RefAttributes<DataGridHandle>>;
+
+/**
+ * Histogram Chart that can display generic data types such as Numeric, Datetime, Integer
+ * X: The Min/Max of the labels range is the scaled width of charting area
+ * Y: The Min/Max of the counts range is the scaled height of charting area
+ * Counts: Abbreviated based on K, Mn, Bn, Tr (see formatters)
+ */
+interface HistogramChartProps {
+    data: {
+        title: string;
+        type: string;
+        samples?: number;
+        min?: string | number;
+        max?: string | number;
+        binEdges: number[];
+        datasets: HistogramResult[];
+    };
+    animation?: AnimationOptions<"bar">["animation"];
+    hideAxis?: boolean;
+}
+declare function HistogramChart({ data, hideAxis, animation, }: HistogramChartProps): react_jsx_runtime.JSX.Element;
+
+interface Props$2 {
+    topk: TopKResult;
+    valids: number;
+    isDisplayTopTen: boolean;
+}
+/**
+ * A list of each topk summary item (categorical)
+ * Last list item will show 'others' when there are leftover values, which is the count difference of valids and displayed topk items
+ */
+declare function TopKSummaryList({ topk, valids, isDisplayTopTen }: Props$2): react_jsx_runtime.JSX.Element;
+
+declare function SquareIcon({ color }: {
+    color: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SummaryView(): react_jsx_runtime.JSX.Element;
 
 interface Props$1 {
@@ -366,17 +451,16 @@ interface Props {
 }
 declare function SchemaSummary({ lineageGraph }: Props): react_jsx_runtime.JSX.Element;
 
-declare function HistoryToggle(): ReactNode;
+declare function EnvInfo(): react_jsx_runtime.JSX.Element;
 
-declare const HSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
-declare const VSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+declare function HistoryToggle(): ReactNode;
 
-interface ScreenshotBoxProps extends BoxProps {
-    backgroundColor?: string;
-    blockSize?: string;
-    children?: React.ReactNode;
-}
-declare const ScreenshotBox: React$1.ForwardRefExoticComponent<Omit<ScreenshotBoxProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Badge component that displays idle timeout warning countdown
+ * Only shows when remaining time is below the warning threshold
+ * Styled as a warning indicator to draw user attention
+ */
+declare function IdleTimeoutBadge(): react_jsx_runtime.JSX.Element;
 
 declare const IconSync: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconExport: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -385,4 +469,4 @@ declare const IconSave: (props: React__default.SVGProps<SVGSVGElement>) => react
 declare const IconEdit: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconInfo: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckList, ColumnNameCell, DiffText, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, LineageDiffView, LineagePage, LineageView, LineageViewTopBar, ModelRowCount, MuiProvider, MuiProvider as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, type RowCountDiffTagProps, type RowCountTagProps, RunList, RunModal, RunPage, RunStatusAndDate, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, useToaster };
+export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckEmptyState, CheckList, CodeEditor, ColumnNameCell, DiffEditor, DiffText, EnvInfo, ErrorBoundary, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, IdleTimeoutBadge, LineageDiffView, LineagePage, LineageView, LineageViewTopBar, ModelRowCount, MuiProvider, MuiProvider as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, type RowCountDiffTagProps, type RowCountTagProps, RunList, RunModal, RunPage, RunResultPane, RunStatusAndDate, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, SetupConnectionBanner, SetupConnectionGuide, SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, ValueDiffDetailResultView, ValueDiffResultView, useToaster };

package/dist/components.d.ts

@@ -1,14 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ComponentType } from 'react';
+import { FallbackRender } from '@sentry/react';
+import { SplitProps } from 'react-split';
+import { BoxProps } from '@mui/material/Box';
 import { a as LineageGraphNode, b as LineageGraphEdge, c as LineageGraphColumnNode, d as LineageGraph } from './LineageViewContext-DqJPwm_c.js';
 export { L as LineageViewContext, u as useLineageViewContext } from './LineageViewContext-DqJPwm_c.js';
-import { Y as LineageDiffViewOptions, $ as RowCountDiff, _ as RowCount, M as ManifestMetadata, a$ as RunResultViewProps, c as QueryViewOptions, aL as Run, b0 as DataGridHandle, g as QueryDiffViewOptions, a6 as ProfileDiffViewOptions, ac as HistogramResult, a9 as TopKResult, a_ as RunFormProps, ab as HistogramDiffParams, a8 as TopKDiffParams, b1 as ViewOptionTypes, y as NodeData, aE as RowObjectType, C as Check, b2 as RegistryEntry, b3 as RefTypes, b4 as RunType, b5 as RunFormParamTypes } from './lineagecheck-BIlm5vq1.js';
+import { Y as LineageDiffViewOptions, $ as RowCountDiff, _ as RowCount, M as ManifestMetadata, a$ as RunResultViewProps, c as QueryViewOptions, aL as Run, b0 as DataGridHandle, g as QueryDiffViewOptions, y as NodeData, aE as RowObjectType, C as Check, b1 as ViewOptionTypes, b2 as RegistryEntry, b3 as RefTypes, b4 as RunType, b5 as RunFormParamTypes, a_ as RunFormProps, a6 as ProfileDiffViewOptions, az as ValueDiffDetailViewOptions, ab as HistogramDiffParams, a8 as TopKDiffParams, ac as HistogramResult, a9 as TopKResult } from './lineagecheck-BIlm5vq1.js';
 export { P as ProfileDiffForm, R as RunToolbar, S as ScreenshotDataGrid, V as ValueDiffForm } from './lineagecheck-BIlm5vq1.js';
 import { NodeProps, EdgeProps } from '@xyflow/react';
-import { BoxProps } from '@mui/material/Box';
 import { AnimationOptions } from 'chart.js';
-import { SplitProps } from 'react-split';
 import '@tanstack/react-query';
 import 'axios';
 import 'react-icons';
@@ -83,6 +84,21 @@ declare function useToaster(): ToasterContextValue;
  */
 declare function Toaster(): react_jsx_runtime.JSX.Element;
 
+declare const ErrorBoundary: ({ children, fallback, }: {
+    children: ReactNode;
+    fallback?: React$1.ReactElement | FallbackRender | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const HSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+declare const VSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+
+interface ScreenshotBoxProps extends BoxProps {
+    backgroundColor?: string;
+    blockSize?: string;
+    children?: React.ReactNode;
+}
+declare const ScreenshotBox: React$1.ForwardRefExoticComponent<Omit<ScreenshotBoxProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function LineagePage(): react_jsx_runtime.JSX.Element;
 
 interface LineageViewProps {
@@ -142,14 +158,16 @@ interface RowCountTagProps {
     error?: Error | null;
 }
 
+declare function SetupConnectionBanner(): react_jsx_runtime.JSX.Element;
+
+declare const QueryPage: () => react_jsx_runtime.JSX.Element;
+
 interface QueryFormProps extends BoxProps {
     defaultPrimaryKeys: string[] | undefined;
     onPrimaryKeysChange: (primaryKeys: string[]) => void;
 }
 declare const QueryForm: ({ defaultPrimaryKeys, onPrimaryKeysChange, ...props }: QueryFormProps) => react_jsx_runtime.JSX.Element;
 
-declare const QueryPage: () => react_jsx_runtime.JSX.Element;
-
 interface SqlEditorProps {
     language?: string;
     theme?: string;
@@ -173,15 +191,6 @@ interface SqlEditorProps {
 }
 declare function SqlEditor({ value, onChange, onRun, onRunBase, onRunDiff, label, CustomEditor, options, manifestData, schemas, ...props }: SqlEditorProps): react_jsx_runtime.JSX.Element;
 
-interface DiffTextProps {
-    value: string;
-    colorPalette: "red" | "green";
-    grayOut?: boolean;
-    noCopy?: boolean;
-    fontSize?: string;
-}
-declare const DiffText: ({ value, colorPalette, grayOut, noCopy, fontSize, }: DiffTextProps) => react_jsx_runtime.JSX.Element;
-
 interface QueryResultViewProp extends RunResultViewProps<QueryViewOptions> {
     onAddToChecklist?: (run: Run) => void;
 }
@@ -194,58 +203,56 @@ interface QueryDiffResultViewProps extends RunResultViewProps<QueryDiffViewOptio
 }
 declare const QueryDiffResultView: React$1.ForwardRefExoticComponent<QueryDiffResultViewProps & React$1.RefAttributes<DataGridHandle>>;
 
-type ProfileDiffResultViewProp = RunResultViewProps<ProfileDiffViewOptions>;
-declare const ProfileDiffResultView: React$1.ForwardRefExoticComponent<ProfileDiffResultViewProp & React$1.RefAttributes<DataGridHandle>>;
-
-/**
- * Histogram Chart that can display generic data types such as Numeric, Datetime, Integer
- * X: The Min/Max of the labels range is the scaled width of charting area
- * Y: The Min/Max of the counts range is the scaled height of charting area
- * Counts: Abbreviated based on K, Mn, Bn, Tr (see formatters)
- */
-interface HistogramChartProps {
-    data: {
-        title: string;
-        type: string;
-        samples?: number;
-        min?: string | number;
-        max?: string | number;
-        binEdges: number[];
-        datasets: HistogramResult[];
-    };
-    animation?: AnimationOptions<"bar">["animation"];
-    hideAxis?: boolean;
-}
-declare function HistogramChart({ data, hideAxis, animation, }: HistogramChartProps): react_jsx_runtime.JSX.Element;
-
-interface Props$2 {
-    topk: TopKResult;
-    valids: number;
-    isDisplayTopTen: boolean;
+interface DiffTextProps {
+    value: string;
+    colorPalette: "red" | "green";
+    grayOut?: boolean;
+    noCopy?: boolean;
+    fontSize?: string;
 }
-/**
- * A list of each topk summary item (categorical)
- * Last list item will show 'others' when there are leftover values, which is the count difference of valids and displayed topk items
- */
-declare function TopKSummaryList({ topk, valids, isDisplayTopTen }: Props$2): react_jsx_runtime.JSX.Element;
-
-declare function SquareIcon({ color }: {
-    color: string;
-}): react_jsx_runtime.JSX.Element;
-
-type HistogramDiffEditProps = RunFormProps<HistogramDiffParams>;
-declare function HistogramDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: HistogramDiffEditProps): react_jsx_runtime.JSX.Element;
-
-type HistogramDiffResultViewProp = RunResultViewProps;
-declare const HistogramDiffResultView: React$1.ForwardRefExoticComponent<HistogramDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+declare const DiffText: ({ value, colorPalette, grayOut, noCopy, fontSize, }: DiffTextProps) => react_jsx_runtime.JSX.Element;
 
-type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
-declare function TopKDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: TopKDiffFormProps): react_jsx_runtime.JSX.Element;
+declare function SetupConnectionGuide(): react_jsx_runtime.JSX.Element;
 
-type TopKDiffResultViewProp = RunResultViewProps;
-declare const TopKDiffResultView: React$1.ForwardRefExoticComponent<TopKDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const RowCountDiffResultView: React$1.ForwardRefExoticComponent<RunResultViewProps<ViewOptionTypes> & React$1.RefAttributes<DataGridHandle>>;
+type CodeEditorLanguage = "sql" | "yaml";
+type CodeEditorTheme = "light" | "dark";
+interface CodeEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    language?: CodeEditorLanguage;
+    readOnly?: boolean;
+    lineNumbers?: boolean;
+    wordWrap?: boolean;
+    fontSize?: number;
+    height?: string;
+    className?: string;
+    /** Theme: "light" for githubLight, "dark" for githubDark */
+    theme?: CodeEditorTheme;
+    /** Custom keyboard shortcuts: { key: handler } */
+    keyBindings?: Array<{
+        key: string;
+        run: () => boolean;
+    }>;
+}
+declare function CodeEditor({ value, onChange, language, readOnly, lineNumbers, wordWrap, fontSize, height, className, theme, keyBindings, }: CodeEditorProps): react_jsx_runtime.JSX.Element;
+
+type DiffEditorLanguage = "sql" | "yaml";
+type DiffEditorTheme = "light" | "dark";
+interface DiffEditorProps {
+    original: string;
+    modified: string;
+    language?: DiffEditorLanguage;
+    readOnly?: boolean;
+    lineNumbers?: boolean;
+    sideBySide?: boolean;
+    height?: string;
+    className?: string;
+    /** Theme: "light" for githubLight, "dark" for githubDark */
+    theme?: DiffEditorTheme;
+    /** Called when modified content changes (only if not readOnly) */
+    onModifiedChange?: (value: string) => void;
+}
+declare function DiffEditor({ original, modified, language, readOnly, lineNumbers, sideBySide, height, className, theme, onModifiedChange, }: DiffEditorProps): react_jsx_runtime.JSX.Element;
 
 interface SchemaViewProps {
     base?: NodeData;
@@ -305,6 +312,8 @@ interface CheckDescriptionProps {
 }
 declare function CheckDescription({ value, onChange }: CheckDescriptionProps): react_jsx_runtime.JSX.Element;
 
+declare const CheckEmptyState: () => react_jsx_runtime.JSX.Element;
+
 interface LineageDiffViewProps {
     check: Check;
 }
@@ -315,10 +324,10 @@ interface SchemaDiffViewProps {
 }
 declare const SchemaDiffView: React__default.ForwardRefExoticComponent<SchemaDiffViewProps & React__default.RefAttributes<DataGridHandle>>;
 
-interface RunPageProps {
+interface RunPageProps$1 {
     runId: string;
 }
-declare const RunPage: ({ runId }: RunPageProps) => react_jsx_runtime.JSX.Element;
+declare const RunPage: ({ runId }: RunPageProps$1) => react_jsx_runtime.JSX.Element;
 
 declare const RunList: () => react_jsx_runtime.JSX.Element;
 
@@ -350,10 +359,86 @@ interface RunModalProps {
 }
 declare const RunModal: ({ isOpen, onClose, onExecute, type, title, params: defaultParams, RunForm, }: RunModalProps) => react_jsx_runtime.JSX.Element;
 
+interface RunPageProps {
+    onClose?: () => void;
+    disableAddToChecklist?: boolean;
+    isSingleEnvironment?: boolean;
+}
+declare const RunResultPane: ({ onClose, isSingleEnvironment, }: RunPageProps) => react_jsx_runtime.JSX.Element;
+
 declare const RunStatusAndDate: ({ run }: {
     run: Run;
 }) => react_jsx_runtime.JSX.Element;
 
+type ProfileDiffResultViewProp = RunResultViewProps<ProfileDiffViewOptions>;
+declare const ProfileDiffResultView: React$1.ForwardRefExoticComponent<ProfileDiffResultViewProp & React$1.RefAttributes<DataGridHandle>>;
+
+/**
+ * @file ValueDiffResultView.tsx
+ * @description View component for displaying value diff summary results
+ *
+ * Shows a summary table of column-level match statistics from a value_diff run.
+ * Each row represents a column with its match count and percentage.
+ */
+
+type ValueDiffResultViewProp = RunResultViewProps;
+declare const ValueDiffResultView: React__default.ForwardRefExoticComponent<ValueDiffResultViewProp & React__default.RefAttributes<DataGridHandle>>;
+
+interface ValueDiffDetailResultViewProps extends RunResultViewProps<ValueDiffDetailViewOptions> {
+    onAddToChecklist?: (run: Run) => void;
+}
+declare const ValueDiffDetailResultView: React$1.ForwardRefExoticComponent<ValueDiffDetailResultViewProps & React$1.RefAttributes<DataGridHandle>>;
+
+type HistogramDiffEditProps = RunFormProps<HistogramDiffParams>;
+declare function HistogramDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: HistogramDiffEditProps): react_jsx_runtime.JSX.Element;
+
+type HistogramDiffResultViewProp = RunResultViewProps;
+declare const HistogramDiffResultView: React$1.ForwardRefExoticComponent<HistogramDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+
+type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
+declare function TopKDiffForm({ params, onParamsChanged, setIsReadyToExecute, }: TopKDiffFormProps): react_jsx_runtime.JSX.Element;
+
+type TopKDiffResultViewProp = RunResultViewProps;
+declare const TopKDiffResultView: React$1.ForwardRefExoticComponent<TopKDiffResultViewProp & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const RowCountDiffResultView: React$1.ForwardRefExoticComponent<RunResultViewProps<ViewOptionTypes> & React$1.RefAttributes<DataGridHandle>>;
+
+/**
+ * Histogram Chart that can display generic data types such as Numeric, Datetime, Integer
+ * X: The Min/Max of the labels range is the scaled width of charting area
+ * Y: The Min/Max of the counts range is the scaled height of charting area
+ * Counts: Abbreviated based on K, Mn, Bn, Tr (see formatters)
+ */
+interface HistogramChartProps {
+    data: {
+        title: string;
+        type: string;
+        samples?: number;
+        min?: string | number;
+        max?: string | number;
+        binEdges: number[];
+        datasets: HistogramResult[];
+    };
+    animation?: AnimationOptions<"bar">["animation"];
+    hideAxis?: boolean;
+}
+declare function HistogramChart({ data, hideAxis, animation, }: HistogramChartProps): react_jsx_runtime.JSX.Element;
+
+interface Props$2 {
+    topk: TopKResult;
+    valids: number;
+    isDisplayTopTen: boolean;
+}
+/**
+ * A list of each topk summary item (categorical)
+ * Last list item will show 'others' when there are leftover values, which is the count difference of valids and displayed topk items
+ */
+declare function TopKSummaryList({ topk, valids, isDisplayTopTen }: Props$2): react_jsx_runtime.JSX.Element;
+
+declare function SquareIcon({ color }: {
+    color: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SummaryView(): react_jsx_runtime.JSX.Element;
 
 interface Props$1 {
@@ -366,17 +451,16 @@ interface Props {
 }
 declare function SchemaSummary({ lineageGraph }: Props): react_jsx_runtime.JSX.Element;
 
-declare function HistoryToggle(): ReactNode;
+declare function EnvInfo(): react_jsx_runtime.JSX.Element;
 
-declare const HSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
-declare const VSplit: (props: SplitProps) => react_jsx_runtime.JSX.Element;
+declare function HistoryToggle(): ReactNode;
 
-interface ScreenshotBoxProps extends BoxProps {
-    backgroundColor?: string;
-    blockSize?: string;
-    children?: React.ReactNode;
-}
-declare const ScreenshotBox: React$1.ForwardRefExoticComponent<Omit<ScreenshotBoxProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Badge component that displays idle timeout warning countdown
+ * Only shows when remaining time is below the warning threshold
+ * Styled as a warning indicator to draw user attention
+ */
+declare function IdleTimeoutBadge(): react_jsx_runtime.JSX.Element;
 
 declare const IconSync: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconExport: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -385,4 +469,4 @@ declare const IconSave: (props: React__default.SVGProps<SVGSVGElement>) => react
 declare const IconEdit: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconInfo: (props: React__default.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckList, ColumnNameCell, DiffText, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, LineageDiffView, LineagePage, LineageView, LineageViewTopBar, ModelRowCount, MuiProvider, MuiProvider as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, type RowCountDiffTagProps, type RowCountTagProps, RunList, RunModal, RunPage, RunStatusAndDate, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, useToaster };
+export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckEmptyState, CheckList, CodeEditor, ColumnNameCell, DiffEditor, DiffText, EnvInfo, ErrorBoundary, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, IdleTimeoutBadge, LineageDiffView, LineagePage, LineageView, LineageViewTopBar, ModelRowCount, MuiProvider, MuiProvider as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, type RowCountDiffTagProps, type RowCountTagProps, RunList, RunModal, RunPage, RunResultPane, RunStatusAndDate, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, SetupConnectionBanner, SetupConnectionGuide, SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, ValueDiffDetailResultView, ValueDiffResultView, useToaster };