@datarecce/ui 0.2.0 → 0.2.1-nightly.20260410

package/dist/{index-C_kD4ZQ3.d.ts → lineage-Bprdx2yV.d.ts}

@@ -1,24 +1,55 @@
 
-import { C as Run, Gt as RowObjectType, J as ValueDiffDetailViewOptions, 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 "./flag-CiR2E5oz.js";
-import { i as LineageGraph } from "./types-CZre3j02.js";
-import { nt as CheckActionType, p as SchemaDiffRow$1, q as CheckDetailTab, tt as CheckAction } from "./SplitPane-B-BLxZaQ.js";
-import { o as RunFormProps } from "./types-CFbNxrx2.js";
-import { r as DataGridHandle } from "./ScreenshotDataGrid-BfxYUThx.js";
-import { n as CreatedResultViewProps } from "./index-CiPcALu4.js";
-import { m as Check$1 } from "./index-Ba3hp2Ng.js";
-import "@tanstack/react-query";
+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-Ch_8ckjl.js";
+import { i as LineageGraph, l as LineageGraphNodes, s as LineageGraphEdge } from "./types-EUGeM5p7.js";
+import { u as NodeColumnSetMap } from "./index-DCbl1RRQ.js";
+import { X as CheckDetailTab, at as CheckActionType, it as CheckAction, p as SchemaDiffRow } from "./SplitPane-C-WArAED.js";
+import { m as Check$1 } from "./index-D2OTg1N4.js";
+import { o as RunFormProps } from "./types-BlAAcT0V.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, { ComponentType, Dispatch, ForwardRefExoticComponent, PropsWithChildren, ReactNode, Ref, RefAttributes, SVGProps, SetStateAction } from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+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 "@mui/material/styles";
-import { EdgeProps } from "@xyflow/react";
-import "@xyflow/react/dist/style.css";
 import { ColDef, ColGroupDef, ICellRendererParams } from "ag-grid-community";
+import { EdgeProps } from "@xyflow/react";
 import { FallbackRender } from "@sentry/react";
 
+//#region src/components/lineage/computeColumnAncestry.d.ts
+interface ColumnAnnotation {
+  column: string;
+  isImpacted: boolean;
+  transformationType?: string;
+  changeStatus?: "added" | "removed" | "modified";
+}
+//#endregion
+//#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_runtime60.JSX.Element;
+declare function EnvInfo(): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/app/MainLayout.d.ts
 interface MainLayoutProps {
@@ -29,7 +60,7 @@ interface MainLayoutProps {
 declare function MainLayout({
   children,
   lineage
-}: MainLayoutProps): react_jsx_runtime60.JSX.Element;
+}: MainLayoutProps): _$react_jsx_runtime0.JSX.Element;
 interface MainProps {
   children: ReactNode;
   lineage: ReactNode;
@@ -42,7 +73,7 @@ declare function Main({
   lineage,
   isLineageRoute,
   disableInternalHistory
-}: MainProps): react_jsx_runtime60.JSX.Element;
+}: MainProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/check/CheckDetailOss.d.ts
 interface CheckDetailProps {
@@ -55,7 +86,7 @@ declare function CheckDetailOss({
 }: CheckDetailProps): ReactNode;
 //#endregion
 //#region src/components/check/CheckEmptyStateOss.d.ts
-declare const CheckEmptyStateOss: () => react_jsx_runtime60.JSX.Element;
+declare const CheckEmptyStateOss: () => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/check/CheckListOss.d.ts
 declare const CheckListOss: ({
@@ -68,7 +99,7 @@ declare const CheckListOss: ({
   selectedItem: string | null;
   onCheckSelected: (checkId: string) => void;
   onChecksReordered: (source: number, destination: number) => void;
-}) => react_jsx_runtime60.JSX.Element;
+}) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/check/CheckPageContentOss.d.ts
 declare const CheckPageContentOss: () => ReactNode;
@@ -80,13 +111,13 @@ declare const CheckPageContentOss: () => ReactNode;
 declare const CheckPageLoadingOss: () => ReactNode;
 //#endregion
 //#region src/components/errorboundary/ErrorBoundary.d.ts
-declare const ErrorBoundary: ({
+declare const ErrorBoundary$1: ({
   children,
   fallback
 }: {
   children: ReactNode;
   fallback?: React$2.ReactElement | FallbackRender | undefined;
-}) => react_jsx_runtime60.JSX.Element;
+}) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/histogram/HistogramDiffForm.d.ts
 /**
@@ -114,7 +145,7 @@ declare function HistogramDiffForm({
   params,
   onParamsChanged,
   setIsReadyToExecute
-}: HistogramDiffEditProps): react_jsx_runtime60.JSX.Element;
+}: HistogramDiffEditProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/histogram/HistogramResultView.d.ts
 /**
@@ -144,76 +175,241 @@ interface HistogramResultViewProps extends CreatedResultViewProps<unknown> {
  */
 declare const HistogramDiffResultView: ForwardRefExoticComponent<HistogramResultViewProps & RefAttributes<HTMLDivElement>>;
 //#endregion
-//#region src/lib/dataGrid/generators/toSchemaDataGrid.d.ts
-interface SchemaDiffRow extends RowObjectType {
-  name: string;
-  reordered?: boolean;
-  currentIndex?: number;
-  baseIndex?: number;
-  currentType?: string;
-  baseType?: string;
-}
-interface SchemaRow extends RowObjectType {
-  name: string;
-  index: number;
-  type?: string;
+//#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;
+    };
+  };
 }
-type SchemaDiff = Record<string, SchemaDiffRow>;
-interface SchemaDataGridOptions {
-  /** Node data for context menu actions */
-  node?: NodeData;
-  /** Map of column names to CLL loading state */
-  cllRunningMap?: Map<string, boolean>;
-  /** Whether to show the column action menu (default: true) */
-  showMenu?: boolean;
+/**
+ * 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;
+  }>;
 }
-interface SchemaDataGridResult {
-  columns: (ColDef<SchemaDiffRow> | ColGroupDef<SchemaDiffRow>)[];
-  rows: SchemaDiffRow[];
+/**
+ * Props for the SchemaView component (diff mode).
+ */
+interface SchemaViewProps$1 {
+  base?: NodeData;
+  current?: NodeData;
+  columnChanges?: Record<string, "added" | "removed" | "modified"> | null;
+  onViewCode?: () => void;
 }
-interface SingleEnvSchemaDataGridResult {
-  columns: (ColDef<SchemaRow> | ColGroupDef<SchemaRow>)[];
-  rows: SchemaRow[];
+/**
+ * Props for the SingleEnvSchemaView component.
+ */
+interface SingleEnvSchemaViewProps {
+  current?: NodeData;
 }
 /**
- * Merges base and current column schemas into a diff structure
+ * Props for the NotificationComponent.
  */
-declare function mergeColumns(baseColumns?: NodeData["columns"], currentColumns?: NodeData["columns"]): SchemaDiff;
+interface NotificationComponentProps {
+  onClose: () => void;
+  children?: ReactNode;
+}
 /**
- * Generates grid configuration for schema diff view
- * Uses merged columns: Index (merged base/current), Name, Type (merged with badges)
+ * Props for the ConnectionPopoverWrapper.
  */
-declare function toSchemaDataGrid(schemaDiff: SchemaDiff, options?: SchemaDataGridOptions): SchemaDataGridResult;
+interface ConnectionPopoverWrapperProps {
+  display: boolean;
+  children: ReactNode;
+}
 /**
- * Generates grid configuration for single-environment schema view
+ * Props for the SandboxDialog component.
  */
-declare function toSingleEnvDataGrid(nodeColumns?: NodeData["columns"], options?: SchemaDataGridOptions): SingleEnvSchemaDataGridResult;
-//#endregion
-//#region src/providers/contexts/ThemeContext.d.ts
+interface SandboxDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  current?: NodeData;
+}
 /**
- * Theme mode selection for {@link ThemeProvider}.
+ * Callbacks for action button clicks.
+ * Used for dependency injection of action handlers.
  */
-type ThemeMode = "light" | "dark" | "system";
+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;
+}
 /**
- * Theme context values exposed by {@link useRecceTheme}.
+ * 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 ThemeContextValue {
-  mode: ThemeMode;
-  resolvedMode: "light" | "dark";
-  setMode: (mode: ThemeMode) => void;
+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;
 }
 /**
- * Access the theme context.
+ * NodeView Component
  *
- * @throws Error if used outside {@link RecceProvider}.
+ * 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 useRecceTheme(): ThemeContextValue;
-//#endregion
-//#region src/index.d.ts
-declare const VERSION = "0.2.0";
-//#endregion
-//#region src/components/lineage/LineagePageOss.d.ts
-declare function LineagePageOss(): react_jsx_runtime60.JSX.Element;
+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
 /**
@@ -229,14 +425,14 @@ interface NotificationProps {
 declare function LineageViewNotification({
   notification,
   type
-}: NotificationProps): react_jsx_runtime60.JSX.Element | null;
+}: 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_runtime60.JSX.Element;
-declare const LearnHowLink: () => react_jsx_runtime60.JSX.Element;
+}>) => _$react_jsx_runtime0.JSX.Element;
+declare const LearnHowLink: () => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/profile/ProfileDiffForm.d.ts
 interface ProfileDiffFormParams {
@@ -249,7 +445,7 @@ declare function ProfileDiffForm({
   params,
   onParamsChanged,
   setIsReadyToExecute
-}: ProfileDiffFormProp): react_jsx_runtime60.JSX.Element;
+}: ProfileDiffFormProp): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/profile/ProfileResultView.d.ts
 /**
@@ -358,10 +554,10 @@ declare const QueryForm$1: ({
   defaultPrimaryKeys,
   onPrimaryKeysChange,
   ...props
-}: QueryFormProps) => react_jsx_runtime60.JSX.Element;
+}: QueryFormProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/query/QueryPageOss.d.ts
-declare const QueryPageOss: () => react_jsx_runtime60.JSX.Element;
+declare const QueryPageOss: () => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/query/QueryResultView.d.ts
 type QueryRun = Extract<Run, {
@@ -410,7 +606,7 @@ interface SetupConnectionGuideProps {
  */
 declare function SetupConnectionGuide({
   supportCalendarUrl
-}: SetupConnectionGuideProps): react_jsx_runtime60.JSX.Element;
+}: SetupConnectionGuideProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/query/SqlEditor.d.ts
 interface SqlEditorProps {
@@ -450,7 +646,7 @@ declare function SqlEditor({
   manifestData,
   schemas,
   ...props
-}: SqlEditorProps): react_jsx_runtime60.JSX.Element;
+}: SqlEditorProps): _$react_jsx_runtime0.JSX.Element;
 declare function DualSqlEditor({
   value,
   baseValue,
@@ -463,7 +659,7 @@ declare function DualSqlEditor({
   labels,
   SetupGuide,
   ...props
-}: DualSqlEditorProps): react_jsx_runtime60.JSX.Element;
+}: DualSqlEditorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/rowcount/RowCountResultView.d.ts
 /**
@@ -518,13 +714,15 @@ interface ColumnNameCellProps {
   /** The model/node data containing column information */
   model: NodeData;
   /** The schema diff row data for this column */
-  row: SchemaDiffRow$1;
+  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
@@ -544,15 +742,21 @@ declare function ColumnNameCell({
   row,
   singleEnv,
   cllRunning,
-  showMenu
-}: ColumnNameCellProps): react_jsx_runtime60.JSX.Element;
+  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<{
@@ -629,7 +833,7 @@ interface ChangeSummaryResult {
  */
 declare function ChangeSummary({
   lineageGraph
-}: ChangeSummaryProps): react_jsx_runtime60.JSX.Element;
+}: ChangeSummaryProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/summary/SchemaSummary.d.ts
 interface SchemaSummaryProps {
@@ -637,7 +841,7 @@ interface SchemaSummaryProps {
 }
 declare function SchemaSummary({
   lineageGraph
-}: SchemaSummaryProps): react_jsx_runtime60.JSX.Element;
+}: SchemaSummaryProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/summary/utils.d.ts
 /**
@@ -681,7 +885,7 @@ declare function calculateChangeSummary(lineageGraph: LineageGraph): ChangeSumma
  * Only shows when remaining time is below the warning threshold
  * Styled as a warning indicator to draw user attention
  */
-declare function IdleTimeoutBadge(): react_jsx_runtime60.JSX.Element | null;
+declare function IdleTimeoutBadge(): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/top-k/TopKDiffForm.d.ts
 type TopKDiffFormProps = RunFormProps<TopKDiffParams>;
@@ -689,7 +893,7 @@ declare function TopKDiffForm({
   params,
   onParamsChanged,
   setIsReadyToExecute
-}: TopKDiffFormProps): react_jsx_runtime60.JSX.Element;
+}: TopKDiffFormProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/top-k/TopKDiffResultView.d.ts
 /**
@@ -726,54 +930,42 @@ interface TopKDiffResultViewProps extends CreatedResultViewProps<TopKViewOptions
  */
 declare const TopKDiffResultView: ForwardRefExoticComponent<TopKDiffResultViewProps & RefAttributes<HTMLDivElement>>;
 //#endregion
-//#region src/components/ui/ChangedOnlyCheckbox.d.ts
-interface ChangedOnlyCheckboxProps {
-  /** Whether the changed-only filter is enabled */
-  changedOnly?: boolean;
-  /** Callback when the checkbox state changes */
-  onChange: () => void;
-}
+//#region src/components/ui/DataTypeIcon/classifyType.d.ts
+type TypeCategory = "integer" | "number" | "text" | "boolean" | "date" | "datetime" | "time" | "binary" | "json" | "array" | "geography" | "unknown";
 /**
- * A checkbox component for filtering diff results to show only changed rows.
+ * Classifies a raw database type string into a TypeCategory.
  *
- * @example
- * ```tsx
- * <ChangedOnlyCheckbox
- *   changedOnly={viewOptions.changed_only}
- *   onChange={() => setChangedOnly(!viewOptions.changed_only)}
- * />
- * ```
+ * - 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 ChangedOnlyCheckbox({
-  changedOnly,
-  onChange
-}: ChangedOnlyCheckboxProps): react_jsx_runtime60.JSX.Element;
+declare function classifyType(rawType: string): TypeCategory;
 //#endregion
-//#region src/components/ui/DiffDisplayModeSwitch.d.ts
-type DiffDisplayMode = "inline" | "side_by_side";
-interface DiffDisplayModeSwitchProps {
-  /** Current display mode */
-  displayMode: DiffDisplayMode;
-  /** Callback when display mode changes */
-  onDisplayModeChanged: (displayMode: DiffDisplayMode) => void;
+//#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;
 }
-/**
- * A switch component for toggling between inline and side-by-side diff display modes.
- *
- * When in inline mode, also shows color legend (Base = red, Current = green).
- *
- * @example
- * ```tsx
- * <DiffDisplayModeSwitch
- *   displayMode="inline"
- *   onDisplayModeChanged={(mode) => setDisplayMode(mode)}
- * />
- * ```
- */
-declare function DiffDisplayModeSwitch({
-  displayMode,
-  onDisplayModeChanged
-}: DiffDisplayModeSwitchProps): react_jsx_runtime60.JSX.Element;
+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 {
@@ -785,38 +977,7 @@ interface SquareIconProps {
  */
 declare function SquareIcon({
   color
-}: SquareIconProps): react_jsx_runtime60.JSX.Element;
-//#endregion
-//#region src/components/ui/ToggleSwitch.d.ts
-interface ToggleSwitchProps {
-  /** Current toggle state */
-  value: boolean;
-  /** Callback when toggle state changes */
-  onChange: (value: boolean) => void;
-  /** Label for the "on" state */
-  textOn?: string;
-  /** Label for the "off" state */
-  textOff?: string;
-}
-/**
- * A toggle switch component that allows switching between two values.
- *
- * @example
- * ```tsx
- * <ToggleSwitch
- *   value={isEnabled}
- *   onChange={setIsEnabled}
- *   textOff="Inline"
- *   textOn="Side by side"
- * />
- * ```
- */
-declare function ToggleSwitch({
-  value,
-  onChange,
-  textOn,
-  textOff
-}: ToggleSwitchProps): react_jsx_runtime60.JSX.Element;
+}: SquareIconProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/valuediff/ValueDiffDetailResultView.d.ts
 /**
@@ -864,7 +1025,7 @@ declare function ValueDiffForm({
   params,
   onParamsChanged,
   setIsReadyToExecute
-}: ValueDiffFormProp): react_jsx_runtime60.JSX.Element;
+}: ValueDiffFormProp): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/valuediff/ValueDiffResultView.d.ts
 /**
@@ -1069,11 +1230,80 @@ declare function ChecksViewComponent({
   maxListSize,
   listTitle,
   className
-}: ChecksViewProps): react_jsx_runtime60.JSX.Element;
+}: ChecksViewProps): _$react_jsx_runtime0.JSX.Element;
 /**
  * Memoized ChecksView component for performance optimization.
  */
 declare const ChecksView: React$2.MemoExoticComponent<typeof ChecksViewComponent>;
 //#endregion
-export { QueryPageOss as $, ChangeStatus as A, supportsHistogramDiff as At, RowCountDiffResultView as B, TopKDiffForm as C, mergeColumns as Ct, getIconForChangeStatus as D, HistogramDiffRun as Dt, calculateColumnChange as E, HistogramDiffResultView as Et, HistoryToggle as F, CheckEmptyStateOss as Ft, DualSqlEditor as G, RowCountResultView as H, SchemaView$1 as I, CheckDetailOss as It, SqlEditorProps as J, DualSqlEditorProps as K, SingleEnvSchemaView$1 as L, Main as Lt, ChangeSummaryResult as M, CheckPageLoadingOss as Mt, ColumnChangeResult as N, CheckPageContentOss as Nt, SchemaSummary as O, HistogramResultViewProps as Ot, NODE_CHANGE_STATUS_MSGS as P, CheckListOss as Pt, QueryResultViewProps as Q, ColumnNameCell as R, MainLayout as Rt, TopKDiffRun as S, SingleEnvSchemaDataGridResult as St, calculateChangeSummary as T, toSingleEnvDataGrid as Tt, RowCountResultViewProps as U, RowCountDiffRun as V, RowCountRun as W, SetupConnectionGuideProps as X, SetupConnectionGuide as Y, QueryResultView as Z, DiffDisplayModeSwitchProps as _, useRecceTheme as _t, ValueDiffRun as a, ProfileDiffRun as at, TopKDiffResultView as b, SchemaDiffRow as bt, ValueDiffDetailResultView as c, ProfileRun as ct, ToggleSwitch as d, LearnHowLink as dt, QueryForm$1 as et, ToggleSwitchProps as f, RecceNotification as ft, DiffDisplayModeSwitch as g, VERSION as gt, DiffDisplayMode as h, LineagePageOss as ht, ValueDiffResultViewProps as i, ProfileDiffResultView as it, ChangeSummaryProps as j, ErrorBoundary as jt, ChangeSummary as k, HistogramDiffForm as kt, ValueDiffDetailResultViewProps as l, ProfileDiffForm as lt, SquareIconProps as m, NotificationProps as mt, ChecksViewProps as n, QueryDiffResultView as nt, ValueDiffForm as o, ProfileResultView as ot, SquareIcon as p, LineageViewNotification as pt, SqlEditor as q, ValueDiffResultView as r, QueryDiffResultViewProps as rt, ValueDiffFormParams as s, ProfileResultViewProps as st, ChecksView as t, QueryFormProps as tt, ValueDiffDetailRun as u, ProfileDiffFormParams as ut, ChangedOnlyCheckbox as v, SchemaDataGridOptions as vt, IdleTimeoutBadge as w, toSchemaDataGrid as wt, TopKDiffResultViewProps as x, SchemaRow as xt, ChangedOnlyCheckboxProps as y, SchemaDataGridResult as yt, ColumnNameCellProps as z, EnvInfo as zt };
-//# sourceMappingURL=index-C_kD4ZQ3.d.ts.map
+//#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;
+  }>;
+  newCllExperience?: boolean;
+  columnAncestry?: Map<string, ColumnAnnotation[]>;
+}): [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, ColumnAnnotation as Ht, 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-Bprdx2yV.d.ts.map