@datarecce/ui 0.1.41 → 0.2.1-nightly.20260402

package/dist/lineage-DsKqx9yh.d.ts

@@ -0,0 +1,1299 @@
+
+import { C as Run, J as ValueDiffDetailViewOptions, Jt as ColumnLineageData, X as ValueDiffResult, Y as ValueDiffParams, dt as ProfileDiffViewOptions, ft as TopKDiffParams, ht as TopKViewOptions, it as RowCountResult, l as Check, nt as RowCountDiffResult, on as NodeData, ot as HistogramDiffParams, pt as TopKDiffResult, rn as ManifestMetadata, st as HistogramDiffResult, ut as ProfileDiffResult, wt as QueryViewOptions, yt as QueryDiffViewOptions } from "./instanceInfo-DNLFhkK8.js";
+import { i as LineageGraph, l as LineageGraphNodes, s as LineageGraphEdge } from "./types-DLRfpcrV.js";
+import { u as NodeColumnSetMap } from "./index-C9nBECPv.js";
+import { X as CheckDetailTab, at as CheckActionType, it as CheckAction, p as SchemaDiffRow } from "./SplitPane-g8w-XF2_.js";
+import { m as Check$1 } from "./index-B1IyNkDA.js";
+import { o as RunFormProps } from "./types-qpgIe7MT.js";
+import { r as DataGridHandle } from "./ScreenshotDataGrid-BAsPWcde.js";
+import { n as CreatedResultViewProps } from "./index-BJOCIgE1.js";
+import * as React$2 from "react";
+import React$1, { CSSProperties, ComponentType, Dispatch, ForwardRefExoticComponent, PropsWithChildren, ReactNode, Ref, RefAttributes, SVGProps, SetStateAction } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { BoxProps } from "@mui/material/Box";
+import { ColDef, ColGroupDef, ICellRendererParams } from "ag-grid-community";
+import { EdgeProps } from "@xyflow/react";
+import { FallbackRender } from "@sentry/react";
+
+//#region src/components/lineage/config/zoomConstants.d.ts
+/**
+ * Zoom and display constants for the lineage view.
+ *
+ * LEGIBLE_MIN_ZOOM: Floor for fitView() calls — ensures node labels remain
+ * readable on initial load. At 300px node width, 0.35x renders ~105px on screen.
+ *
+ * EXPLORE_MIN_ZOOM: Floor for manual zoom — power users can zoom out further
+ * to see the full graph overview.
+ *
+ * FIT_VIEW_PADDING: Breathing room around fitted nodes so they don't touch
+ * the viewport edge.
+ *
+ * DIM_FILTER: CSS filter applied to non-highlighted nodes/edges. Uses 0.4
+ * opacity (not 0.2) so graph structure remains visible at any zoom level.
+ */
+/** Minimum zoom for fitView — labels remain readable */
+declare const LEGIBLE_MIN_ZOOM = 0.35;
+/** Minimum zoom for manual exploration */
+declare const EXPLORE_MIN_ZOOM = 0.1;
+/** Padding for fitView calls */
+declare const FIT_VIEW_PADDING = 0.15;
+/** CSS filter for dimmed (non-highlighted) nodes and edges */
+declare const DIM_FILTER = "opacity(0.4) grayscale(40%)";
+//#endregion
+//#region src/components/app/EnvInfo.d.ts
+declare function EnvInfo(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/app/MainLayout.d.ts
+interface MainLayoutProps {
+  children: ReactNode;
+  /** Parallel route slot from @lineage */
+  lineage: ReactNode;
+}
+declare function MainLayout({
+  children,
+  lineage
+}: MainLayoutProps): _$react_jsx_runtime0.JSX.Element;
+interface MainProps {
+  children: ReactNode;
+  lineage: ReactNode;
+  isLineageRoute: boolean;
+  /** Disable internal history panel (RunListOss) - cloud uses its own */
+  disableInternalHistory?: boolean;
+}
+declare function Main({
+  children,
+  lineage,
+  isLineageRoute,
+  disableInternalHistory
+}: MainProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/check/CheckDetailOss.d.ts
+interface CheckDetailProps {
+  checkId: string;
+  refreshCheckList?: () => void;
+}
+declare function CheckDetailOss({
+  checkId,
+  refreshCheckList
+}: CheckDetailProps): ReactNode;
+//#endregion
+//#region src/components/check/CheckEmptyStateOss.d.ts
+declare const CheckEmptyStateOss: () => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/check/CheckListOss.d.ts
+declare const CheckListOss: ({
+  checks,
+  selectedItem,
+  onCheckSelected,
+  onChecksReordered
+}: {
+  checks: Check[];
+  selectedItem: string | null;
+  onCheckSelected: (checkId: string) => void;
+  onChecksReordered: (source: number, destination: number) => void;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/check/CheckPageContentOss.d.ts
+declare const CheckPageContentOss: () => ReactNode;
+//#endregion
+//#region src/components/check/CheckPageLoadingOss.d.ts
+/**
+ * Loading fallback - shows minimal UI while search params are being read
+ */
+declare const CheckPageLoadingOss: () => ReactNode;
+//#endregion
+//#region src/components/errorboundary/ErrorBoundary.d.ts
+declare const ErrorBoundary$1: ({
+  children,
+  fallback
+}: {
+  children: ReactNode;
+  fallback?: React$2.ReactElement | FallbackRender | undefined;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/histogram/HistogramDiffForm.d.ts
+/**
+ * Check if a column type supports histogram diff
+ * Returns true for numeric types (excludes string, boolean, and datetime)
+ */
+declare function supportsHistogramDiff(columnType: string): boolean;
+type HistogramDiffEditProps = RunFormProps<HistogramDiffParams>;
+/**
+ * Form component for configuring histogram diff parameters
+ *
+ * Displays a dropdown to select a column for histogram diff comparison.
+ * Only numeric columns are shown (string, boolean, and datetime types are filtered out).
+ *
+ * @example
+ * ```tsx
+ * <HistogramDiffForm
+ *   params={{ model: "orders", column_name: "" }}
+ *   onParamsChanged={(params) => setParams(params)}
+ *   setIsReadyToExecute={(ready) => setReady(ready)}
+ * />
+ * ```
+ */
+declare function HistogramDiffForm({
+  params,
+  onParamsChanged,
+  setIsReadyToExecute
+}: HistogramDiffEditProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/histogram/HistogramResultView.d.ts
+/**
+ * Run type with histogram_diff result
+ */
+type HistogramDiffRun = Run & {
+  type: "histogram_diff";
+  params?: HistogramDiffParams;
+  result?: HistogramDiffResult;
+};
+/**
+ * Props for HistogramDiffResultView component
+ */
+interface HistogramResultViewProps extends CreatedResultViewProps<unknown> {
+  run: HistogramDiffRun | unknown;
+}
+/**
+ * Result view for histogram diff comparison between base and current environments
+ *
+ * Displays a chart comparing histogram distributions between base and current.
+ * The chart title shows the model and column name.
+ *
+ * @example
+ * ```tsx
+ * <HistogramDiffResultView run={histogramDiffRun} ref={boxRef} />
+ * ```
+ */
+declare const HistogramDiffResultView: ForwardRefExoticComponent<HistogramResultViewProps & RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/lineage/LineagePageOss.d.ts
+declare function LineagePageOss(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/lineage/NodeView.d.ts
+/**
+ * Node data structure for NodeView.
+ * Represents the data needed to display node details.
+ */
+interface NodeViewNodeData {
+  id: string;
+  data: {
+    name: string;
+    resourceType?: string;
+    changeStatus?: string;
+    from?: string;
+    data: {
+      base?: NodeData;
+      current?: NodeData;
+    };
+    change?: {
+      category: string;
+      columns: Record<string, "added" | "removed" | "modified"> | null;
+    };
+  };
+}
+/**
+ * Run type icon configuration for dependency injection.
+ * Maps run type names to their icon components.
+ */
+interface RunTypeIconMap {
+  query?: ComponentType<{
+    fontSize?: string;
+  }>;
+  row_count?: ComponentType<{
+    fontSize?: string;
+  }>;
+  row_count_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  profile?: ComponentType<{
+    fontSize?: string;
+  }>;
+  profile_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  query_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  value_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  top_k_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  histogram_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  schema_diff?: ComponentType<{
+    fontSize?: string;
+  }>;
+  sandbox?: ComponentType<{
+    fontSize?: string;
+  }>;
+}
+/**
+ * Props for the SchemaView component (diff mode).
+ */
+interface SchemaViewProps$1 {
+  base?: NodeData;
+  current?: NodeData;
+  columnChanges?: Record<string, "added" | "removed" | "modified"> | null;
+  onViewCode?: () => void;
+}
+/**
+ * Props for the SingleEnvSchemaView component.
+ */
+interface SingleEnvSchemaViewProps {
+  current?: NodeData;
+}
+/**
+ * Props for the NotificationComponent.
+ */
+interface NotificationComponentProps {
+  onClose: () => void;
+  children?: ReactNode;
+}
+/**
+ * Props for the ConnectionPopoverWrapper.
+ */
+interface ConnectionPopoverWrapperProps {
+  display: boolean;
+  children: ReactNode;
+}
+/**
+ * Props for the SandboxDialog component.
+ */
+interface SandboxDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  current?: NodeData;
+}
+/**
+ * Callbacks for action button clicks.
+ * Used for dependency injection of action handlers.
+ */
+interface NodeViewActionCallbacks {
+  /** Called when Query button is clicked */
+  onQueryClick?: () => void;
+  /** Called when Row Count button is clicked */
+  onRowCountClick?: () => void;
+  /** Called when Row Count Diff button is clicked */
+  onRowCountDiffClick?: () => void;
+  /** Called when Profile button is clicked */
+  onProfileClick?: () => void;
+  /** Called when Profile Diff button is clicked */
+  onProfileDiffClick?: () => void;
+  /** Called when Query Diff button is clicked */
+  onQueryDiffClick?: () => void;
+  /** Called when Value Diff button is clicked */
+  onValueDiffClick?: () => void;
+  /** Called when Top-K Diff button is clicked */
+  onTopKDiffClick?: () => void;
+  /** Called when Histogram Diff button is clicked */
+  onHistogramDiffClick?: () => void;
+  /** Called when Add Schema Diff button is clicked */
+  onAddSchemaDiffClick?: () => void;
+  /** Called when Sandbox button is clicked */
+  onSandboxClick?: () => void;
+}
+/**
+ * Props for NodeView component.
+ *
+ * Uses dependency injection for:
+ * - Schema view components (for different consumers)
+ * - SQL view component (NodeSqlView)
+ * - Action button icons
+ * - Notification components
+ * - Connection popover wrapper
+ */
+interface NodeViewProps<TNode extends NodeViewNodeData = NodeViewNodeData> {
+  /** The node to display */
+  node: TNode;
+  /** Callback when close button is clicked */
+  onCloseNode: () => void;
+  /** Whether in single environment mode */
+  isSingleEnv: boolean;
+  /** Feature toggles for conditional UI */
+  featureToggles?: {
+    mode?: string | null;
+    disableDatabaseQuery?: boolean;
+  };
+  /** Schema view component for diff mode */
+  SchemaView?: ComponentType<SchemaViewProps$1>;
+  /** Schema view component for single env mode */
+  SingleEnvSchemaView?: ComponentType<SingleEnvSchemaViewProps>;
+  /** Node SQL view component */
+  NodeSqlView?: ComponentType<{
+    node: TNode;
+  }>;
+  /** Row count diff tag component */
+  RowCountDiffTag?: ComponentType<{
+    node: TNode;
+    onRefresh?: () => void;
+  }>;
+  /** Row count tag component (single env) */
+  RowCountTag?: ComponentType<{
+    node: TNode;
+    onRefresh?: () => void;
+  }>;
+  /** Resource type tag component */
+  ResourceTypeTag?: ComponentType<{
+    node: TNode;
+  }>;
+  /** Notification component for single env mode */
+  NotificationComponent?: ComponentType<NotificationComponentProps>;
+  /** Wrapper component for buttons that need connection popover */
+  ConnectionPopoverWrapper?: ComponentType<ConnectionPopoverWrapperProps>;
+  /** Sandbox dialog component */
+  SandboxDialog?: ComponentType<SandboxDialogProps>;
+  /** Map of run type names to icon components */
+  runTypeIcons?: RunTypeIconMap;
+  /** Action callbacks for button clicks */
+  actionCallbacks?: NodeViewActionCallbacks;
+  /** Check if an action is available */
+  isActionAvailable?: (runType: string) => boolean;
+}
+/**
+ * NodeView Component
+ *
+ * Displays detailed information about a lineage node including:
+ * - Node name and metadata
+ * - Action buttons for various operations (Query, Profile, Diff, etc.)
+ * - Tabs for Columns and Code views
+ *
+ * Uses dependency injection for:
+ * - Schema view components (different for OSS vs Cloud)
+ * - Action button handlers
+ * - Icon components from run registry
+ * - Connection popover for database setup prompts
+ *
+ * @example
+ * ```tsx
+ * import { NodeView } from '@datarecce/ui/advanced';
+ *
+ * <NodeView
+ *   node={selectedNode}
+ *   onCloseNode={() => setSelectedNode(null)}
+ *   isSingleEnv={false}
+ *   SchemaView={MySchemaView}
+ *   NodeSqlView={MyNodeSqlView}
+ *   actionCallbacks={{
+ *     onQueryClick: handleQuery,
+ *     onProfileDiffClick: handleProfileDiff,
+ *   }}
+ * />
+ * ```
+ */
+declare function NodeView<TNode extends NodeViewNodeData>({
+  node,
+  onCloseNode,
+  isSingleEnv,
+  featureToggles,
+  SchemaView,
+  SingleEnvSchemaView,
+  NodeSqlView,
+  RowCountDiffTag,
+  RowCountTag,
+  ResourceTypeTag,
+  NotificationComponent,
+  ConnectionPopoverWrapper,
+  SandboxDialog,
+  runTypeIcons,
+  actionCallbacks,
+  isActionAvailable
+}: NodeViewProps<TNode>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/lineage/styles.d.ts
+/**
+ * Icon component type
+ */
+type IconComponent = ComponentType<SVGProps<SVGSVGElement>>;
+//#endregion
+//#region src/components/notifications/LineageViewNotification.d.ts
+interface NotificationProps {
+  notification?: React$1.ReactNode;
+  type: "info" | "success" | "warning" | "error";
+}
+declare function LineageViewNotification({
+  notification,
+  type
+}: NotificationProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/onboarding-guide/Notification.d.ts
+declare const RecceNotification: (props: PropsWithChildren<{
+  onClose: () => void;
+  align?: string;
+}>) => _$react_jsx_runtime0.JSX.Element;
+declare const LearnHowLink: () => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/profile/ProfileDiffForm.d.ts
+interface ProfileDiffFormParams {
+  model: string;
+  primary_key?: string | (string | undefined)[];
+  columns?: string[];
+}
+type ProfileDiffFormProp = RunFormProps<ProfileDiffFormParams>;
+declare function ProfileDiffForm({
+  params,
+  onParamsChanged,
+  setIsReadyToExecute
+}: ProfileDiffFormProp): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/profile/ProfileResultView.d.ts
+/**
+ * Run type with profile result (single environment)
+ */
+type ProfileRun = Run & {
+  type: "profile";
+  result?: ProfileDiffResult;
+};
+/**
+ * Run type with profile_diff result
+ */
+type ProfileDiffRun = Run & {
+  type: "profile_diff";
+  result?: ProfileDiffResult;
+};
+/**
+ * Props for ProfileResultView components
+ */
+interface ProfileResultViewProps extends CreatedResultViewProps<ProfileDiffViewOptions> {
+  run: ProfileRun | ProfileDiffRun | unknown;
+  /**
+   * Optional header element to render above the grid.
+   * Use this to inject OSS-specific controls like RunToolbar.
+   */
+  header?: ReactNode;
+}
+/**
+ * Result view for single environment profile stats
+ *
+ * Displays a grid with column metrics (count, distinct, null proportion, etc.)
+ * for a single dbt model.
+ *
+ * @example
+ * ```tsx
+ * <ProfileResultView run={profileRun} ref={gridRef} />
+ * ```
+ */
+declare const ProfileResultView: React$2.ForwardRefExoticComponent<Omit<CreatedResultViewProps<ProfileDiffViewOptions>, "ref"> & React$2.RefAttributes<DataGridHandle>>;
+/**
+ * Result view for comparing profile stats between base and current environments
+ *
+ * Displays a grid with column metrics from both environments,
+ * styled to highlight differences.
+ *
+ * @example
+ * ```tsx
+ * <ProfileDiffResultView
+ *   run={profileDiffRun}
+ *   ref={gridRef}
+ *   viewOptions={{ display_mode: "inline" }}
+ *   onViewOptionsChanged={setViewOptions}
+ * />
+ * ```
+ */
+declare const ProfileDiffResultView: React$2.ForwardRefExoticComponent<Omit<CreatedResultViewProps<ProfileDiffViewOptions>, "ref"> & React$2.RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/query/QueryDiffResultView.d.ts
+type QueryDiffRun = Extract<Run, {
+  type: "query_diff";
+}>;
+/**
+ * Props for QueryDiffResultView component
+ */
+interface QueryDiffResultViewProps extends CreatedResultViewProps<QueryDiffViewOptions> {
+  run: QueryDiffRun | unknown;
+}
+/**
+ * QueryDiffResultView component - displays query diff results in a data grid.
+ *
+ * Handles both JOIN and non-JOIN modes:
+ * - JOIN mode: Server computes the diff, result has `run.result.diff`
+ * - Non-JOIN mode: Client-side diff, result has `run.result.base` and `run.result.current`
+ *
+ * Key differences between modes:
+ * - Primary key handling: only in non-JOIN mode (server handles it in JOIN mode)
+ * - Warning sources: `diff.limit/more` vs `current.limit/more || base.more`
+ * - "No change" empty state: only in JOIN mode with changedOnly=true
+ *
+ * Features:
+ * - Displays row-level diff data with changed highlighting
+ * - "Changed only" filter to show only differing rows
+ * - Side-by-side vs inline display mode toggle
+ * - Column pinning support
+ * - Primary key selection (non-JOIN mode)
+ * - Warning for truncated results
+ * - Warning for non-unique primary keys (non-JOIN mode)
+ *
+ * @example
+ * ```tsx
+ * <QueryDiffResultView
+ *   run={queryDiffRun}
+ *   viewOptions={{ changed_only: true, display_mode: 'inline' }}
+ *   onViewOptionsChanged={setViewOptions}
+ * />
+ * ```
+ */
+declare const QueryDiffResultView: ForwardRefExoticComponent<QueryDiffResultViewProps & RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/query/QueryForm.d.ts
+interface QueryFormProps extends BoxProps {
+  defaultPrimaryKeys: string[] | undefined;
+  onPrimaryKeysChange: (primaryKeys: string[]) => void;
+}
+declare const QueryForm$1: ({
+  defaultPrimaryKeys,
+  onPrimaryKeysChange,
+  ...props
+}: QueryFormProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/query/QueryPageOss.d.ts
+declare const QueryPageOss: () => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/query/QueryResultView.d.ts
+type QueryRun = Extract<Run, {
+  type: "query";
+}>;
+type QueryBaseRun = Extract<Run, {
+  type: "query_base";
+}>;
+/**
+ * Props for QueryResultView component
+ */
+interface QueryResultViewProps extends CreatedResultViewProps<QueryViewOptions> {
+  run: QueryRun | QueryBaseRun | unknown;
+}
+/**
+ * QueryResultView component - displays query results in a data grid.
+ *
+ * Features:
+ * - Displays query results with column pinning support
+ * - Shows amber warning when results are truncated (limit exceeded)
+ * - Optional "Add to Checklist" button in toolbar
+ * - Supports both "query" and "query_base" run types
+ *
+ * @example
+ * ```tsx
+ * <QueryResultView
+ *   run={queryRun}
+ *   viewOptions={{ pinned_columns: ['id'] }}
+ *   onViewOptionsChanged={setViewOptions}
+ *   onAddToChecklist={(run) => addToChecklist(run)}
+ * />
+ * ```
+ */
+declare const QueryResultView: ForwardRefExoticComponent<QueryResultViewProps & RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/query/SetupConnectionGuide.d.ts
+interface SetupConnectionGuideProps {
+  /** URL for the support calendar booking (e.g., "https://cal.com/team/recce/chat") */
+  supportCalendarUrl?: string;
+}
+/**
+ * SetupConnectionGuide - displays guidance when data warehouse connection is not configured
+ *
+ * This component shows a guide to help users connect to a data warehouse
+ * when query functions are disabled due to missing connection.
+ */
+declare function SetupConnectionGuide({
+  supportCalendarUrl
+}: SetupConnectionGuideProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/query/SqlEditor.d.ts
+interface SqlEditorProps {
+  language?: string;
+  theme?: string;
+  value: string;
+  baseValue?: string;
+  onChange?: (value: string) => void;
+  onChangeBase?: (value: string) => void;
+  onRun?: () => void;
+  onRunBase?: () => void;
+  onRunDiff?: () => void;
+  options?: {
+    readOnly?: boolean;
+    fontSize?: number;
+    lineNumbers?: "on" | "off";
+    wordWrap?: "on" | "off";
+  };
+  manifestData?: ManifestMetadata;
+  schemas?: string;
+  label?: string;
+  CustomEditor?: React$1.ReactNode;
+}
+interface DualSqlEditorProps extends SqlEditorProps {
+  labels?: [string, string];
+  SetupGuide?: React$1.ReactNode;
+}
+declare function SqlEditor({
+  value,
+  onChange,
+  onRun,
+  onRunBase,
+  onRunDiff,
+  label,
+  CustomEditor,
+  options,
+  manifestData,
+  schemas,
+  ...props
+}: SqlEditorProps): _$react_jsx_runtime0.JSX.Element;
+declare function DualSqlEditor({
+  value,
+  baseValue,
+  onChange,
+  onChangeBase,
+  onRun,
+  onRunBase,
+  onRunDiff,
+  options,
+  labels,
+  SetupGuide,
+  ...props
+}: DualSqlEditorProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/rowcount/RowCountResultView.d.ts
+/**
+ * Run type with row_count result
+ */
+type RowCountRun = Run & {
+  type: "row_count";
+  result?: RowCountResult;
+};
+/**
+ * Run type with row_count_diff result
+ */
+type RowCountDiffRun = Run & {
+  type: "row_count_diff";
+  result?: RowCountDiffResult;
+};
+/**
+ * Props for RowCountResultView components
+ */
+interface RowCountResultViewProps extends CreatedResultViewProps<unknown> {
+  run: RowCountRun | RowCountDiffRun | unknown;
+}
+/**
+ * Result view for single environment row counts
+ *
+ * Displays a grid with model names and their row counts.
+ *
+ * @example
+ * ```tsx
+ * <RowCountResultView run={rowCountRun} ref={gridRef} />
+ * ```
+ */
+declare const RowCountResultView: ForwardRefExoticComponent<RowCountResultViewProps & RefAttributes<DataGridHandle>>;
+/**
+ * Result view for comparing row counts between base and current environments
+ *
+ * Displays a grid with model names, base counts, current counts, and delta.
+ * Cells are styled to indicate added (green) or removed (red) rows.
+ *
+ * @example
+ * ```tsx
+ * <RowCountDiffResultView run={rowCountDiffRun} ref={gridRef} />
+ * ```
+ */
+declare const RowCountDiffResultView: ForwardRefExoticComponent<RowCountResultViewProps & RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/schema/ColumnNameCell.d.ts
+/**
+ * Props for the ColumnNameCell component
+ */
+interface ColumnNameCellProps {
+  /** The model/node data containing column information */
+  model: NodeData;
+  /** The schema diff row data for this column */
+  row: SchemaDiffRow;
+  /** Whether viewing a single environment (disables diff menu) */
+  singleEnv?: boolean;
+  /** Whether column-level lineage is currently being computed */
+  cllRunning?: boolean;
+  /** Whether to show the context menu (defaults to true) */
+  showMenu?: boolean;
+  /** Callback when user clicks a definition-changed badge to view SQL diff */
+  onViewCode?: () => void;
+}
+/**
+ * ColumnNameCell - Renders a column name with optional diff action menu
+ *
+ * Displays the column name with:
+ * - A context menu for initiating diff operations (when applicable)
+ * - A loading spinner when column-level lineage is running
+ * - Tooltip indicating column lineage viewing capability
+ *
+ * The menu is hidden when:
+ * - showMenu is false
+ * - singleEnv is true (no comparison available)
+ * - The model is a source (sources don't support diff operations)
+ */
+declare function ColumnNameCell({
+  model,
+  row,
+  singleEnv,
+  cllRunning,
+  showMenu,
+  onViewCode
+}: ColumnNameCellProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/schema/SchemaView.d.ts
+declare function SchemaLegend(): _$react_jsx_runtime0.JSX.Element;
+interface SchemaViewProps {
+  base?: NodeData;
+  current?: NodeData;
+  enableScreenshot?: boolean;
+  showMenu?: boolean;
+  /** Per-column change status from breaking change analysis */
+  columnChanges?: Record<string, "added" | "removed" | "modified"> | null;
+  /** Callback when user clicks a definition-changed badge to view SQL diff */
+  onViewCode?: () => void;
+}
+declare const SchemaView$1: React$2.ForwardRefExoticComponent<SchemaViewProps & React$2.RefAttributes<DataGridHandle>>;
+declare const SingleEnvSchemaView$1: React$2.ForwardRefExoticComponent<{
+  current?: NodeData;
+  showMenu?: boolean;
+} & React$2.RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/shared/HistoryToggle.d.ts
+declare function HistoryToggle(): ReactNode;
+//#endregion
+//#region src/components/summary/types.d.ts
+/**
+ * Change status for nodes and columns in a lineage graph
+ *
+ * Node changes:
+ * - added: New resource added to the graph
+ * - removed: Resource removed from the graph
+ * - modified: Resource code was modified
+ *
+ * Column changes:
+ * - col_added: New column added to a node
+ * - col_removed: Column removed from a node
+ * - col_changed: Column type or definition changed
+ *
+ * Folder changes:
+ * - folder_changed: Files in a folder were modified
+ *
+ * null: No change detected
+ */
+type ChangeStatus = "added" | "removed" | "modified" | "col_added" | "col_removed" | "col_changed" | "folder_changed" | null;
+/**
+ * Labels for each change status
+ * Format: [shortLabel, longLabel]
+ */
+declare const NODE_CHANGE_STATUS_MSGS: Record<NonNullable<ChangeStatus>, [string, string]>;
+/**
+ * Props for the ChangeSummary component
+ */
+interface ChangeSummaryProps {
+  lineageGraph: LineageGraph;
+}
+/**
+ * Result of calculating column changes between base and current
+ */
+interface ColumnChangeResult {
+  adds: number;
+  removes: number;
+  modifies: number;
+}
+/**
+ * Result of calculating all changes in a lineage graph
+ */
+interface ChangeSummaryResult {
+  adds: number;
+  removes: number;
+  modifies: number;
+  col_added: number;
+  col_removed: number;
+  col_changed: number;
+}
+//#endregion
+//#region src/components/summary/ChangeSummary.d.ts
+/**
+ * ChangeSummary component
+ *
+ * Displays a summary of all changes in a lineage graph, split into two sections:
+ * - Code Changes: Added, removed, and modified nodes
+ * - Column Changes: Added, removed, and modified columns
+ *
+ * @example
+ * ```tsx
+ * <ChangeSummary lineageGraph={lineageGraph} />
+ * ```
+ */
+declare function ChangeSummary({
+  lineageGraph
+}: ChangeSummaryProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/summary/SchemaSummary.d.ts
+interface SchemaSummaryProps {
+  lineageGraph: LineageGraph;
+}
+declare function SchemaSummary({
+  lineageGraph
+}: SchemaSummaryProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/summary/utils.d.ts
+/**
+ * Get icon and color for a given change status
+ *
+ * Maps change statuses to visual indicators (icons and colors) for
+ * consistent display across the UI.
+ *
+ * @param changeStatus - The change status to get icon for
+ * @returns Object with color and icon component
+ */
+declare function getIconForChangeStatus(changeStatus?: ChangeStatus): {
+  color: string;
+  icon: IconComponent | undefined;
+};
+/**
+ * Calculate column changes between base and current node data
+ *
+ * Compares the columns in base and current versions of a node to
+ * determine how many columns were added, removed, or modified.
+ *
+ * @param base - Base version node data
+ * @param current - Current version node data
+ * @returns Column change counts
+ */
+declare function calculateColumnChange(base: NodeData | undefined, current: NodeData | undefined): ColumnChangeResult;
+/**
+ * Calculate all changes in a lineage graph
+ *
+ * Iterates through all modified nodes in the lineage graph and
+ * aggregates node-level and column-level changes.
+ *
+ * @param lineageGraph - The lineage graph to analyze
+ * @returns Aggregated change counts
+ */
+declare function calculateChangeSummary(lineageGraph: LineageGraph): ChangeSummaryResult;
+//#endregion
+//#region src/components/timeout/IdleTimeoutBadge.d.ts
+/**
+ * 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_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/top-k/TopKDiffForm.d.ts
+type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
+declare function TopKDiffForm({
+  params,
+  onParamsChanged,
+  setIsReadyToExecute
+}: TopKDiffFormProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/top-k/TopKDiffResultView.d.ts
+/**
+ * Run type with top_k_diff result
+ */
+type TopKDiffRun = Run & {
+  type: "top_k_diff";
+  params?: TopKDiffParams;
+  result?: TopKDiffResult;
+};
+/**
+ * Props for TopKDiffResultView component
+ */
+interface TopKDiffResultViewProps extends CreatedResultViewProps<TopKViewOptions> {
+  run: TopKDiffRun | unknown;
+}
+/**
+ * TopKDiffResultView component - displays top-K value distribution comparison.
+ *
+ * Features:
+ * - Displays horizontal bar chart comparing base vs current top-K values
+ * - "View More Items" / "View Only Top-10" toggle when >10 items exist
+ * - Title shows model name and column name
+ * - Dark/light theme support
+ *
+ * @example
+ * ```tsx
+ * <TopKDiffResultView
+ *   run={topKDiffRun}
+ *   viewOptions={{ show_all: false }}
+ *   onViewOptionsChanged={setViewOptions}
+ * />
+ * ```
+ */
+declare const TopKDiffResultView: ForwardRefExoticComponent<TopKDiffResultViewProps & RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/DataTypeIcon/classifyType.d.ts
+type TypeCategory = "integer" | "number" | "text" | "boolean" | "date" | "datetime" | "time" | "binary" | "json" | "array" | "geography" | "unknown";
+/**
+ * Classifies a raw database type string into a TypeCategory.
+ *
+ * - Case-insensitive
+ * - Strips parenthesized parameters before matching (e.g. VARCHAR(256) -> VARCHAR)
+ * - Special case: TINYINT(1) maps to "boolean", plain TINYINT maps to "integer"
+ */
+declare function classifyType(rawType: string): TypeCategory;
+//#endregion
+//#region src/components/ui/DataTypeIcon/tooltipText.d.ts
+interface ColumnTooltipInput {
+  name: string;
+  status?: "added" | "removed" | "type_changed" | "definition_changed" | "unchanged";
+  baseType?: string;
+  currentType?: string;
+  cllAvailable?: boolean;
+}
+declare function buildColumnTooltip(input: ColumnTooltipInput): string;
+//#endregion
+//#region src/components/ui/DataTypeIcon/index.d.ts
+interface DataTypeIconProps {
+  type: string;
+  size?: number | string;
+  style?: CSSProperties;
+  className?: string;
+  disableTooltip?: boolean;
+}
+declare function DataTypeIcon({
+  type,
+  size,
+  style,
+  className,
+  disableTooltip
+}: DataTypeIconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/SquareIcon.d.ts
+interface SquareIconProps {
+  /** The background color of the square icon */
+  color: string;
+}
+/**
+ * A small square icon used in chart legends
+ */
+declare function SquareIcon({
+  color
+}: SquareIconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/valuediff/ValueDiffDetailResultView.d.ts
+/**
+ * Run type with value_diff_detail result
+ */
+type ValueDiffDetailRun = Run & {
+  type: "value_diff_detail";
+};
+/**
+ * Props for ValueDiffDetailResultView component
+ */
+interface ValueDiffDetailResultViewProps extends CreatedResultViewProps<ValueDiffDetailViewOptions> {
+  run: ValueDiffDetailRun | unknown;
+}
+/**
+ * ValueDiffDetailResultView component - displays value diff details in a data grid.
+ *
+ * Features:
+ * - Displays row-level diff data with changed highlighting
+ * - "Changed only" filter to show only differing rows
+ * - Side-by-side vs inline display mode toggle
+ * - Column pinning support
+ * - Shows amber warning when results are truncated
+ * - Toolbar-in-empty-state pattern: shows "No change" when changed_only=true but no changes
+ *
+ * @example
+ * ```tsx
+ * <ValueDiffDetailResultView
+ *   run={valueDiffDetailRun}
+ *   viewOptions={{ changed_only: true, display_mode: 'inline' }}
+ *   onViewOptionsChanged={setViewOptions}
+ * />
+ * ```
+ */
+declare const ValueDiffDetailResultView: ForwardRefExoticComponent<ValueDiffDetailResultViewProps & RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/valuediff/ValueDiffForm.d.ts
+interface ValueDiffFormParams {
+  model: string;
+  primary_key?: string | (string | undefined)[];
+  columns?: string[];
+}
+type ValueDiffFormProp = RunFormProps<ValueDiffFormParams>;
+declare function ValueDiffForm({
+  params,
+  onParamsChanged,
+  setIsReadyToExecute
+}: ValueDiffFormProp): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/valuediff/ValueDiffResultView.d.ts
+/**
+ * Run type with value_diff result
+ */
+type ValueDiffRun = Run & {
+  type: "value_diff";
+  result?: ValueDiffResult;
+  params?: ValueDiffParams;
+};
+/**
+ * Props for ValueDiffResultView component
+ */
+interface ValueDiffResultViewProps extends CreatedResultViewProps<unknown> {
+  run: ValueDiffRun | unknown;
+}
+/**
+ * ValueDiffResultView component - displays value diff summary in a data grid.
+ *
+ * Features:
+ * - Displays column-level match statistics
+ * - Summary header with model name and row counts (total, common, added, removed)
+ * - Highlights columns with match percentage < 100%
+ *
+ * @example
+ * ```tsx
+ * <ValueDiffResultView run={valueDiffRun} />
+ * ```
+ */
+declare const ValueDiffResultView: ForwardRefExoticComponent<ValueDiffResultViewProps & RefAttributes<DataGridHandle>>;
+//#endregion
+//#region src/components/views/ChecksView.d.ts
+/**
+ * Props for the ChecksView component.
+ * Defines options for viewing and managing checks.
+ */
+interface ChecksViewProps {
+  /**
+   * Optional checks data. If not provided, uses CheckContext.
+   */
+  checks?: Check$1[];
+  /**
+   * Loading state. If not provided, uses CheckContext.
+   */
+  isLoading?: boolean;
+  /**
+   * Error message. If not provided, uses CheckContext.
+   */
+  error?: string;
+  /**
+   * Currently selected check ID. If not provided, uses CheckContext.
+   */
+  selectedCheckId?: string;
+  /**
+   * Callback when a check is selected. If not provided, uses CheckContext.
+   */
+  onCheckSelect?: (checkId: string) => void;
+  /**
+   * Callback when check approval status changes.
+   */
+  onApprovalChange?: (checkId: string, isApproved: boolean) => void;
+  /**
+   * Callback when a check action is triggered.
+   */
+  onAction?: (checkId: string, actionType: CheckActionType) => void;
+  /**
+   * Callback when checks are reordered.
+   */
+  onReorder?: (sourceIndex: number, destinationIndex: number) => void;
+  /**
+   * Callback when description changes.
+   */
+  onDescriptionChange?: (checkId: string, description?: string) => void;
+  /**
+   * Callback when name changes.
+   */
+  onNameChange?: (checkId: string, name: string) => void;
+  /**
+   * Callback when create is clicked (in empty state).
+   */
+  onCreateCheck?: () => void;
+  /**
+   * Function to generate tabs for a check detail view.
+   */
+  getCheckTabs?: (check: Check$1) => CheckDetailTab[];
+  /**
+   * Function to generate primary actions for a check.
+   */
+  getPrimaryActions?: (check: Check$1) => CheckAction[];
+  /**
+   * Function to generate secondary actions for a check.
+   */
+  getSecondaryActions?: (check: Check$1) => CheckAction[];
+  /**
+   * Whether approval is disabled for all checks.
+   */
+  disableApproval?: boolean;
+  /**
+   * Tooltip for disabled approval.
+   */
+  disabledApprovalTooltip?: string;
+  /**
+   * Optional height for the view.
+   * @default "100%"
+   */
+  height?: number | string;
+  /**
+   * Initial split pane size (percentage for list).
+   * @default 30
+   */
+  listPaneSize?: number;
+  /**
+   * Minimum list pane size in pixels.
+   * @default 200
+   */
+  minListSize?: number;
+  /**
+   * Maximum list pane size in pixels.
+   * @default 500
+   */
+  maxListSize?: number;
+  /**
+   * Title for the check list.
+   */
+  listTitle?: string;
+  /**
+   * Optional CSS class name.
+   */
+  className?: string;
+}
+/**
+ * ChecksView Component
+ *
+ * A high-level component for viewing and managing checks using a
+ * split-pane layout with a list on the left and details on the right.
+ *
+ * Can receive data from:
+ * 1. CheckContext (wrap with CheckProvider)
+ * 2. Direct props (pass checks, selectedCheckId, etc.)
+ *
+ * @example Using with context
+ * ```tsx
+ * import { CheckProvider, ChecksView } from '@datarecce/ui';
+ *
+ * function App() {
+ *   const { checks, isLoading } = useChecksQuery();
+ *   const [selectedId, setSelectedId] = useState<string>();
+ *
+ *   return (
+ *     <CheckProvider
+ *       checks={checks}
+ *       isLoading={isLoading}
+ *       selectedCheckId={selectedId}
+ *       onSelectCheck={setSelectedId}
+ *     >
+ *       <ChecksView
+ *         getCheckTabs={(check) => [
+ *           { id: 'result', label: 'Result', content: <ResultView check={check} /> },
+ *         ]}
+ *       />
+ *     </CheckProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example Using with direct props
+ * ```tsx
+ * import { ChecksView } from '@datarecce/ui';
+ *
+ * function App({ checks, selectedId, onSelect }) {
+ *   return (
+ *     <ChecksView
+ *       checks={checks}
+ *       selectedCheckId={selectedId}
+ *       onCheckSelect={onSelect}
+ *       onApprovalChange={(id, approved) => updateCheck(id, { is_checked: approved })}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare function ChecksViewComponent({
+  checks: propChecks,
+  isLoading: propIsLoading,
+  error: propError,
+  selectedCheckId: propSelectedCheckId,
+  onCheckSelect: propOnCheckSelect,
+  onApprovalChange,
+  onAction,
+  onReorder,
+  onDescriptionChange,
+  onNameChange,
+  onCreateCheck,
+  getCheckTabs,
+  getPrimaryActions,
+  getSecondaryActions,
+  disableApproval,
+  disabledApprovalTooltip,
+  height,
+  listPaneSize,
+  minListSize,
+  maxListSize,
+  listTitle,
+  className
+}: ChecksViewProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Memoized ChecksView component for performance optimization.
+ */
+declare const ChecksView: React$2.MemoExoticComponent<typeof ChecksViewComponent>;
+//#endregion
+//#region src/providers/contexts/ThemeContext.d.ts
+/**
+ * Theme mode selection for {@link ThemeProvider}.
+ */
+type ThemeMode = "light" | "dark" | "system";
+/**
+ * Theme context values exposed by {@link useRecceTheme}.
+ */
+interface ThemeContextValue {
+  mode: ThemeMode;
+  resolvedMode: "light" | "dark";
+  setMode: (mode: ThemeMode) => void;
+}
+/**
+ * Access the theme context.
+ *
+ * @throws Error if used outside {@link RecceProvider}.
+ */
+declare function useRecceTheme(): ThemeContextValue;
+//#endregion
+//#region src/index.d.ts
+declare const VERSION = "0.2.0";
+//#endregion
+//#region src/components/lineage/lineage.d.ts
+/**
+ * Convert a LineageGraph to React Flow nodes and edges with column-level lineage support
+ *
+ * This OSS-specific function extends the basic toReactFlow functionality with:
+ * - Column-level lineage (CLL) visualization
+ * - Dynamic node heights based on column count
+ * - Column nodes as child nodes within parent model nodes
+ *
+ * @param lineageGraph - The lineage graph to convert
+ * @param options - Conversion options
+ * @param options.selectedNodes - Optional filter for which nodes to include
+ * @param options.cll - Column-level lineage data for adding column nodes
+ * @param options.existingPositions - Map of node IDs to their existing positions. If provided, nodes will preserve their positions and layout will be skipped if all nodes have positions.
+ * @returns Tuple of [nodes, edges, nodeColumnSetMap] where nodeColumnSetMap tracks columns per node
+ *
+ * @example
+ * ```tsx
+ * const [nodes, edges, columnSetMap] = toReactFlow(lineageGraph, {
+ *   selectedNodes: ["model.project.orders"],
+ *   cll: columnLineageData,
+ * });
+ * ```
+ */
+declare function toReactFlow(lineageGraph: LineageGraph, options?: {
+  selectedNodes?: string[];
+  cll?: ColumnLineageData;
+  existingPositions?: Map<string, {
+    x: number;
+    y: number;
+  }>;
+}): [LineageGraphNodes[], LineageGraphEdge[], NodeColumnSetMap];
+/**
+ * Apply dagre layout to lineage graph nodes and edges
+ *
+ * This is a thin wrapper around layoutWithDagre from @datarecce/ui
+ * that provides the dagre library instance.
+ *
+ * @param nodes - Array of lineage graph nodes
+ * @param edges - Array of lineage graph edges
+ * @param direction - Layout direction ("LR" for left-to-right, "TB" for top-to-bottom)
+ */
+declare const layout: (nodes: LineageGraphNodes[], edges: LineageGraphEdge[], direction?: string) => void;
+//#endregion
+export { SetupConnectionGuide as $, getIconForChangeStatus as A, CheckPageLoadingOss as At, SchemaView$1 as B, FIT_VIEW_PADDING as Bt, TopKDiffResultView as C, LineagePageOss as Ct, IdleTimeoutBadge as D, HistogramDiffForm as Dt, TopKDiffForm as E, HistogramResultViewProps as Et, ChangeSummaryResult as F, Main as Ft, RowCountDiffRun as G, ColumnNameCell as H, ColumnChangeResult as I, MainLayout as It, RowCountRun as J, RowCountResultView as K, NODE_CHANGE_STATUS_MSGS as L, EnvInfo as Lt, ChangeSummary as M, CheckListOss as Mt, ChangeStatus as N, CheckEmptyStateOss as Nt, calculateChangeSummary as O, supportsHistogramDiff as Ot, ChangeSummaryProps as P, CheckDetailOss as Pt, SqlEditorProps as Q, HistoryToggle as R, DIM_FILTER as Rt, classifyType as S, SchemaViewProps$1 as St, TopKDiffRun as T, HistogramDiffRun as Tt, ColumnNameCellProps as U, SingleEnvSchemaView$1 as V, LEGIBLE_MIN_ZOOM as Vt, RowCountDiffResultView as W, DualSqlEditorProps as X, DualSqlEditor as Y, SqlEditor as Z, DataTypeIcon as _, LineageViewNotification as _t, ChecksView as a, QueryFormProps as at, buildColumnTooltip as b, NodeViewNodeData as bt, ValueDiffResultViewProps as c, ProfileDiffResultView as ct, ValueDiffFormParams as d, ProfileResultViewProps as dt, SetupConnectionGuideProps as et, ValueDiffDetailResultView as f, ProfileRun as ft, SquareIconProps as g, RecceNotification as gt, SquareIcon as h, LearnHowLink as ht, useRecceTheme as i, QueryForm$1 as it, SchemaSummary as j, CheckPageContentOss as jt, calculateColumnChange as k, ErrorBoundary$1 as kt, ValueDiffRun as l, ProfileDiffRun as lt, ValueDiffDetailRun as m, ProfileDiffFormParams as mt, toReactFlow as n, QueryResultViewProps as nt, ChecksViewProps as o, QueryDiffResultView as ot, ValueDiffDetailResultViewProps as p, ProfileDiffForm as pt, RowCountResultViewProps as q, VERSION as r, QueryPageOss as rt, ValueDiffResultView as s, QueryDiffResultViewProps as st, layout as t, QueryResultView as tt, ValueDiffForm as u, ProfileResultView as ut, DataTypeIconProps as v, NotificationProps as vt, TopKDiffResultViewProps as w, HistogramDiffResultView as wt, TypeCategory as x, NodeViewProps as xt, ColumnTooltipInput as y, NodeView as yt, SchemaLegend as z, EXPLORE_MIN_ZOOM as zt };
+//# sourceMappingURL=lineage-DsKqx9yh.d.ts.map