@datarecce/ui 0.1.10 → 0.1.12

package/dist/index.mjs

@@ -8,9 +8,12 @@ import CircularProgress4 from '@mui/material/CircularProgress';
 import Snackbar from '@mui/material/Snackbar';
 import Stack24 from '@mui/material/Stack';
 import Typography28 from '@mui/material/Typography';
+import Box35 from '@mui/material/Box';
+import Button11 from '@mui/material/Button';
+import { ErrorBoundary as ErrorBoundary$1 } from '@sentry/react';
+import ReactSplit from 'react-split';
+import './styles-PJUYW64Y.css';
 import { useReactFlow, useNodesState, useEdgesState, ReactFlow, Background, Controls, ControlButton, Panel, MiniMap, getNodesBounds, ReactFlowProvider, getBezierPath, BaseEdge, useStore, Handle, Position } from '@xyflow/react';
-import Box34 from '@mui/material/Box';
-import Button10 from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import dagre from '@dagrejs/dagre';
 import '@xyflow/react/dist/style.css';
@@ -24,7 +27,7 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import IconButton2 from '@mui/material/IconButton';
 import path from 'path';
-import { IoClose, IoBookmarksOutline } from 'react-icons/io5';
+import { IoClose, IoBookmarksOutline, IoWarning } from 'react-icons/io5';
 import NextLink from 'next/link';
 import throttle from 'lodash/throttle';
 import { useRouter, usePathname } from 'next/navigation';
@@ -32,11 +35,11 @@ import Link from '@mui/material/Link';
 import MuiPopover from '@mui/material/Popover';
 import { LuChartBarBig, LuExternalLink } from 'react-icons/lu';
 import { MdFormatListNumberedRtl, MdSchema } from 'react-icons/md';
-import { TbEyeEdit, TbChartHistogram, TbAlignBoxLeftStretch, TbEyeSearch, TbSql, TbBrandStackshare, TbCloudUpload } from 'react-icons/tb';
+import { TbEyeEdit, TbChartHistogram, TbAlignBoxLeftStretch, TbEyeSearch, TbSql, TbBrandStackshare, TbCloudUpload, TbChecklist, TbPlus } from 'react-icons/tb';
 import FormControl from '@mui/material/FormControl';
 import FormLabel from '@mui/material/FormLabel';
 import NativeSelect from '@mui/material/NativeSelect';
-import _3 from 'lodash';
+import _3, { isEmpty } from 'lodash';
 import { Chart, BarElement, TimeSeriesScale, LinearScale, CategoryScale, Title, Legend, Tooltip } from 'chart.js';
 import { Chart as Chart$1, Bar } from 'react-chartjs-2';
 import '@jeromefitz/date-fns-tz';
@@ -60,8 +63,6 @@ import ButtonGroup from '@mui/material/ButtonGroup';
 import { formatDistanceToNow, format, parseISO, formatDistance } from 'date-fns';
 import saveAs from 'file-saver';
 import { toCanvas } from 'html-to-image';
-import ReactSplit from 'react-split';
-import './styles-PJUYW64Y.css';
 import { FaRegDotCircle, FaCube, FaDatabase, FaSeedling, FaCamera, FaCheckSquare, FaRegSquare, FaExpandArrowsAlt, FaCheckCircle, FaRegCheckCircle } from 'react-icons/fa';
 import { FaChartSimple, FaGauge, FaCircleNodes, FaPlay, FaBookmark } from 'react-icons/fa6';
 import Chip2 from '@mui/material/Chip';
@@ -83,16 +84,15 @@ import { githubDark, githubLight } from '@uiw/codemirror-theme-github';
 import CodeMirror from '@uiw/react-codemirror';
 import { MergeView, unifiedMergeView } from '@codemirror/merge';
 import { AiOutlineExperiment } from 'react-icons/ai';
-import '@mui/material/Table';
-import '@mui/material/TableBody';
-import '@mui/material/TableCell';
-import '@mui/material/TableContainer';
-import '@mui/material/TableHead';
-import '@mui/material/TableRow';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
 import InputBase from '@mui/material/InputBase';
 import YAML from 'yaml';
 import Cookies from 'js-cookie';
-import { ErrorBoundary as ErrorBoundary$1 } from '@sentry/react';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import MuiSwitch from '@mui/material/Switch';
@@ -111,6 +111,7 @@ import 'simplebar/dist/simplebar.min.css';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import CardHeader from '@mui/material/CardHeader';
+import Badge from '@mui/material/Badge';
 
 var colors = {
   iochmara: {
@@ -1122,6 +1123,123 @@ function Toaster() {
     toast.id
   )) });
 }
+var Fallback = (errorData) => {
+  return /* @__PURE__ */ jsx(
+    Box35,
+    {
+      sx: {
+        height: "100%",
+        bgcolor: "grey.50",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ jsxs(
+        Box35,
+        {
+          sx: {
+            p: 4,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "flex-start",
+            bgcolor: "white",
+            border: "solid lightgray 1px",
+            minHeight: "200px"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
+            /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
+            /* @__PURE__ */ jsx(
+              Button11,
+              {
+                sx: {
+                  justifySelf: "center",
+                  alignSelf: "center",
+                  mt: "20px"
+                },
+                color: "iochmara",
+                variant: "contained",
+                size: "small",
+                onClick: () => {
+                  errorData.resetError();
+                },
+                children: "Reset"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var ErrorBoundary = ({
+  children,
+  fallback = Fallback
+}) => {
+  return /* @__PURE__ */ jsx(ErrorBoundary$1, { fallback, children });
+};
+var HSplit = (props) => {
+  const { style, children, gutterSize = 5, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    ReactSplit,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        ...style
+      },
+      direction: "horizontal",
+      gutterSize,
+      ...rest,
+      children
+    }
+  );
+};
+var VSplit = (props) => {
+  const { style, children, gutterSize = 5, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    ReactSplit,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        ...style
+      },
+      gutterSize,
+      direction: "vertical",
+      ...rest,
+      children
+    }
+  );
+};
+var ScreenshotBox = forwardRef(
+  ({
+    backgroundColor = "white",
+    blockSize,
+    children,
+    ...restProps
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box35,
+      {
+        ref,
+        ...restProps,
+        sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
+        children: /* @__PURE__ */ jsx(
+          Box35,
+          {
+            sx: {
+              backgroundColor,
+              height: "100%",
+              blockSize
+            },
+            children
+          }
+        )
+      }
+    );
+  }
+);
 
 // recce-source/js/src/components/lineage/graph.ts
 function getNeighborSet(nodeIds, getNeighbors, degree = 1e3) {
@@ -1578,6 +1696,9 @@ function trackCopyToClipboard(props) {
 function trackLineageViewRender(props) {
   track("[Web] lineage_view_render", props);
 }
+function trackEnvironmentConfig(props) {
+  track("[Web] environment_config", props);
+}
 var EXPLORE_ACTION = {
   ROW_COUNT: "row_count",
   ROW_COUNT_DIFF: "row_count_diff",
@@ -1707,7 +1828,7 @@ function ServerDisconnectedModalContent({
       " and was automatically stopped. Please restart the Recce server to continue."
     ] }) : /* @__PURE__ */ jsx(Typography28, { children: "The server connection has been lost. Please restart the Recce server and try again." }) }),
     /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         color: "iochmara",
         variant: "contained",
@@ -1741,8 +1862,8 @@ function RecceInstanceDisconnectedModalContent({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: content.title }),
     /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Typography28, { children: content.body }) }),
-    /* @__PURE__ */ jsx(DialogActions, { children: mode === "read only" ? /* @__PURE__ */ jsx(NextLink, { href: content.link, passHref: true, children: /* @__PURE__ */ jsx(Button10, { color: "iochmara", variant: "contained", children: content.action }) }) : /* @__PURE__ */ jsx(
-      Button10,
+    /* @__PURE__ */ jsx(DialogActions, { children: mode === "read only" ? /* @__PURE__ */ jsx(NextLink, { href: content.link, passHref: true, children: /* @__PURE__ */ jsx(Button11, { color: "iochmara", variant: "contained", children: content.action }) }) : /* @__PURE__ */ jsx(
+      Button11,
       {
         color: "iochmara",
         variant: "contained",
@@ -2531,7 +2652,7 @@ function LineageGraphContextProvider({ children }) {
       ),
       /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Typography28, { children: "Please restart the Recce server." }) }),
       /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(
-        Button10,
+        Button11,
         {
           color: "iochmara",
           variant: "contained",
@@ -2753,7 +2874,7 @@ var RunModal = ({
                 onMouseEnter: (e) => setAnchorEl(e.currentTarget),
                 onMouseLeave: () => setAnchorEl(null),
                 onClick: () => window.open(documentationUrl, "_blank"),
-                children: /* @__PURE__ */ jsx(Box34, { component: IconInfo, sx: { fontSize: "16px" } })
+                children: /* @__PURE__ */ jsx(Box35, { component: IconInfo, sx: { fontSize: "16px" } })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -2823,7 +2944,7 @@ var RunModal = ({
               borderTop: "1px solid lightgray",
               borderBottom: "1px solid lightgray"
             },
-            children: /* @__PURE__ */ jsx(Box34, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx(Box35, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsx(
               RunForm,
               {
                 params,
@@ -2834,7 +2955,7 @@ var RunModal = ({
           }
         ),
         /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Stack24, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsx(
-          Button10,
+          Button11,
           {
             disabled: !isReadyToExecute,
             color: "iochmara",
@@ -3021,12 +3142,12 @@ function HistogramDiffForm({
     (c) => !isStringDataType(c.type) && !isBooleanDataType(c.type) && !isDateTimeType(c.type)
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
+    return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
   }
   if (allColumns.length === 0 || error) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
+    return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
   }
-  return /* @__PURE__ */ jsx(Box34, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled: columns.length === 0, children: [
+  return /* @__PURE__ */ jsx(Box35, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled: columns.length === 0, children: [
     /* @__PURE__ */ jsx(FormLabel, { sx: { mb: 1 }, children: "Pick a column to show Histogram Diff" }),
     /* @__PURE__ */ jsxs(
       NativeSelect,
@@ -3128,7 +3249,7 @@ var CURRENT_BAR_COLOR_WITH_ALPHA = `${CURRENT_BAR_COLOR}A5`;
 var BASE_BAR_COLOR_WITH_ALPHA = `${BASE_BAR_COLOR}A5`;
 function SquareIcon({ color }) {
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         display: "inline-block",
@@ -3310,34 +3431,6 @@ function formatDisplayedBinItem(binEdges, currentIndex) {
   const formattedEnd = formatAsAbbreviatedNumber(endEdge);
   return `${formattedStart} - ${formattedEnd}`;
 }
-var ScreenshotBox = forwardRef(
-  ({
-    backgroundColor = "white",
-    blockSize,
-    children,
-    ...restProps
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box34,
-      {
-        ref,
-        ...restProps,
-        sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
-        children: /* @__PURE__ */ jsx(
-          Box34,
-          {
-            sx: {
-              backgroundColor,
-              height: "100%",
-              blockSize
-            },
-            children
-          }
-        )
-      }
-    );
-  }
-);
 function _HistogramDiffResultView({ run }, ref) {
   if (!isHistogramDiffRun(run)) {
     throw new Error("Run type must be histogram_diff");
@@ -3351,9 +3444,9 @@ function _HistogramDiffResultView({ run }, ref) {
   if (!base || !current) {
     return /* @__PURE__ */ jsx("div", { children: "Loading..." });
   }
-  return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "row" }, children: [
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
-    /* @__PURE__ */ jsx(Box34, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
+    /* @__PURE__ */ jsx(Box35, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsx(
       HistogramChart,
       {
         data: {
@@ -3367,7 +3460,7 @@ function _HistogramDiffResultView({ run }, ref) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
   ] }) }) });
 }
 var HistogramDiffResultView = forwardRef(_HistogramDiffResultView);
@@ -3386,13 +3479,13 @@ function ProfileDiffForm({
   }, [model, setIsReadyToExecute]);
   const columnNames = columns.map((c) => c.name);
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
+    return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
   }
   if (columnNames.length === 0 || error) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
+    return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
   }
   return /* @__PURE__ */ jsxs(Stack24, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
-    /* @__PURE__ */ jsxs(Box34, { children: [
+    /* @__PURE__ */ jsxs(Box35, { children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
       /* @__PURE__ */ jsx(
         TextField,
@@ -3404,7 +3497,7 @@ function ProfileDiffForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Box34, { children: [
+    /* @__PURE__ */ jsxs(Box35, { children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
       /* @__PURE__ */ jsx(
         FormControlLabel4,
@@ -3696,14 +3789,14 @@ function DataFrameColumnGroupHeader({
     onPinnedColumnsChange(newPinnedColumns);
   };
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: { display: "flex", alignItems: "center", gap: "10px", width: "100%" },
       className: "grid-header",
       children: [
         isPK && /* @__PURE__ */ jsx(VscKey, {}),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               flex: 1,
@@ -3715,7 +3808,7 @@ function DataFrameColumnGroupHeader({
           }
         ),
         canBePk && onPrimaryKeyChange && /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             component: isPK ? VscClose : VscKey,
             className: isPK ? "close-icon" : "key-icon",
@@ -3727,7 +3820,7 @@ function DataFrameColumnGroupHeader({
           }
         ),
         !isPK && onPinnedColumnsChange && /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             component: isPinned ? VscPinned : VscPin,
             className: isPinned ? "unpin-icon" : "pin-icon",
@@ -3799,14 +3892,14 @@ function DataFrameColumnHeader({
     onPinnedColumnsChange(newPinnedColumns);
   };
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: { display: "flex", alignItems: "center", width: "100%" },
       className: "grid-header",
       children: [
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 }, children: name }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 }, children: name }),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             component: isPinned ? VscPinned : VscPin,
             className: isPinned ? "unpin-icon" : "pin-icon",
@@ -4125,7 +4218,7 @@ var DiffText = ({
   const textColor = colors[colorPalette][800];
   const bgColor = colors[colorPalette][100];
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -4150,7 +4243,7 @@ var DiffText = ({
       },
       children: [
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               overflow: "hidden",
@@ -4271,7 +4364,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
           enterDelay: 300,
           placement: "top",
           children: /* @__PURE__ */ jsxs(
-            Box34,
+            Box35,
             {
               gap: "5px",
               display: "flex",
@@ -4303,7 +4396,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
     }
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -5263,9 +5356,9 @@ function ColumnNameCell({
       title: "View column lineage",
       placement: "top",
       disableHoverListener: isCllDisabled,
-      children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
+      children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               overflow: "hidden",
@@ -5275,7 +5368,7 @@ function ColumnNameCell({
             children: name
           }
         ),
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
         cllRunning && /* @__PURE__ */ jsx(CircularProgress4, { size: 12, color: "inherit" }),
         showMenu && !singleEnv && model.resource_type !== "source" && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
@@ -5545,7 +5638,7 @@ function PrimaryKeyIndicatorCell({
 }) {
   const isPrimaryKey2 = primaryKeys.includes(columnName);
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -5578,9 +5671,9 @@ function ValueDiffColumnNameCell({
     };
     runAction("value_diff_detail", newParams, options);
   };
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex" }, children: [
     /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           overflow: "hidden",
@@ -5590,7 +5683,7 @@ function ValueDiffColumnNameCell({
         children: column
       }
     ),
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
     /* @__PURE__ */ jsx(
       IconButton2,
       {
@@ -5655,7 +5748,7 @@ function MatchedPercentCell({ value }) {
       displayValue = `${(value * 100).toFixed(2)} %`;
     }
   }
-  return /* @__PURE__ */ jsx(Box34, { sx: { textAlign: "right" }, children: displayValue });
+  return /* @__PURE__ */ jsx(Box35, { sx: { textAlign: "right" }, children: displayValue });
 }
 function createPrimaryKeyIndicatorRenderer(primaryKeys) {
   return (params) => {
@@ -6005,7 +6098,7 @@ themeQuartz.withParams({
 ModuleRegistry.registerModules([AllCommunityModule]);
 function EmptyRowsRenderer({ emptyMessage }) {
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6080,7 +6173,7 @@ function _ScreenshotDataGrid({
     return `grid-${pinnedFields}`;
   }, [resolvedColumnDefs]);
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       ref: containerRef,
       className: className ? `${className} no-track-pii-safe` : "no-track-pii-safe",
@@ -6173,7 +6266,7 @@ var ToggleSwitch = ({
 }) => {
   return /* @__PURE__ */ jsxs(ButtonGroup, { variant: "outlined", size: "xsmall", sx: { borderRadius: 1 }, children: [
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         onClick: () => {
           onChange(false);
@@ -6186,7 +6279,7 @@ var ToggleSwitch = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         onClick: () => {
           onChange(true);
@@ -6245,7 +6338,7 @@ var RunToolbar = ({
   children
 }) => {
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6258,7 +6351,7 @@ var RunToolbar = ({
       },
       children: [
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -6266,14 +6359,14 @@ var RunToolbar = ({
               alignItems: "flex-start",
               gap: 0
             },
-            children: warnings?.map((warning) => /* @__PURE__ */ jsxs(Box34, { children: [
+            children: warnings?.map((warning) => /* @__PURE__ */ jsxs(Box35, { children: [
               /* @__PURE__ */ jsx(PiWarning, { color: "amber.600" }),
               " ",
               warning
             ] }, _3.uniqueId(`-${warning}`)))
           }
         ),
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, minHeight: "32px" } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, minHeight: "32px" } }),
         children
       ]
     }
@@ -6337,7 +6430,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
   ]);
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -6350,7 +6443,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
     );
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6440,7 +6533,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
   ]);
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -6453,7 +6546,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
     );
   }
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6605,7 +6698,7 @@ var PrivateQueryDiffResultView = ({
   }
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -6618,7 +6711,7 @@ var PrivateQueryDiffResultView = ({
     );
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6765,7 +6858,7 @@ var PrivateQueryDiffJoinResultView = ({
   }
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -6779,7 +6872,7 @@ var PrivateQueryDiffJoinResultView = ({
   }
   if (changedOnly && gridData.rows.length === 0) {
     return /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -6798,7 +6891,7 @@ var PrivateQueryDiffJoinResultView = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Box34,
+            Box35,
             {
               sx: {
                 display: "flex",
@@ -6814,7 +6907,7 @@ var PrivateQueryDiffJoinResultView = ({
     );
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -6974,7 +7067,7 @@ var PrivateQueryResultView = ({
   ]);
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -7004,18 +7097,18 @@ var PrivateQueryResultView = ({
         children: [
           warning && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
-              Box34,
+              Box35,
               {
                 component: PiWarning,
                 sx: { color: "amber.600", alignSelf: "center" }
               }
             ),
             " ",
-            /* @__PURE__ */ jsx(Box34, { children: warning })
+            /* @__PURE__ */ jsx(Box35, { children: warning })
           ] }),
-          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1, minHeight: "32px" } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1, minHeight: "32px" } }),
           onAddToChecklist && /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               sx: { my: "5px" },
               size: "small",
@@ -7058,7 +7151,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
   }, [run]);
   if (gridData.rows.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -7071,7 +7164,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(
     ScreenshotDataGrid,
     {
       ref,
@@ -7125,12 +7218,12 @@ function TopKDiffForm({
     setIsReadyToExecute(!!params.column_name);
   }, [params, setIsReadyToExecute]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
+    return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
   }
   if (columnNames.length === 0 || error) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
+    return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
   }
-  return /* @__PURE__ */ jsx(Box34, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
+  return /* @__PURE__ */ jsx(Box35, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
     /* @__PURE__ */ jsx(FormLabel, { sx: { mb: 1 }, children: "Pick a column to show top-k" }),
     /* @__PURE__ */ jsxs(
       NativeSelect,
@@ -7189,7 +7282,7 @@ function TopKChartTooltip({
   return /* @__PURE__ */ jsx(
     MuiTooltip,
     {
-      title: /* @__PURE__ */ jsxs(Box34, { children: [
+      title: /* @__PURE__ */ jsxs(Box35, { children: [
         /* @__PURE__ */ jsxs(Typography28, { children: [
           /* @__PURE__ */ jsx(SquareIcon, { color: CURRENT_BAR_COLOR }),
           "Current: ",
@@ -7218,9 +7311,9 @@ function TopKSummaryBarChart({
 }) {
   const currents = prepareSummaryList(topKDiff.current, isDisplayTopTen);
   const bases = prepareSummaryList(topKDiff.base, isDisplayTopTen);
-  return /* @__PURE__ */ jsxs(Box34, { sx: { width: "100%", px: 20, py: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+  return /* @__PURE__ */ jsxs(Box35, { sx: { width: "100%", px: 20, py: 2 }, children: [
+    /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
       /* @__PURE__ */ jsxs(
         Typography28,
         {
@@ -7243,7 +7336,7 @@ function TopKSummaryBarChart({
           ]
         }
       ),
-      /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
+      /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
     ] }),
     currents.map((current, index) => {
       const base = bases[index];
@@ -7252,7 +7345,7 @@ function TopKSummaryBarChart({
       }
       return /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx(TopKChartTooltip, { base, current, children: /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -7277,7 +7370,7 @@ function TopKSummaryBarChart({
                 }
               ),
               /* @__PURE__ */ jsxs(
-                Box34,
+                Box35,
                 {
                   sx: {
                     display: "flex",
@@ -7285,7 +7378,7 @@ function TopKSummaryBarChart({
                     flexDirection: "column"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", height: "1em" }, children: [
+                    /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", height: "1em" }, children: [
                       /* @__PURE__ */ jsx(
                         CategoricalBarChart,
                         {
@@ -7319,7 +7412,7 @@ function TopKSummaryBarChart({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", height: "1em" }, children: [
+                    /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", height: "1em" }, children: [
                       /* @__PURE__ */ jsx(
                         CategoricalBarChart,
                         {
@@ -7368,7 +7461,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
   const endAtIndex = isDisplayTopTen ? 10 : topk.counts.length;
   const displayList = topk.counts.slice(0, endAtIndex);
   const remainingSumCount = valids - displayList.reduce((accum, curr) => accum + curr, 0);
-  return /* @__PURE__ */ jsx(Box34, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
+  return /* @__PURE__ */ jsx(Box35, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
     const isLastItemOthers = index === displayList.length;
     const topkCount = isLastItemOthers ? remainingSumCount : v;
     const catName = String(topk.values[index]);
@@ -7377,7 +7470,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
     const displayTopkRatio = formatIntervalMinMax(topkCount / valids);
     return /* @__PURE__ */ jsx(Fragment$1, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
-        Box34,
+        Box35,
         {
           sx: {
             display: "flex",
@@ -7401,7 +7494,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
                 children: topkLabel
               }
             ) }),
-            /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsx(
               CategoricalBarChart,
               {
                 topkCount,
@@ -7510,7 +7603,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
   const params = run.params;
   const baseTopK = result.base;
   const currentTopK = result.current;
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsxs(ScreenshotBox, { ref, blockSize: "auto", children: [
       /* @__PURE__ */ jsxs(
         Typography28,
@@ -7526,7 +7619,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
         }
       ),
       /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
         /* @__PURE__ */ jsx(
           TopKSummaryBarChart,
           {
@@ -7535,11 +7628,11 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
             isDisplayTopTen
           }
         ),
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
-    (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
+    (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsx(
       Link,
       {
         component: "button",
@@ -7624,7 +7717,7 @@ var PrivateValueDiffDetailResultView = ({
   }
   if (gridData.columns.length === 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -7638,7 +7731,7 @@ var PrivateValueDiffDetailResultView = ({
   }
   if (changedOnly && gridData.rows.length === 0) {
     return /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -7657,7 +7750,7 @@ var PrivateValueDiffDetailResultView = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Box34,
+            Box35,
             {
               sx: {
                 display: "flex",
@@ -7673,7 +7766,7 @@ var PrivateValueDiffDetailResultView = ({
     );
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -7773,13 +7866,13 @@ function ValueDiffForm({
   const columnNames = columns.map((c) => c.name);
   const primaryKeys = Array.isArray(primaryKey) ? primaryKey : primaryKey ? [primaryKey] : void 0;
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
+    return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
   }
   if (columnNames.length === 0 || error) {
-    return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
+    return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
   }
   return /* @__PURE__ */ jsxs(Stack24, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
-    /* @__PURE__ */ jsxs(Box34, { children: [
+    /* @__PURE__ */ jsxs(Box35, { children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
       /* @__PURE__ */ jsx(
         TextField,
@@ -7791,7 +7884,7 @@ function ValueDiffForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Box34, { children: [
+    /* @__PURE__ */ jsxs(Box35, { children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Primary key" }),
       /* @__PURE__ */ jsx(
         ReactSelect2,
@@ -7825,7 +7918,7 @@ function ValueDiffForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Box34, { children: [
+    /* @__PURE__ */ jsxs(Box35, { children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
       /* @__PURE__ */ jsx(
         FormControlLabel4,
@@ -7899,7 +7992,7 @@ function _ValueDiffResultView({ run }, ref) {
   }
   const { columns, rows } = gridData;
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -7909,7 +8002,7 @@ function _ValueDiffResultView({ run }, ref) {
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ jsxs(Box34, { sx: { px: "16px" }, children: [
+        /* @__PURE__ */ jsxs(Box35, { sx: { px: "16px" }, children: [
           "Model: ",
           params.model,
           ", ",
@@ -8440,7 +8533,7 @@ function useCopyToClipboardButton(options) {
   }) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        Button10,
+        Button11,
         {
           size: "small",
           sx: { position: "absolute", bottom: 16, right: 16 },
@@ -8510,7 +8603,7 @@ function useImageDownloadModal() {
       /* @__PURE__ */ jsxs(DialogContent, { children: [
         /* @__PURE__ */ jsxs(Stack24, { sx: { px: "10px", gap: "10px" }, children: [
           /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: "5px", children: [
-            /* @__PURE__ */ jsx(Box34, { component: PiInfo, sx: { color: "error.main" } }),
+            /* @__PURE__ */ jsx(Box35, { component: PiInfo, sx: { color: "error.main" } }),
             /* @__PURE__ */ jsx(Typography28, { sx: { fontWeight: 500, display: "inline" }, children: "Copy to the Clipboard" }),
             " ",
             "is not supported in the current browser"
@@ -8518,7 +8611,7 @@ function useImageDownloadModal() {
           /* @__PURE__ */ jsx(Typography28, { children: "Please download it directly" })
         ] }),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             component: "img",
             src: base64Img,
@@ -8528,8 +8621,8 @@ function useImageDownloadModal() {
         )
       ] }),
       /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(Button10, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
-        /* @__PURE__ */ jsx(Button10, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
+        /* @__PURE__ */ jsx(Button11, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
+        /* @__PURE__ */ jsx(Button11, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
       ] })
     ] });
   }
@@ -8589,40 +8682,6 @@ var useRun = (runId) => {
     RunResultView
   };
 };
-var HSplit = (props) => {
-  const { style, children, gutterSize = 5, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    ReactSplit,
-    {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        ...style
-      },
-      direction: "horizontal",
-      gutterSize,
-      ...rest,
-      children
-    }
-  );
-};
-var VSplit = (props) => {
-  const { style, children, gutterSize = 5, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    ReactSplit,
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        ...style
-      },
-      gutterSize,
-      direction: "vertical",
-      ...rest,
-      children
-    }
-  );
-};
 function ActionControl({ onClose }) {
   const { cancel, actionState } = useLineageViewContextSafe();
   const getProgressMessage = () => {
@@ -8640,7 +8699,7 @@ function ActionControl({ onClose }) {
       }
     }
   };
-  return /* @__PURE__ */ jsx(Box34, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Box35, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxs(
     Stack24,
     {
       direction: "row",
@@ -8648,14 +8707,14 @@ function ActionControl({ onClose }) {
       spacing: 2,
       sx: { p: "5px 15px", mt: 2 },
       children: [
-        /* @__PURE__ */ jsxs(Box34, { sx: { fontSize: "10pt" }, children: [
+        /* @__PURE__ */ jsxs(Box35, { sx: { fontSize: "10pt" }, children: [
           "Progress: ",
           getProgressMessage(),
           " ",
           actionState.status === "canceled" ? " (canceled)" : ""
         ] }),
         actionState.status === "running" || actionState.status === "canceling" ? /* @__PURE__ */ jsx(
-          Button10,
+          Button11,
           {
             size: "small",
             variant: "outlined",
@@ -8663,7 +8722,7 @@ function ActionControl({ onClose }) {
             disabled: actionState.status === "canceling",
             children: actionState.status === "canceling" ? "Canceling" : "Cancel"
           }
-        ) : /* @__PURE__ */ jsx(Stack24, { direction: "row", children: /* @__PURE__ */ jsx(Button10, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
+        ) : /* @__PURE__ */ jsx(Stack24, { direction: "row", children: /* @__PURE__ */ jsx(Button11, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
       ]
     }
   ) });
@@ -8786,7 +8845,7 @@ function ChangeStatusLegend() {
     modified: ["Modified", "Modified resource"]
   };
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         bgcolor: "white",
@@ -8798,7 +8857,7 @@ function ChangeStatusLegend() {
       children: Object.entries(CHANGE_STATUS_MSGS).map(([key, [label, tip]]) => {
         const { icon, color } = getIconForChangeStatus(key);
         return /* @__PURE__ */ jsx(MuiTooltip, { title: tip, placement: "right", children: /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -8807,7 +8866,7 @@ function ChangeStatusLegend() {
               mb: "2px"
             },
             children: [
-              icon && /* @__PURE__ */ jsx(Box34, { component: icon, sx: { color } }),
+              icon && /* @__PURE__ */ jsx(Box35, { component: icon, sx: { color } }),
               " ",
               label
             ]
@@ -8836,7 +8895,7 @@ var ModeMessage = () => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Typography28, { component: "span", sx: { mr: "5px" }, children: "Impact Radius for" }),
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "code",
           onClick: () => {
@@ -8861,7 +8920,7 @@ var ModeMessage = () => {
         " "
       ] }),
       /* @__PURE__ */ jsxs(
-        Box34,
+        Box35,
         {
           component: "code",
           onClick: () => {
@@ -8898,14 +8957,14 @@ var ColumnLevelLineageControl = ({
   const { lineageGraph } = useLineageGraphContext();
   const noCatalogCurrent = !lineageGraph?.catalogMetadata.current;
   return /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: "5px", children: [
-    !singleEnv && /* @__PURE__ */ jsx(Box34, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsx(
+    !singleEnv && /* @__PURE__ */ jsx(Box35, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsx(
       MuiTooltip,
       {
         enterDelay: 50,
         title: noCatalogCurrent ? "Please provide catalog.json to enable Impact Radius" : "",
         placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-          Button10,
+          Button11,
           {
             size: "small",
             variant: "outlined",
@@ -8959,7 +9018,7 @@ var ColumnLevelLineageControl = ({
                     alignItems: "center"
                   },
                   children: /* @__PURE__ */ jsx(
-                    Box34,
+                    Box35,
                     {
                       component: PiInfo,
                       sx: { color: "error.main", fontSize: "14px" }
@@ -8997,7 +9056,7 @@ var ChangeStatus = ({
     return /* @__PURE__ */ jsx(Fragment, {});
   }
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       component: IconChangeStatus,
       sx: {
@@ -9071,7 +9130,7 @@ function GraphColumnNode(nodeProps) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -9093,7 +9152,7 @@ function GraphColumnNode(nodeProps) {
       },
       children: [
         /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -9106,10 +9165,10 @@ function GraphColumnNode(nodeProps) {
             },
             children: [
               isShowingChangeAnalysis && changeStatus ? /* @__PURE__ */ jsx(ChangeStatus, { changeStatus }) : /* @__PURE__ */ jsx(TransformationType, { transformationType }),
-              /* @__PURE__ */ jsx(Box34, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
-              /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+              /* @__PURE__ */ jsx(Box35, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
+              /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
               isHovered ? /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   component: VscKebabVertical,
                   sx: {
@@ -9127,7 +9186,7 @@ function GraphColumnNode(nodeProps) {
                     );
                   }
                 }
-              ) : /* @__PURE__ */ jsx(Box34, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
+              ) : /* @__PURE__ */ jsx(Box35, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
             ]
           }
         ),
@@ -9183,7 +9242,7 @@ function ColumnLevelLineageLegend() {
     ]
   };
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         bgcolor: "white",
@@ -9194,7 +9253,7 @@ function ColumnLevelLineageLegend() {
       },
       children: Object.entries(TRANSFORMATION_MSGS).map(([key, [label, tip]]) => {
         return /* @__PURE__ */ jsx(MuiTooltip, { title: tip, placement: "right", children: /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -9303,7 +9362,7 @@ function SetupConnectionPopover({
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         ref: anchorRef,
         onMouseEnter: handleMouseEnter,
@@ -9377,8 +9436,8 @@ function ResourceTypeTag({ node }) {
   const { icon: ResourceTypeIcon } = getIconForResourceType(
     node.data.resourceType
   );
-  return /* @__PURE__ */ jsx(MuiTooltip, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxs(Box34, { component: "span", sx: tagRootSx, children: [
-    ResourceTypeIcon && /* @__PURE__ */ jsx(Box34, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(ResourceTypeIcon, {}) }),
+  return /* @__PURE__ */ jsx(MuiTooltip, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxs(Box35, { component: "span", sx: tagRootSx, children: [
+    ResourceTypeIcon && /* @__PURE__ */ jsx(Box35, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(ResourceTypeIcon, {}) }),
     node.data.resourceType
   ] }) });
 }
@@ -9398,13 +9457,13 @@ function _RowCountByRate({ rowCount }) {
   } else if (base === current) {
     return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
-      /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsx(RiSwapLine, {}) }),
+      /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsx(RiSwapLine, {}) }),
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", sx: { color: "grey.500" }, children: "No Change" })
     ] });
   } else if (base < current) {
     return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
-      /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowUpSFill, {}) }),
+      /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowUpSFill, {}) }),
       /* @__PURE__ */ jsx(
         Typography28,
         {
@@ -9418,7 +9477,7 @@ function _RowCountByRate({ rowCount }) {
   } else {
     return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
-      /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowDownSFill, {}) }),
+      /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowDownSFill, {}) }),
       /* @__PURE__ */ jsx(
         Typography28,
         {
@@ -9435,7 +9494,7 @@ function ModelRowCount({ rowCount }) {
   if (!rowCount) {
     return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
       /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: "Failed to load" }),
-      /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(FiFrown, {}) })
+      /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(FiFrown, {}) })
     ] });
   }
   const base = rowCount.base ?? "N/A";
@@ -9457,7 +9516,7 @@ function RowCountDiffTag({
   const rowsToShow = rowCount;
   const label = rowCount ? `${rowCount.base ?? "N/A"} -> ${rowCount.curr ?? "N/A"} rows` : "";
   return /* @__PURE__ */ jsx(MuiTooltip, { title: label, children: /* @__PURE__ */ jsx(SetupConnectionPopover, { display: featureToggles.mode === "metadata only", children: /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       component: "span",
       sx: {
@@ -9497,8 +9556,8 @@ function RowCountTag({
     const rows = rowCount.curr ?? "N/A";
     label = `${rows} rows`;
   }
-  return /* @__PURE__ */ jsxs(Box34, { component: "span", sx: tagRootSx, children: [
-    /* @__PURE__ */ jsx(Box34, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(RunTypeIcon, {}) }),
+  return /* @__PURE__ */ jsxs(Box35, { component: "span", sx: tagRootSx, children: [
+    /* @__PURE__ */ jsx(Box35, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(RunTypeIcon, {}) }),
     rowCount || isFetching ? isFetching ? /* @__PURE__ */ jsx(Skeleton, { width: 30, height: 16 }) : /* @__PURE__ */ jsx(Typography28, { variant: "caption", children: label }) : /* @__PURE__ */ jsx(Typography28, { variant: "caption", children: "row count" }),
     onRefresh && /* @__PURE__ */ jsx(
       IconButton2,
@@ -9534,8 +9593,8 @@ var ActionTag = ({ node, action }) => {
               gap: "3px"
             },
             children: [
-              /* @__PURE__ */ jsx(Box34, { children: "Skipped" }),
-              skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: skipReason, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiInfo, {}) }) })
+              /* @__PURE__ */ jsx(Box35, { children: "Skipped" }),
+              skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: skipReason, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiInfo, {}) }) })
             ]
           }
         ),
@@ -9568,8 +9627,8 @@ var ActionTag = ({ node, action }) => {
         direction: "row",
         sx: { fontSize: "10pt", color: "gray", alignItems: "center" },
         children: [
-          /* @__PURE__ */ jsx(Box34, { children: "Error" }),
-          skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: error, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiWarning, {}) }) })
+          /* @__PURE__ */ jsx(Box35, { children: "Error" }),
+          skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: error, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiWarning, {}) }) })
         ]
       }
     );
@@ -9678,14 +9737,14 @@ var NodeRunsAggregated = ({
   const colorChanged = inverted ? "white" : getIconForChangeStatus("modified").color;
   const colorUnchanged = inverted ? "gray" : "gray.100";
   const SchemaDiffIcon = findByRunType("schema_diff").icon;
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
     schemaChanged !== void 0 && /* @__PURE__ */ jsx(
       MuiTooltip,
       {
         title: `Schema (${schemaChanged ? "changed" : "no change"})`,
         enterDelay: 500,
-        children: /* @__PURE__ */ jsx(Box34, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsx(
-          Box34,
+        children: /* @__PURE__ */ jsx(Box35, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsx(
+          Box35,
           {
             component: SchemaDiffIcon,
             sx: { color: schemaChanged ? colorChanged : colorUnchanged }
@@ -9693,13 +9752,13 @@ var NodeRunsAggregated = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+    /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
     runs?.row_count_diff && rowCountChanged !== void 0 && /* @__PURE__ */ jsx(
       MuiTooltip,
       {
         title: `Row count (${rowCountChanged ? "changed" : "="})`,
         enterDelay: 500,
-        children: /* @__PURE__ */ jsx(Box34, { children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Box35, { children: /* @__PURE__ */ jsx(
           _RowCountDiffTag,
           {
             rowCount: runs.row_count_diff.result
@@ -9714,7 +9773,7 @@ var GraphNodeCheckbox = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       onClick,
       sx: {
@@ -9723,7 +9782,7 @@ var GraphNodeCheckbox = ({
         alignItems: "center",
         cursor: "pointer"
       },
-      children: checked ? /* @__PURE__ */ jsx(Box34, { component: FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsx(Box34, { component: FaRegSquare, sx: { fontSize: 20 } })
+      children: checked ? /* @__PURE__ */ jsx(Box35, { component: FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsx(Box35, { component: FaRegSquare, sx: { fontSize: 20 } })
     }
   );
 };
@@ -9733,7 +9792,7 @@ var GraphNodeTitle = ({
   resourceType
 }) => {
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         flex: 1,
@@ -9840,7 +9899,7 @@ function GraphNode(nodeProps) {
     }
   })();
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -9865,7 +9924,7 @@ function GraphNode(nodeProps) {
       },
       children: [
         /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -9881,7 +9940,7 @@ function GraphNode(nodeProps) {
             },
             children: [
               /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   sx: {
                     display: "flex",
@@ -9909,7 +9968,7 @@ function GraphNode(nodeProps) {
                 }
               ),
               /* @__PURE__ */ jsxs(
-                Box34,
+                Box35,
                 {
                   sx: {
                     display: "flex",
@@ -9920,7 +9979,7 @@ function GraphNode(nodeProps) {
                   },
                   children: [
                     /* @__PURE__ */ jsxs(
-                      Box34,
+                      Box35,
                       {
                         sx: {
                           display: "flex",
@@ -9950,7 +10009,7 @@ function GraphNode(nodeProps) {
                                 placement: "top",
                                 enterDelay: 500,
                                 children: /* @__PURE__ */ jsx(
-                                  Box34,
+                                  Box35,
                                   {
                                     sx: {
                                       display: "flex",
@@ -9958,7 +10017,7 @@ function GraphNode(nodeProps) {
                                       justifyContent: "center"
                                     },
                                     children: /* @__PURE__ */ jsx(
-                                      Box34,
+                                      Box35,
                                       {
                                         component: FaRegDotCircle,
                                         sx: {
@@ -9983,7 +10042,7 @@ function GraphNode(nodeProps) {
                               }
                             ),
                             /* @__PURE__ */ jsx(
-                              Box34,
+                              Box35,
                               {
                                 component: VscKebabVertical,
                                 sx: {
@@ -10003,14 +10062,14 @@ function GraphNode(nodeProps) {
                             )
                           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                             ResourceIcon && /* @__PURE__ */ jsx(
-                              Box34,
+                              Box35,
                               {
                                 component: ResourceIcon,
                                 sx: { fontSize: 16, color: iconResourceColor }
                               }
                             ),
                             changeStatus && IconChangeStatus && /* @__PURE__ */ jsx(
-                              Box34,
+                              Box35,
                               {
                                 component: IconChangeStatus,
                                 sx: { color: iconChangeStatusColor }
@@ -10021,7 +10080,7 @@ function GraphNode(nodeProps) {
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Box34,
+                      Box35,
                       {
                         sx: {
                           display: "flex",
@@ -10032,7 +10091,7 @@ function GraphNode(nodeProps) {
                           visibility: showContent ? "inherit" : "hidden"
                         },
                         children: /* @__PURE__ */ jsx(Stack24, { direction: "row", spacing: 1, children: action ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+                          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
                           /* @__PURE__ */ jsx(
                             ActionTag,
                             {
@@ -10041,7 +10100,7 @@ function GraphNode(nodeProps) {
                             }
                           )
                         ] }) : isShowingChangeAnalysis ? /* @__PURE__ */ jsx(
-                          Box34,
+                          Box35,
                           {
                             sx: {
                               height: 20,
@@ -10074,7 +10133,7 @@ function GraphNode(nodeProps) {
           }
         ),
         showColumns && /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               p: "10px 10px",
@@ -10086,7 +10145,7 @@ function GraphNode(nodeProps) {
               borderBottomRightRadius: 8
             },
             children: /* @__PURE__ */ jsx(
-              Box34,
+              Box35,
               {
                 sx: {
                   height: `${columnSet.size * COLUMN_HEIGHT}px`,
@@ -10329,7 +10388,7 @@ from {{ ref("${modelNode.name}") }}`;
     }
     menuItems.push({
       label: "Query",
-      itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
+      itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
       isDisabled: isQueryDisabled,
       action: () => {
         setSqlQuery(query);
@@ -10350,7 +10409,7 @@ from {{ ref("${modelNode.name}") }}`;
         });
         menuItems.push({
           label: "Query Related Columns",
-          itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
+          itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
           isDisabled: isQueryDisabled,
           action: () => {
             const query2 = `select 
@@ -10377,7 +10436,7 @@ from {{ ref("${modelNode.name}") }}`;
           });
           menuItems.push({
             label: "Query Modified Columns",
-            itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
+            itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
             isDisabled: isQueryDisabled,
             action: () => {
               const query2 = `select 
@@ -10401,7 +10460,7 @@ from {{ ref("${modelNode.name}") }}`;
     menuItems.push({
       label: rowCountAndRowCountRun.title,
       itemIcon: /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: rowCountAndRowCountRun.icon,
           sx: { display: "inline-flex" }
@@ -10427,7 +10486,7 @@ from {{ ref("${modelNode.name}") }}`;
     menuItems.push({
       label: profileAndProfileDiffRun.title,
       itemIcon: /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: profileAndProfileDiffRun.icon,
           sx: { display: "inline-flex" }
@@ -10452,7 +10511,7 @@ from {{ ref("${modelNode.name}") }}`;
       const valueDiffRun = findByRunType("value_diff");
       menuItems.push({
         label: valueDiffRun.title,
-        itemIcon: /* @__PURE__ */ jsx(Box34, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
+        itemIcon: /* @__PURE__ */ jsx(Box35, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
         isDisabled: isQueryDisabled,
         action: () => {
           const columns2 = Array.from(getNodeColumnSet(node.id));
@@ -10605,7 +10664,7 @@ var ColumnNodeContextMenu = ({
   const run = findByRunType(singleEnv ? "profile" : "profile_diff");
   menuItems.push({
     label: run.title,
-    itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
+    itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
     action: handleProfileDiff,
     isDisabled: addedOrRemoved || !isActionAvailable("profile_diff") || isQueryDisabled
   });
@@ -10614,7 +10673,7 @@ var ColumnNodeContextMenu = ({
     menuItems.push({
       label: isHistogramDiffRun2.title,
       itemIcon: /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: isHistogramDiffRun2.icon,
           sx: { display: "inline-flex" }
@@ -10626,14 +10685,14 @@ var ColumnNodeContextMenu = ({
     const isTopKDiffRun2 = findByRunType("top_k_diff");
     menuItems.push({
       label: isTopKDiffRun2.title,
-      itemIcon: /* @__PURE__ */ jsx(Box34, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
+      itemIcon: /* @__PURE__ */ jsx(Box35, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
       action: handleTopkDiff,
       isDisabled: addedOrRemoved || isQueryDisabled
     });
     const isValueDiffRun2 = findByRunType("value_diff");
     menuItems.push({
       label: isValueDiffRun2.title,
-      itemIcon: /* @__PURE__ */ jsx(Box34, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
+      itemIcon: /* @__PURE__ */ jsx(Box35, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
       action: handleValueDiff,
       isDisabled: addedOrRemoved || isQueryDisabled
     });
@@ -10743,7 +10802,7 @@ function LineageViewNotification({
     error: "error.light"
   }[type];
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         width: "100%",
@@ -10760,7 +10819,7 @@ function LineageViewNotification({
       },
       children: [
         notification,
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
         /* @__PURE__ */ jsx(
           IconButton2,
           {
@@ -10781,10 +10840,10 @@ function HistoryToggle() {
   if (isHistoryOpen) {
     return;
   }
-  return /* @__PURE__ */ jsxs(Box34, { children: [
-    /* @__PURE__ */ jsx(Box34, { sx: { fontSize: "8pt" }, children: "History" }),
+  return /* @__PURE__ */ jsxs(Box35, { children: [
+    /* @__PURE__ */ jsx(Box35, { sx: { fontSize: "8pt" }, children: "History" }),
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         size: "xsmall",
         variant: "outlined",
@@ -10803,7 +10862,7 @@ var SelectFilterTooltip = () => {
     /* @__PURE__ */ jsx(Typography28, { fontSize: "10pt", color: "text.secondary", pb: 1, children: "Select nodes by dbt node selector syntax" }),
     /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "code",
           sx: {
@@ -10820,7 +10879,7 @@ var SelectFilterTooltip = () => {
     ] }),
     /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "code",
           sx: {
@@ -10837,7 +10896,7 @@ var SelectFilterTooltip = () => {
     ] }),
     /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "code",
           sx: {
@@ -10854,7 +10913,7 @@ var SelectFilterTooltip = () => {
     ] }),
     /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "code",
           sx: {
@@ -10893,7 +10952,7 @@ var ViewModeSelectMenu = ({ isDisabled }) => {
   const ModelIcon = getIconForResourceType("model").icon;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         size: "xsmall",
         variant: "outlined",
@@ -10981,7 +11040,7 @@ var PackageSelectMenu = ({ isDisabled }) => {
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         size: "xsmall",
         variant: "outlined",
@@ -11118,7 +11177,7 @@ var ExcludeFilter = ({ isDisabled }) => {
   );
 };
 var ControlItem = (props) => {
-  return /* @__PURE__ */ jsxs(Box34, { style: props.style, sx: { maxWidth: 300 }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { style: props.style, sx: { maxWidth: 300 }, children: [
     /* @__PURE__ */ jsx(Typography28, { fontSize: "8pt", children: (props.label ?? "").trim() || /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }) }),
     props.children
   ] });
@@ -11166,11 +11225,11 @@ var LineageViewTopBar = () => {
             /* @__PURE__ */ jsx(ControlItem, { label: "Package", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(PackageSelectMenu, { isDisabled: isFilterDisabled }) }),
             /* @__PURE__ */ jsx(ControlItem, { label: "Select", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(SelectFilter, { isDisabled: isFilterDisabled }) }),
             /* @__PURE__ */ jsx(ControlItem, { label: "Exclude", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(ExcludeFilter, { isDisabled: isFilterDisabled }) }),
-            /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+            /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
             isMultiSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(ControlItem, { label: "", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(Typography28, { fontSize: "9pt", color: "text.secondary", children: selectedNodes.length > 1 ? `${selectedNodes.length} nodes selected` : `${selectedNodes.length} node selected` }) }),
               /* @__PURE__ */ jsx(ControlItem, { label: "", children: /* @__PURE__ */ jsx(
-                Button10,
+                Button11,
                 {
                   variant: "outlined",
                   color: "neutral",
@@ -11182,9 +11241,9 @@ var LineageViewTopBar = () => {
                   children: "Deselect"
                 }
               ) }),
-              isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "inline-flex" }, children: [
+              isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "inline-flex" }, children: [
                 /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     size: "xsmall",
                     color: "neutral",
@@ -11221,9 +11280,9 @@ var LineageViewTopBar = () => {
                 )
               ] }) })
             ] }),
-            !isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "inline-flex" }, children: [
+            !isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "inline-flex" }, children: [
               /* @__PURE__ */ jsx(
-                Button10,
+                Button11,
                 {
                   size: "xsmall",
                   color: "neutral",
@@ -11345,7 +11404,7 @@ var DisableTooltipMessages = {
 };
 var RecceNotification = (props) => {
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -11363,14 +11422,14 @@ var RecceNotification = (props) => {
       },
       children: [
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             component: FiInfo,
             sx: { width: "20px", height: "20px", color: "primary.900" }
           }
         ),
         props.children,
-        /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: props.onClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
       ]
     }
@@ -11470,7 +11529,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
       await handleViewCll(row.name);
     }
   };
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     catalogMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsx(Fragment, {}),
     rows.length > 0 && /* @__PURE__ */ jsx(
       ScreenshotDataGrid,
@@ -11596,7 +11655,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
     }
     await handleViewCll(row.name);
   };
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     catalogMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsx(Fragment, {}),
     rows.length > 0 && /* @__PURE__ */ jsx(
       ScreenshotDataGrid,
@@ -11693,6 +11752,7 @@ function CodeEditor({
     }
   );
 }
+var CodeEditor_default = CodeEditor;
 var getLanguageExtension2 = (language) => {
   switch (language) {
     case "sql":
@@ -11808,6 +11868,7 @@ function DiffEditor({
     }
   );
 }
+var DiffEditor_default = DiffEditor;
 var NodeSqlView = ({ node }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false);
@@ -11823,7 +11884,7 @@ var NodeSqlView = ({ node }) => {
   const modified = node.data.data.current?.raw_code;
   const modelName = node.data.data.base?.name ?? node.data.data.current?.name ?? "";
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       className: "no-track-pii-safe",
       sx: { position: "relative", height: "100%" },
@@ -11890,7 +11951,7 @@ var NodeSqlView = ({ node }) => {
                   /* @__PURE__ */ jsx("code", { children: modelName }),
                   "\xA0Model Code Diff"
                 ] }),
-                /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+                /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
                 /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsx(IoClose, {}) })
               ] }),
               /* @__PURE__ */ jsx(DialogContent, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(
@@ -11947,7 +12008,7 @@ function ReactionFeedback({
   externalLinkText
 }) {
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -11964,7 +12025,7 @@ function ReactionFeedback({
             "aria-label": "thumbs up",
             onClick: onLike,
             sx: { width: "32px", height: "32px" },
-            children: /* @__PURE__ */ jsx(Box34, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
+            children: /* @__PURE__ */ jsx(Box35, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -11974,7 +12035,7 @@ function ReactionFeedback({
             onClick: onDislike,
             sx: { width: "32px", height: "32px" },
             children: /* @__PURE__ */ jsx(
-              Box34,
+              Box35,
               {
                 component: "img",
                 src: "/imgs/feedback/thumbs-down.png",
@@ -12110,6 +12171,246 @@ function extractSchemas(lineageGraph) {
   }
   return [baseSchemas, currentSchemas];
 }
+function buildEnvironmentTrackingData(envInfo, reviewMode, baseSchemas, currentSchemas) {
+  const git = envInfo?.git;
+  const pr = envInfo?.pullRequest;
+  const dbtBase = envInfo?.dbt?.base;
+  const dbtCurrent = envInfo?.dbt?.current;
+  const trackingData = {
+    review_mode: reviewMode || false,
+    adapter_type: envInfo?.adapterType || null,
+    has_git_info: !isEmpty(git),
+    has_pr_info: !isEmpty(pr)
+  };
+  if (envInfo?.adapterType === "dbt") {
+    trackingData.base = {
+      schema_count: baseSchemas.size,
+      dbt_version: dbtBase?.dbt_version || null,
+      timestamp: dbtBase?.generated_at || null
+    };
+    trackingData.current = {
+      schema_count: currentSchemas.size,
+      dbt_version: dbtCurrent?.dbt_version || null,
+      timestamp: dbtCurrent?.generated_at || null
+    };
+    trackingData.schemas_match = baseSchemas.size === currentSchemas.size && Array.from(baseSchemas).every((s) => currentSchemas.has(s));
+  }
+  if (envInfo?.adapterType === "sqlmesh") {
+    trackingData.base = {
+      has_env: !!envInfo.sqlmesh?.base_env
+    };
+    trackingData.current = {
+      has_env: !!envInfo.sqlmesh?.current_env
+    };
+  }
+  return trackingData;
+}
+function renderInfoEntries(info) {
+  if (Object.values(info).every((value) => value === null)) {
+    return [
+      /* @__PURE__ */ jsx(Box35, { sx: { ml: "10px" }, children: "No information" }, "no info")
+    ];
+  }
+  return Object.entries(info).filter(
+    ([key, value]) => key !== "url" && value !== null && value !== void 0
+  ).map(([key, value]) => /* @__PURE__ */ jsxs("li", { style: { marginLeft: "10px" }, children: [
+    key,
+    ": ",
+    value
+  ] }, key));
+}
+function EnvInfo() {
+  const { envInfo, reviewMode, lineageGraph } = useLineageGraphContext();
+  const [open, setOpen] = useState(false);
+  const git = envInfo?.git;
+  const pr = envInfo?.pullRequest;
+  const reviewInfo = { ...git, ...pr };
+  const dbtBase = envInfo?.dbt?.base;
+  const dbtCurrent = envInfo?.dbt?.current;
+  const baseTime = dbtBase?.generated_at ? formatTimestamp(dbtBase.generated_at) : "";
+  const currentTime = dbtCurrent?.generated_at ? formatTimestamp(dbtCurrent.generated_at) : "";
+  let baseRelativeTime = "";
+  let currentRelativeTime = "";
+  if (dbtBase) {
+    baseRelativeTime = dbtBase.generated_at ? formatTimeToNow(dbtBase.generated_at) : "";
+  }
+  if (dbtCurrent) {
+    currentRelativeTime = dbtCurrent.generated_at ? formatTimeToNow(dbtCurrent.generated_at) : "";
+  }
+  const [baseSchemas, currentSchemas] = extractSchemas(lineageGraph);
+  const hasTrackedRef = useRef(false);
+  useEffect(() => {
+    if (!hasTrackedRef.current && envInfo) {
+      hasTrackedRef.current = true;
+      const trackingData = buildEnvironmentTrackingData(
+        envInfo,
+        reviewMode,
+        baseSchemas,
+        currentSchemas
+      );
+      trackEnvironmentConfig(trackingData);
+    }
+  }, [envInfo, reviewMode, baseSchemas, currentSchemas]);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MuiTooltip, { title: "Environment Info", placement: "bottom-end", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center hover:cursor-pointer hover:text-black",
+        onClick: handleOpen,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "hidden text-sm lg:flex lg:flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Typography28,
+                {
+                  component: "span",
+                  sx: { color: "warning.main" },
+                  className: "no-track-pii-safe max-w-32 truncate",
+                  children: Array.from(baseSchemas).join(", ")
+                }
+              ),
+              " ",
+              "(",
+              baseRelativeTime,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Typography28,
+                {
+                  component: "span",
+                  sx: { color: "primary.main" },
+                  className: "no-track-pii-safe max-w-32 truncate",
+                  children: Array.from(currentSchemas).join(", ")
+                }
+              ),
+              " ",
+              "(",
+              currentRelativeTime,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(IconButton2, { size: "small", "aria-label": "Environment Info", children: /* @__PURE__ */ jsx(
+            Box35,
+            {
+              component: IconInfo,
+              sx: { fontSize: 16, verticalAlign: "middle" }
+            }
+          ) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(MuiDialog, { open, onClose: handleClose, maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { sx: { display: "flex", alignItems: "center" }, children: [
+        "Environment Information",
+        /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
+      ] }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 1, children: [
+        reviewMode ? /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "Review Information" }),
+          /* @__PURE__ */ jsxs("ul", { style: { margin: 0, paddingLeft: "20px" }, children: [
+            reviewInfo.url && /* @__PURE__ */ jsxs("li", { style: { marginLeft: "10px" }, children: [
+              "url:",
+              " ",
+              /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  href: reviewInfo.url,
+                  target: "_blank",
+                  sx: { color: "primary.main" },
+                  children: [
+                    reviewInfo.url,
+                    " ",
+                    /* @__PURE__ */ jsx(LuExternalLink, {})
+                  ]
+                }
+              )
+            ] }),
+            !isEmpty(reviewInfo) && renderInfoEntries(reviewInfo)
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "Dev Information" }),
+          /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "20px" }, children: git && renderInfoEntries(git) })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        envInfo?.adapterType === "dbt" && /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "DBT" }),
+          /* @__PURE__ */ jsx(
+            TableContainer,
+            {
+              sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
+              children: /* @__PURE__ */ jsxs(Table, { size: "small", stickyHeader: true, children: [
+                /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                  /* @__PURE__ */ jsx(TableCell, {}),
+                  /* @__PURE__ */ jsx(TableCell, { children: "base" }),
+                  /* @__PURE__ */ jsx(TableCell, { children: "current" })
+                ] }) }),
+                /* @__PURE__ */ jsxs(TableBody, { children: [
+                  /* @__PURE__ */ jsxs(TableRow, { children: [
+                    /* @__PURE__ */ jsx(TableCell, { children: "schema" }),
+                    /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: Array.from(baseSchemas).map((item) => /* @__PURE__ */ jsx(
+                      MuiTooltip,
+                      {
+                        title: item,
+                        placement: "bottom",
+                        children: /* @__PURE__ */ jsx("div", { className: "max-w-72 truncate", children: item })
+                      },
+                      item
+                    )) }),
+                    /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: Array.from(currentSchemas).map((item) => /* @__PURE__ */ jsx(
+                      MuiTooltip,
+                      {
+                        title: item,
+                        placement: "bottom",
+                        children: /* @__PURE__ */ jsx("div", { className: "max-w-72 truncate", children: item })
+                      },
+                      item
+                    )) })
+                  ] }),
+                  /* @__PURE__ */ jsxs(TableRow, { children: [
+                    /* @__PURE__ */ jsx(TableCell, { children: "version" }),
+                    /* @__PURE__ */ jsx(TableCell, { children: dbtBase?.dbt_version }),
+                    /* @__PURE__ */ jsx(TableCell, { children: dbtCurrent?.dbt_version })
+                  ] }),
+                  /* @__PURE__ */ jsxs(TableRow, { children: [
+                    /* @__PURE__ */ jsx(TableCell, { children: "timestamp" }),
+                    /* @__PURE__ */ jsx(TableCell, { children: baseTime }),
+                    /* @__PURE__ */ jsx(TableCell, { children: currentTime })
+                  ] })
+                ] })
+              ] })
+            }
+          )
+        ] }),
+        envInfo?.adapterType === "sqlmesh" && /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "SQLMesh" }),
+          /* @__PURE__ */ jsx(
+            TableContainer,
+            {
+              sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
+              children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, children: [
+                /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                  /* @__PURE__ */ jsx(TableCell, {}),
+                  /* @__PURE__ */ jsx(TableCell, { children: "base" }),
+                  /* @__PURE__ */ jsx(TableCell, { children: "current" })
+                ] }) }),
+                /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                  /* @__PURE__ */ jsx(TableCell, { children: "Environment" }),
+                  /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.base_env }),
+                  /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.current_env })
+                ] }) })
+              ] })
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button11, { color: "iochmara", onClick: handleClose, children: "Close" }) })
+    ] })
+  ] });
+}
 var DropdownValuesInput = (props) => {
   const { defaultValues, suggestionList, onValuesChange, className } = props;
   const [values, setValues] = useState(defaultValues ?? []);
@@ -12180,7 +12481,7 @@ var DropdownValuesInput = (props) => {
     }
   };
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -12190,7 +12491,7 @@ var DropdownValuesInput = (props) => {
       className,
       children: [
         /* @__PURE__ */ jsxs(
-          Button10,
+          Button11,
           {
             variant: "outlined",
             color: "neutral",
@@ -12257,8 +12558,8 @@ var DropdownValuesInput = (props) => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx(Box34, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxs(
-                Box34,
+              /* @__PURE__ */ jsx(Box35, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxs(
+                Box35,
                 {
                   sx: {
                     border: "1px solid",
@@ -12365,7 +12666,7 @@ var DropdownValuesInput = (props) => {
                 {
                   title: "Please use filter to find more items",
                   placement: "top",
-                  children: /* @__PURE__ */ jsxs(Box34, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
+                  children: /* @__PURE__ */ jsxs(Box35, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
                     "and ",
                     filteredList.length - limit,
                     " more items..."
@@ -12405,7 +12706,7 @@ var QueryForm = ({
     }
     return Array.from(columnSet).sort();
   }, [lineageGraph]);
-  return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxs(Stack24, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
+  return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxs(Stack24, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
     /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
       /* @__PURE__ */ jsx(
         Typography28,
@@ -12416,7 +12717,7 @@ var QueryForm = ({
         }
       ),
       /* @__PURE__ */ jsx(MuiTooltip, { title: labelInfo, placement: "bottom-end", children: /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           component: "span",
           sx: { display: "flex", color: "grey.600", cursor: "help" },
@@ -12505,7 +12806,7 @@ function AuthModal({
               /* @__PURE__ */ jsx("li", { children: "Your instance will be securely and freely hosted for sharing." }),
               variant === "auth" && /* @__PURE__ */ jsx("li", { children: "This step is recommended but optional." })
             ] }),
-            /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1 }, children: [
+            /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1 }, children: [
               "More directions",
               /* @__PURE__ */ jsxs(
                 Link,
@@ -12527,7 +12828,7 @@ function AuthModal({
           ] }),
           /* @__PURE__ */ jsxs(DialogActions, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
             /* @__PURE__ */ jsxs(
-              Button10,
+              Button11,
               {
                 fullWidth: true,
                 color: "brand",
@@ -12546,7 +12847,7 @@ function AuthModal({
               }
             ),
             /* @__PURE__ */ jsx(
-              Button10,
+              Button11,
               {
                 fullWidth: true,
                 color: "neutral",
@@ -12558,7 +12859,7 @@ function AuthModal({
               }
             ),
             variant === "auth" && /* @__PURE__ */ jsx(
-              Button10,
+              Button11,
               {
                 fullWidth: true,
                 variant: "text",
@@ -12578,7 +12879,7 @@ function AuthModal({
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DialogContent, { className: "space-y-2 self-center font-light", children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", sx: { pt: "1rem" }, children: [
             /* @__PURE__ */ jsx(
-              Box34,
+              Box35,
               {
                 component: "img",
                 sx: { height: "6rem", objectFit: "contain", mx: "auto", mb: 1 },
@@ -12590,7 +12891,7 @@ function AuthModal({
             /* @__PURE__ */ jsx(Typography28, { children: "Reload to complete connection to Recce Cloud" })
           ] }) }),
           /* @__PURE__ */ jsx(DialogActions, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               fullWidth: true,
               color: "brand",
@@ -12837,9 +13138,9 @@ function SqlEditor({
             /* @__PURE__ */ jsx("span", { children: timestamp }),
             ")"
           ] }),
-          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
           (onRun ?? onRunBase) && /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               size: "xsmall",
               variant: "outlined",
@@ -12994,7 +13295,7 @@ var RunStatusAndDate = ({ run }) => {
   }
   const dateTime = run.run_at ? formatRunDateTime(new Date(run.run_at)) : null;
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -13032,61 +13333,6 @@ var RunStatusAndDate = ({ run }) => {
     }
   );
 };
-var Fallback = (errorData) => {
-  return /* @__PURE__ */ jsx(
-    Box34,
-    {
-      sx: {
-        height: "100%",
-        bgcolor: "grey.50",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ jsxs(
-        Box34,
-        {
-          sx: {
-            p: 4,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "flex-start",
-            bgcolor: "white",
-            border: "solid lightgray 1px",
-            minHeight: "200px"
-          },
-          children: [
-            /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
-            /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
-            /* @__PURE__ */ jsx(
-              Button10,
-              {
-                sx: {
-                  justifySelf: "center",
-                  alignSelf: "center",
-                  mt: "20px"
-                },
-                color: "iochmara",
-                variant: "contained",
-                size: "small",
-                onClick: () => {
-                  errorData.resetError();
-                },
-                children: "Reset"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-var ErrorBoundary = ({
-  children,
-  fallback = Fallback
-}) => {
-  return /* @__PURE__ */ jsx(ErrorBoundary$1, { fallback, children });
-};
 var ResultErrorFallback = (errorData) => {
   return /* @__PURE__ */ jsx(MuiAlert, { severity: "error", children: String(errorData.error) });
 };
@@ -13121,7 +13367,7 @@ var RunView = forwardRef(
       }
       const progressValue = progress?.percentage != null ? progress.percentage * 100 : void 0;
       return /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           sx: {
             display: "flex",
@@ -13133,7 +13379,7 @@ var RunView = forwardRef(
           },
           children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", children: [
             /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 1, children: [
-              progressValue == null ? /* @__PURE__ */ jsx(CircularProgress4, { size: 32 }) : /* @__PURE__ */ jsxs(Box34, { sx: { position: "relative", display: "inline-flex" }, children: [
+              progressValue == null ? /* @__PURE__ */ jsx(CircularProgress4, { size: 32 }) : /* @__PURE__ */ jsxs(Box35, { sx: { position: "relative", display: "inline-flex" }, children: [
                 /* @__PURE__ */ jsx(
                   CircularProgress4,
                   {
@@ -13143,7 +13389,7 @@ var RunView = forwardRef(
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Box34,
+                  Box35,
                   {
                     sx: {
                       top: 0,
@@ -13169,14 +13415,14 @@ var RunView = forwardRef(
               ] }),
               isAborting ? /* @__PURE__ */ jsx(Typography28, { children: "Aborting..." }) : /* @__PURE__ */ jsx(Typography28, { className: "no-track-pii-safe", children: loadingMessage })
             ] }),
-            !isAborting && /* @__PURE__ */ jsx(Button10, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
+            !isAborting && /* @__PURE__ */ jsx(Button11, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
           ] })
         }
       );
     }
     if (!run) {
       return /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           sx: {
             display: "flex",
@@ -13200,7 +13446,7 @@ var RunView = forwardRef(
       );
     }
     return /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -13283,7 +13529,7 @@ var RunResultShareMenu = ({
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         size: "small",
         variant: "outlined",
@@ -13373,10 +13619,10 @@ var PrivateLoadableRunView = ({
   const isQuery = run?.type === "query" || run?.type === "query_diff" || run?.type === "query_base";
   const { ref, onCopyToClipboard, onMouseEnter, onMouseLeave } = useCopyToClipboardButton();
   const disableCopyToClipboard = !runId || !run?.result || !!error || tabValue !== "result";
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     showSingleEnvironmentSetupNotification && /* @__PURE__ */ jsx(SingleEnvironmentSetupNotification, { runType: run?.type }),
     /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -13398,7 +13644,7 @@ var PrivateLoadableRunView = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
           /* @__PURE__ */ jsxs(
             Stack24,
             {
@@ -13409,7 +13655,7 @@ var PrivateLoadableRunView = ({
               children: [
                 run && /* @__PURE__ */ jsx(RunStatusAndDate, { run }),
                 /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     variant: "outlined",
                     color: "neutral",
@@ -13422,7 +13668,7 @@ var PrivateLoadableRunView = ({
                   }
                 ),
                 featureToggles.disableShare ? /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     variant: "outlined",
                     color: "neutral",
@@ -13546,7 +13792,7 @@ function AddToCheckButton({
   }
   if (run?.check_id) {
     return /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         disabled: !runId || !run.result || !!error,
         size: "small",
@@ -13559,7 +13805,7 @@ function AddToCheckButton({
     );
   }
   return /* @__PURE__ */ jsx(
-    Button10,
+    Button11,
     {
       disabled: !runId || !run?.result || !!error,
       size: "small",
@@ -13593,7 +13839,7 @@ function SandboxTopBar({
         flex: "0 0 54px"
       },
       children: [
-        /* @__PURE__ */ jsxs(Box34, { children: [
+        /* @__PURE__ */ jsxs(Box35, { children: [
           /* @__PURE__ */ jsxs(
             Typography28,
             {
@@ -13601,7 +13847,7 @@ function SandboxTopBar({
               component: "h2",
               sx: { display: "flex", alignItems: "center", gap: "5px" },
               children: [
-                /* @__PURE__ */ jsx(Box34, { component: AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
+                /* @__PURE__ */ jsx(Box35, { component: AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
                 "Sandbox"
               ]
             }
@@ -13612,7 +13858,7 @@ function SandboxTopBar({
             /* @__PURE__ */ jsx("b", { children: current?.name })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ jsx(
           QueryForm,
           {
@@ -13621,7 +13867,7 @@ function SandboxTopBar({
           }
         ),
         /* @__PURE__ */ jsx(MuiTooltip, { title: "Run diff to see the changes", children: /* @__PURE__ */ jsx(
-          Button10,
+          Button11,
           {
             size: "small",
             sx: { mt: "16px", fontSize: "14px" },
@@ -13819,7 +14065,7 @@ function SandboxView({ isOpen, onClose, current }) {
       },
       children: [
         /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               height: "40px",
@@ -13838,7 +14084,7 @@ function SandboxView({ isOpen, onClose, current }) {
                   sx: { height: "100%", gap: "10px" },
                   children: [
                     /* @__PURE__ */ jsx(
-                      Box34,
+                      Box35,
                       {
                         component: "img",
                         sx: { width: "20px", height: "20px", ml: "18px" },
@@ -13932,11 +14178,11 @@ function SandboxView({ isOpen, onClose, current }) {
                   onClose: () => setIsRunResultOpen(false),
                   disableAddToChecklist: true
                 }
-              ) : /* @__PURE__ */ jsx(Box34, {})
+              ) : /* @__PURE__ */ jsx(Box35, {})
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(Box34, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsx(MuiTooltip, { title: "Give us feedback", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box35, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsx(MuiTooltip, { title: "Give us feedback", children: /* @__PURE__ */ jsx(
           IconButton2,
           {
             "aria-label": "feedback",
@@ -13998,7 +14244,7 @@ function NodeView({ node, onCloseNode }) {
   const baseColumns = Object.keys(node.data.data.base?.columns ?? {});
   const currentColumns = Object.keys(node.data.data.current?.columns ?? {});
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         height: "100%",
@@ -14007,7 +14253,7 @@ function NodeView({ node, onCloseNode }) {
       },
       children: [
         /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(Box34, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Box35, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsx(
             Typography28,
             {
               variant: "subtitle1",
@@ -14016,7 +14262,7 @@ function NodeView({ node, onCloseNode }) {
               children: node.data.name
             }
           ) }),
-          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
           isSingleEnvOnboarding ? /* @__PURE__ */ jsx(
             SingleEnvironmentMenuButton,
             {
@@ -14037,18 +14283,18 @@ function NodeView({ node, onCloseNode }) {
               onSandboxOpen: () => setIsSandboxOpen(true)
             }
           ),
-          /* @__PURE__ */ jsx(Box34, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsx(IoClose, {}) }) })
+          /* @__PURE__ */ jsx(Box35, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsx(IoClose, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx(Box34, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ jsx(Box35, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, children: [
           /* @__PURE__ */ jsx(ResourceTypeTag, { node }),
           (node.data.resourceType === "model" || node.data.resourceType === "snapshot" || node.data.resourceType === "seed") && (isSingleEnvOnboarding ? /* @__PURE__ */ jsx(RowCountTag, { node, onRefresh: refetchRowCount }) : /* @__PURE__ */ jsx(RowCountDiffTag, { node, onRefresh: refetchRowCountDiff }))
         ] }) }),
         withColumns && /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: { overflow: "auto", display: "flex", flexDirection: "column" },
             children: [
-              isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsx(Box34, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsx(
+              isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsx(Box35, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsx(
                 RecceNotification,
                 {
                   onClose: () => setIsNotificationOpen(false),
@@ -14072,15 +14318,15 @@ function NodeView({ node, onCloseNode }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs(Box34, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
-                /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsx(Box34, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(Box35, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
+                /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsx(Box35, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsx(
                   SchemaView,
                   {
                     base: node.data.data.base,
                     current: node.data.data.current
                   }
                 ) }) }),
-                /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsx(Box34, { sx: { height: "100%" }, children: /* @__PURE__ */ jsx(NodeSqlView, { node }) }) })
+                /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsx(Box35, { sx: { height: "100%" }, children: /* @__PURE__ */ jsx(NodeSqlView, { node }) }) })
               ] })
             ]
           }
@@ -14130,7 +14376,7 @@ from {{ ref("${node.data.name}") }}`;
     const ProfileIcon = findByRunType("profile").icon;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        Button10,
+        Button11,
         {
           size: "small",
           variant: "outlined",
@@ -14261,7 +14507,7 @@ from {{ ref("${node.data.name}") }}`;
     const SchemaDiffIcon = findByRunType("schema_diff").icon;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        Button10,
+        Button11,
         {
           size: "xsmall",
           variant: "outlined",
@@ -14479,7 +14725,7 @@ function SetupConnectionBanner() {
     return null;
   }
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -14497,10 +14743,10 @@ function SetupConnectionBanner() {
           sx: { flex: 1, fontSize: "0.875rem", color: "cyan.600" },
           spacing: 1,
           children: [
-            /* @__PURE__ */ jsx(Box34, { component: PiInfo }),
+            /* @__PURE__ */ jsx(Box35, { component: PiInfo }),
             /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "inherit", color: "inherit" }, children: "Query functions disabled without a data warehouse connection." }),
             /* @__PURE__ */ jsx(
-              Button10,
+              Button11,
               {
                 sx: { bgcolor: "iochmara.400" },
                 size: "small",
@@ -14540,7 +14786,7 @@ function BaseEnvironmentSetupGuide() {
           children: [
             /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 2, children: [
               /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   sx: {
                     p: 1,
@@ -14552,7 +14798,7 @@ function BaseEnvironmentSetupGuide() {
                     boxShadow: 2
                   },
                   children: /* @__PURE__ */ jsx(
-                    Box34,
+                    Box35,
                     {
                       component: RiTerminalBoxLine,
                       sx: { fontSize: 28, color: "iochmara.500" }
@@ -14583,7 +14829,7 @@ function BaseEnvironmentSetupGuide() {
               /* @__PURE__ */ jsx(Typography28, { children: "Take the next step toward better data impact assessment." })
             ] }),
             /* @__PURE__ */ jsx(Stack24, { sx: { width: "100%", mt: 3 }, children: /* @__PURE__ */ jsx(
-              Button10,
+              Button11,
               {
                 color: "iochmara",
                 variant: "contained",
@@ -14606,7 +14852,7 @@ function BaseEnvironmentSetupGuide() {
 function BaseEnvironmentSetupNotification() {
   return /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: "10px", alignItems: "flex-start", children: [
     /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         component: RiMindMap,
         sx: { color: "iochmara.main", fontSize: 20 }
@@ -14956,14 +15202,14 @@ function useValueDiffAlertDialog() {
             children: /* @__PURE__ */ jsx(IoClose, {})
           }
         ),
-        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Stack24, { spacing: "20px", children: /* @__PURE__ */ jsxs(Box34, { children: [
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Stack24, { spacing: "20px", children: /* @__PURE__ */ jsxs(Box35, { children: [
           "Value diff will be executed on ",
           nodeCount,
           " nodes in the Lineage, which can add extra costs to your bill."
         ] }) }) }),
         /* @__PURE__ */ jsxs(DialogActions, { sx: { gap: 0.5 }, children: [
           /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               ref: cancelRef,
               onClick: handleCancel,
@@ -14973,7 +15219,7 @@ function useValueDiffAlertDialog() {
             }
           ),
           /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               color: "iochmara",
               variant: "contained",
@@ -15774,7 +16020,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
   };
   if (isLoading) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           width: "100%",
@@ -15789,7 +16035,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
   }
   if (error) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -15798,14 +16044,14 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 1, children: [
-          /* @__PURE__ */ jsx(Box34, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
-          /* @__PURE__ */ jsxs(Box34, { children: [
+          /* @__PURE__ */ jsx(Box35, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
+          /* @__PURE__ */ jsxs(Box35, { children: [
             "[Reason: ",
             error,
             "]"
           ] }),
           /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               color: "iochmara",
               variant: "contained",
@@ -15826,7 +16072,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
   }
   if (viewMode === "changed_models" && !lineageGraph.modifiedSet.length) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -15837,7 +16083,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
         children: /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 1, children: [
           /* @__PURE__ */ jsx(Fragment, { children: "No change detected" }),
           /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               color: "iochmara",
               variant: "contained",
@@ -15927,7 +16173,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
                                   from: "lineage_view"
                                 });
                               },
-                              children: /* @__PURE__ */ jsx(Box34, { component: FiCopy })
+                              children: /* @__PURE__ */ jsx(Box35, { component: FiCopy })
                             }
                           )
                         }
@@ -15985,7 +16231,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
               ]
             }
           ),
-          focusedNode ? /* @__PURE__ */ jsx(Box34, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsx(Box34, {})
+          focusedNode ? /* @__PURE__ */ jsx(Box35, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsx(Box35, {})
         ]
       }
     ),
@@ -16006,7 +16252,7 @@ function SetupConnectionGuide() {
   return /* @__PURE__ */ jsx("div", { className: "flex flex-1 h-full min-h-0 m-2 p-4 bg-blue-50 rounded-lg shadow-md justify-center", children: /* @__PURE__ */ jsxs("div", { className: "w-4/5 flex flex-col overflow-y-auto gap-6 px-8 pb-8", children: [
     /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 2, children: [
       /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           sx: {
             p: 1,
@@ -16018,7 +16264,7 @@ function SetupConnectionGuide() {
             boxShadow: 2
           },
           children: /* @__PURE__ */ jsx(
-            Box34,
+            Box35,
             {
               component: RiTerminalBoxLine,
               sx: { fontSize: 28, color: "iochmara.500" }
@@ -16034,7 +16280,7 @@ function SetupConnectionGuide() {
       ] })
     ] }),
     /* @__PURE__ */ jsx(Stack24, { sx: { width: "50%", mt: 3, mx: "auto" }, children: /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         color: "iochmara",
         variant: "contained",
@@ -16054,7 +16300,7 @@ var QueryModeToggle = () => {
     setCustomQueries(!isCustomQueries);
   };
   const customQueriesDescription = "Custom queries allow you to use two SQL queries to compare results between current and base environments.";
-  return /* @__PURE__ */ jsxs(Box34, { children: [
+  return /* @__PURE__ */ jsxs(Box35, { children: [
     /* @__PURE__ */ jsxs(
       Stack24,
       {
@@ -16064,7 +16310,7 @@ var QueryModeToggle = () => {
         fontSize: "0.75rem",
         children: [
           /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { fontSize: "0.75rem" }, children: "Custom Queries" }),
-          /* @__PURE__ */ jsx(MuiTooltip, { title: customQueriesDescription, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsx(PiInfoFill, { fontSize: "1rem" }) }) })
+          /* @__PURE__ */ jsx(MuiTooltip, { title: customQueriesDescription, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsx(PiInfoFill, { fontSize: "1rem" }) }) })
         ]
       }
     ),
@@ -16148,9 +16394,9 @@ ${sqlQuery}`;
     }, initialValue);
   }, [lineageGraph]);
   if (singleEnv || featureToggles.mode === "metadata only") {
-    return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
       /* @__PURE__ */ jsxs(
-        Box34,
+        Box35,
         {
           sx: {
             display: "flex",
@@ -16163,14 +16409,14 @@ ${sqlQuery}`;
           },
           children: [
             /* @__PURE__ */ jsx(HistoryToggle, {}),
-            /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+            /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
             singleEnv ? /* @__PURE__ */ jsx(
               MuiTooltip,
               {
                 title: "Please configure the base environment before running the diff",
                 placement: "left",
                 children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     variant: "contained",
                     disabled: true,
@@ -16185,7 +16431,7 @@ ${sqlQuery}`;
               {
                 display: featureToggles.mode === "metadata only",
                 children: /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     variant: "contained",
                     disabled: true,
@@ -16213,9 +16459,9 @@ ${sqlQuery}`;
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -16230,7 +16476,7 @@ ${sqlQuery}`;
         children: [
           /* @__PURE__ */ jsx(HistoryToggle, {}),
           /* @__PURE__ */ jsx(QueryModeToggle, {}),
-          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
           /* @__PURE__ */ jsx(
             QueryForm,
             {
@@ -16239,7 +16485,7 @@ ${sqlQuery}`;
             }
           ),
           /* @__PURE__ */ jsx(
-            Button10,
+            Button11,
             {
               variant: "contained",
               onClick: () => {
@@ -16253,7 +16499,7 @@ ${sqlQuery}`;
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsx(
       DualSqlEditor,
       {
         value: sqlQuery,
@@ -16331,7 +16577,7 @@ var ChecklistItem = ({
   const isMarkAsApprovedDisabled = isDisabledByNoResult(check.type, run) || featureToggles.disableUpdateChecklist;
   const isNoResult = isDisabledByNoResult(check.type, run);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         width: "100%",
@@ -16351,9 +16597,9 @@ var ChecklistItem = ({
         onSelect(check.check_id);
       },
       children: [
-        /* @__PURE__ */ jsx(Box34, { component: icon, sx: { fontSize: 20 } }),
+        /* @__PURE__ */ jsx(Box35, { component: icon, sx: { fontSize: 20 } }),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               flex: 1,
@@ -16371,7 +16617,7 @@ var ChecklistItem = ({
             title: isNoResult ? "Run the check first" : "Click to mark as approved",
             placement: "top",
             arrow: true,
-            children: /* @__PURE__ */ jsx(Box34, { children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx(Box35, { children: /* @__PURE__ */ jsx(
               Checkbox4,
               {
                 checked: check.is_checked,
@@ -16482,7 +16728,7 @@ var CheckList = ({
                   };
                 }
                 return /* @__PURE__ */ jsx(
-                  Box34,
+                  Box35,
                   {
                     ref: provided2.innerRef,
                     ...provided2.draggableProps,
@@ -16512,7 +16758,7 @@ var CheckList = ({
     /* @__PURE__ */ jsxs(MuiDialog, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
       /* @__PURE__ */ jsxs(DialogTitle, { sx: { display: "flex", alignItems: "center" }, children: [
         "Mark as Approved?",
-        /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
@@ -16537,9 +16783,9 @@ var CheckList = ({
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs(DialogActions, { sx: { gap: 0 }, children: [
-        /* @__PURE__ */ jsx(Button10, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button11, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
         /* @__PURE__ */ jsx(
-          Button10,
+          Button11,
           {
             color: "iochmara",
             variant: "contained",
@@ -16690,7 +16936,7 @@ function CommentInput({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs(Box34, { children: [
+  return /* @__PURE__ */ jsxs(Box35, { children: [
     /* @__PURE__ */ jsx(
       TextField,
       {
@@ -16718,7 +16964,7 @@ function CommentInput({
       }
     ),
     /* @__PURE__ */ jsx(Stack24, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 }, children: /* @__PURE__ */ jsx(
-      Button10,
+      Button11,
       {
         size: "small",
         color: "iochmara",
@@ -16770,7 +17016,7 @@ function ExternalLinkConfirmDialog({
             id: "external-link-dialog-title",
             sx: { display: "flex", alignItems: "center", gap: 1 },
             children: [
-              /* @__PURE__ */ jsx(Box34, { component: PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
+              /* @__PURE__ */ jsx(Box35, { component: PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
               "External Link"
             ]
           }
@@ -16792,7 +17038,7 @@ function ExternalLinkConfirmDialog({
         /* @__PURE__ */ jsxs(DialogContent, { children: [
           /* @__PURE__ */ jsx(Typography28, { sx: { mb: 1.5 }, children: "This link will take you to an external website outside of Recce. Are you sure you want to continue?" }),
           /* @__PURE__ */ jsx(
-            Box34,
+            Box35,
             {
               sx: {
                 bgcolor: "grey.50",
@@ -16802,7 +17048,7 @@ function ExternalLinkConfirmDialog({
                 borderColor: "grey.200"
               },
               children: /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   component: "code",
                   sx: {
@@ -16819,8 +17065,8 @@ function ExternalLinkConfirmDialog({
           )
         ] }),
         /* @__PURE__ */ jsxs(DialogActions, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx(Button10, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx(Button10, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
+          /* @__PURE__ */ jsx(Button11, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button11, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
         ] })
       ]
     }
@@ -16907,7 +17153,7 @@ function CodeBlock({
   const isInline = !match && !String(children).includes("\n");
   if (isInline) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         component: "code",
         sx: {
@@ -16923,7 +17169,7 @@ function CodeBlock({
     );
   }
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: { my: 2, borderRadius: 1, overflow: "hidden", fontSize: "0.875rem" },
       children: /* @__PURE__ */ jsx(
@@ -16986,12 +17232,12 @@ function MarkdownContent({
     ),
     h3: ({ children }) => /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "1rem", fontWeight: 600, mb: 2, mt: 2 }, children }),
     // Lists
-    ul: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
-    ol: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
-    li: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "li", sx: { fontSize, mb: 1 }, children }),
+    ul: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
+    ol: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
+    li: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "li", sx: { fontSize, mb: 1 }, children }),
     // Blockquotes
     blockquote: ({ children }) => /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           borderLeft: "3px solid",
@@ -17006,8 +17252,8 @@ function MarkdownContent({
       }
     ),
     // Tables
-    table: ({ children }) => /* @__PURE__ */ jsx(Box34, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsx(
-      Box34,
+    table: ({ children }) => /* @__PURE__ */ jsx(Box35, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsx(
+      Box35,
       {
         component: "table",
         sx: {
@@ -17020,10 +17266,10 @@ function MarkdownContent({
         children
       }
     ) }),
-    thead: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
-    tbody: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "tbody", children }),
+    thead: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
+    tbody: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "tbody", children }),
     tr: ({ children }) => /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         component: "tr",
         sx: { borderBottom: "1px solid", borderColor: "grey.200" },
@@ -17031,16 +17277,16 @@ function MarkdownContent({
       }
     ),
     th: ({ children }) => /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         component: "th",
         sx: { px: 2, py: 1, fontWeight: 600, textAlign: "left" },
         children
       }
     ),
-    td: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "td", sx: { px: 2, py: 1 }, children }),
+    td: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "td", sx: { px: 2, py: 1 }, children }),
     // Horizontal rule
-    hr: () => /* @__PURE__ */ jsx(Box34, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
+    hr: () => /* @__PURE__ */ jsx(Box35, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
     // Strong/Bold
     strong: ({ children }) => /* @__PURE__ */ jsx(Typography28, { component: "strong", sx: { fontWeight: 600 }, children }),
     // Emphasis/Italic
@@ -17055,7 +17301,7 @@ function MarkdownContent({
       }
     )
   };
-  return /* @__PURE__ */ jsx(Box34, { className: "markdown-content", children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], components, children: content }) });
+  return /* @__PURE__ */ jsx(Box35, { className: "markdown-content", children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], components, children: content }) });
 }
 function EventIcon({ event }) {
   const iconType = getEventIconType(event);
@@ -17077,7 +17323,7 @@ function EventIcon({ event }) {
   };
   const IconComponent = iconMap[iconType];
   const color = colorMap[iconType];
-  return /* @__PURE__ */ jsx(Box34, { component: IconComponent, sx: { color, fontSize: 16 } });
+  return /* @__PURE__ */ jsx(Box35, { component: IconComponent, sx: { color, fontSize: 16 } });
 }
 function UserAvatar({ event }) {
   const { actor } = event;
@@ -17127,9 +17373,9 @@ function StateChangeEvent({ event }) {
     default:
       message = "made a change";
   }
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
-    /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
+    /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(
       Stack24,
       {
         direction: "row",
@@ -17216,14 +17462,14 @@ function CommentEvent({
     }
   };
   if (event.is_deleted) {
-    return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
-      /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
-      /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
+    return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
+      /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
+      /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
-    /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
-    /* @__PURE__ */ jsxs(Box34, { sx: { flex: 1 }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
+    /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
+    /* @__PURE__ */ jsxs(Box35, { sx: { flex: 1 }, children: [
       /* @__PURE__ */ jsxs(
         Stack24,
         {
@@ -17256,7 +17502,7 @@ function CommentEvent({
       ),
       isEditing ? (
         // Edit mode
-        /* @__PURE__ */ jsxs(Box34, { children: [
+        /* @__PURE__ */ jsxs(Box35, { children: [
           /* @__PURE__ */ jsx(
             TextField,
             {
@@ -17288,7 +17534,7 @@ function CommentEvent({
               justifyContent: "flex-end",
               children: [
                 /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     size: "small",
                     variant: "text",
@@ -17298,7 +17544,7 @@ function CommentEvent({
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Button10,
+                  Button11,
                   {
                     size: "small",
                     variant: "contained",
@@ -17314,7 +17560,7 @@ function CommentEvent({
       ) : (
         // View mode
         /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: {
               bgcolor: "grey.50",
@@ -17377,7 +17623,7 @@ function CommentEvent({
                             vertical: "top",
                             horizontal: "center"
                           },
-                          children: /* @__PURE__ */ jsxs(Box34, { sx: { p: 2 }, children: [
+                          children: /* @__PURE__ */ jsxs(Box35, { sx: { p: 2 }, children: [
                             /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 2 }, children: "Delete this comment?" }),
                             /* @__PURE__ */ jsxs(
                               Stack24,
@@ -17387,7 +17633,7 @@ function CommentEvent({
                                 justifyContent: "flex-end",
                                 children: [
                                   /* @__PURE__ */ jsx(
-                                    Button10,
+                                    Button11,
                                     {
                                       size: "small",
                                       variant: "text",
@@ -17397,7 +17643,7 @@ function CommentEvent({
                                     }
                                   ),
                                   /* @__PURE__ */ jsx(
-                                    Button10,
+                                    Button11,
                                     {
                                       size: "small",
                                       variant: "contained",
@@ -17469,7 +17715,7 @@ function CheckTimeline({ checkId }) {
   };
   if (isLoading) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -17484,7 +17730,7 @@ function CheckTimeline({ checkId }) {
   }
   if (error) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           height: "100%",
@@ -17509,7 +17755,7 @@ function CheckTimeline({ checkId }) {
       spacing: 0,
       children: [
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               px: 3,
@@ -17520,7 +17766,7 @@ function CheckTimeline({ checkId }) {
             children: /* @__PURE__ */ jsx(Typography28, { variant: "subtitle2", sx: { fontWeight: 500 }, children: "Activity" })
           }
         ),
-        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsx(Stack24, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxs(Box34, { children: [
+        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsx(Stack24, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxs(Box35, { children: [
           /* @__PURE__ */ jsx(
             TimelineEvent,
             {
@@ -17533,7 +17779,7 @@ function CheckTimeline({ checkId }) {
           index < events.length - 1 && /* @__PURE__ */ jsx(Divider, { sx: { borderColor: "grey.100" } })
         ] }, event.id)) }) }),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               px: 3,
@@ -17622,7 +17868,7 @@ function CheckBreadcrumb({ name, setName }) {
         overflow: "hidden"
       },
       className: "no-track-pii-safe",
-      children: /* @__PURE__ */ jsx(Box34, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(Box35, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsx(
         TextField,
         {
           inputRef: editInputRef,
@@ -17634,7 +17880,7 @@ function CheckBreadcrumb({ name, setName }) {
           variant: "outlined"
         }
       ) : /* @__PURE__ */ jsx(
-        Box34,
+        Box35,
         {
           sx: {
             flex: "0 1 auto",
@@ -17726,7 +17972,7 @@ function CheckDescription({ value, onChange }) {
               }
             ),
             /* @__PURE__ */ jsx(
-              Button10,
+              Button11,
               {
                 sx: { mt: "8px" },
                 size: "small",
@@ -17783,7 +18029,7 @@ function _LineageDiffView({ check }, ref) {
     ...check.params,
     ...check.view_options
   };
-  return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
+  return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
 }
 var LineageDiffView = forwardRef(
   _LineageDiffView
@@ -17840,7 +18086,7 @@ var NodelistItem = ({
     statusColor = getIconForChangeStatus("removed").color;
   }
   return /* @__PURE__ */ jsx(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         display: "flex",
@@ -17857,9 +18103,9 @@ var NodelistItem = ({
         onSelect(node.id);
       },
       children: [
-        icon && /* @__PURE__ */ jsx(Box34, { component: icon }),
+        icon && /* @__PURE__ */ jsx(Box35, { component: icon }),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               flex: 1,
@@ -17870,7 +18116,7 @@ var NodelistItem = ({
             children: node.data.name
           }
         ),
-        statusIcon && statusColor && /* @__PURE__ */ jsx(Box34, { component: statusIcon, sx: { color: statusColor } })
+        statusIcon && statusColor && /* @__PURE__ */ jsx(Box35, { component: statusIcon, sx: { color: statusColor } })
       ]
     }
   ) });
@@ -17952,7 +18198,7 @@ function PrivateSchemaDiffView({ check }, ref) {
   const [selected, setSelected] = useState(0);
   if (isLoading) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -17966,7 +18212,7 @@ function PrivateSchemaDiffView({ check }, ref) {
     );
   } else if (error) {
     return /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -17984,7 +18230,7 @@ function PrivateSchemaDiffView({ check }, ref) {
     );
   } else if (nodes.length == 0) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -18174,7 +18420,7 @@ function CheckDetail({
   });
   if (isLoading) {
     return /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -18188,7 +18434,7 @@ function CheckDetail({
   }
   if (error) {
     return /* @__PURE__ */ jsxs(
-      Box34,
+      Box35,
       {
         sx: {
           display: "flex",
@@ -18211,12 +18457,12 @@ function CheckDetail({
         sizes: [30, 70],
         style: { height: "100%", width: "100%", maxHeight: "100%" },
         children: /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             style: { contain: "strict" },
             sx: { display: "flex", flexDirection: "column" },
             children: /* @__PURE__ */ jsx(
-              Box34,
+              Box35,
               {
                 sx: {
                   display: "flex",
@@ -18259,7 +18505,7 @@ function CheckDetail({
             style: { height: "100%", width: "100%", maxHeight: "100%" },
             children: [
               /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   sx: {
                     height: "100%",
@@ -18268,7 +18514,7 @@ function CheckDetail({
                     flexDirection: "row"
                   },
                   children: /* @__PURE__ */ jsxs(
-                    Box34,
+                    Box35,
                     {
                       sx: {
                         flex: 1,
@@ -18280,7 +18526,7 @@ function CheckDetail({
                       },
                       children: [
                         /* @__PURE__ */ jsxs(
-                          Box34,
+                          Box35,
                           {
                             sx: {
                               display: "flex",
@@ -18292,7 +18538,7 @@ function CheckDetail({
                             },
                             children: [
                               checkTypeIcon && /* @__PURE__ */ jsx(
-                                Box34,
+                                Box35,
                                 {
                                   component: checkTypeIcon,
                                   sx: { fontSize: 20, mr: 1, flexShrink: 0 }
@@ -18307,10 +18553,10 @@ function CheckDetail({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+                              /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
                               /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 2, sx: { mr: "10px" }, children: [
                                 relativeTime && /* @__PURE__ */ jsx(
-                                  Box34,
+                                  Box35,
                                   {
                                     sx: {
                                       textOverflow: "ellipsis",
@@ -18324,7 +18570,7 @@ function CheckDetail({
                                   }
                                 ),
                                 isPresetCheck && /* @__PURE__ */ jsx(MuiTooltip, { title: "This is a preset check", children: /* @__PURE__ */ jsx(
-                                  Box34,
+                                  Box35,
                                   {
                                     display: "flex",
                                     alignItems: "center",
@@ -18411,7 +18657,7 @@ function CheckDetail({
                                     title: isDisabledByNoResult(check.type, run) ? "Run the check first" : check.is_checked ? "Remove approval" : "Mark as approved",
                                     placement: "bottom-end",
                                     children: /* @__PURE__ */ jsx(
-                                      Button10,
+                                      Button11,
                                       {
                                         size: "small",
                                         color: check.is_checked ? "success" : "neutral",
@@ -18431,7 +18677,7 @@ function CheckDetail({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsx(
                           CheckDescription,
                           {
                             value: check.description,
@@ -18444,8 +18690,8 @@ function CheckDetail({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(Box34, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxs(
-                Box34,
+              /* @__PURE__ */ jsx(Box35, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxs(
+                Box35,
                 {
                   sx: {
                     height: "100%",
@@ -18454,7 +18700,7 @@ function CheckDetail({
                   },
                   children: [
                     /* @__PURE__ */ jsxs(
-                      Box34,
+                      Box35,
                       {
                         sx: {
                           display: "flex",
@@ -18489,10 +18735,10 @@ function CheckDetail({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
+                          /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
                           /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, sx: { mr: "10px" }, children: [
                             RunResultView && /* @__PURE__ */ jsx(MuiTooltip, { title: "Rerun", children: /* @__PURE__ */ jsx(
-                              Button10,
+                              Button11,
                               {
                                 variant: "outlined",
                                 color: "neutral",
@@ -18505,7 +18751,7 @@ function CheckDetail({
                               }
                             ) }),
                             /* @__PURE__ */ jsx(
-                              Button10,
+                              Button11,
                               {
                                 variant: "outlined",
                                 color: "neutral",
@@ -18530,8 +18776,8 @@ function CheckDetail({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs(Box34, { sx: { flex: 1, contain: "strict" }, children: [
-                      tabValue === "result" && /* @__PURE__ */ jsxs(Box34, { sx: { width: "100%", height: "100%" }, children: [
+                    /* @__PURE__ */ jsxs(Box35, { sx: { flex: 1, contain: "strict" }, children: [
+                      tabValue === "result" && /* @__PURE__ */ jsxs(Box35, { sx: { width: "100%", height: "100%" }, children: [
                         RunResultView && (check.last_run || trackedRunId ? /* @__PURE__ */ jsx(
                           RunView,
                           {
@@ -18548,7 +18794,7 @@ function CheckDetail({
                             onExecuteRun: handleRerun
                           }
                         ) : /* @__PURE__ */ jsx(
-                          Box34,
+                          Box35,
                           {
                             sx: {
                               display: "flex",
@@ -18558,13 +18804,13 @@ function CheckDetail({
                               height: "100%"
                             },
                             children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", children: [
-                              /* @__PURE__ */ jsx(Box34, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
+                              /* @__PURE__ */ jsx(Box35, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
                               /* @__PURE__ */ jsx(
                                 SetupConnectionPopover,
                                 {
                                   display: featureToggles.mode === "metadata only",
                                   children: /* @__PURE__ */ jsx(
-                                    Button10,
+                                    Button11,
                                     {
                                       onClick: handleRerun,
                                       variant: "contained",
@@ -18595,7 +18841,7 @@ function CheckDetail({
                           check.check_id
                         )
                       ] }),
-                      tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsx(Box34, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsx(
+                      tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsx(Box35, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsx(
                         DualSqlEditor,
                         {
                           value: check.params.sql_template || "",
@@ -18646,7 +18892,7 @@ function CheckDetail({
                         "the following template and paste it into the",
                         " ",
                         /* @__PURE__ */ jsx(
-                          Box34,
+                          Box35,
                           {
                             component: "span",
                             sx: { px: 0.5, bgcolor: "error.light", borderRadius: 0.5 },
@@ -18706,6 +18952,69 @@ ${buildQuery(check)}`;
   }
   return buildDescription(check);
 }
+var CheckEmptyState = () => {
+  const queryClient = useQueryClient();
+  const [, setLocation] = useAppLocation();
+  const { mutate: createSchemaCheck, isPending } = useMutation({
+    mutationFn: () => createSchemaDiffCheck({ select: "state:modified" }),
+    onSuccess: async (check) => {
+      await queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
+      setLocation(`/checks/?id=${check.check_id}`);
+    }
+  });
+  const handleCreateSchemaCheck = () => {
+    createSchemaCheck();
+  };
+  return /* @__PURE__ */ jsx(
+    Box35,
+    {
+      sx: {
+        height: "100%",
+        width: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ jsxs(
+        Stack24,
+        {
+          spacing: 3,
+          sx: { textAlign: "center", maxWidth: "400px", alignItems: "center" },
+          children: [
+            /* @__PURE__ */ jsx(Box35, { component: TbChecklist, sx: { fontSize: 64, color: "grey.400" } }),
+            /* @__PURE__ */ jsxs(Stack24, { spacing: 1, children: [
+              /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { color: "grey.600" }, children: "No checks yet" }),
+              /* @__PURE__ */ jsx(Typography28, { sx: { color: "grey.500" }, children: "Checks help you validate data quality and catch issues." })
+            ] }),
+            /* @__PURE__ */ jsxs(Stack24, { spacing: 1.5, sx: { width: "100%" }, children: [
+              /* @__PURE__ */ jsx(
+                Typography28,
+                {
+                  sx: { fontSize: "0.875rem", color: "grey.600", fontWeight: 500 },
+                  children: "Get started with your first check:"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button11,
+                {
+                  color: "iochmara",
+                  variant: "contained",
+                  onClick: handleCreateSchemaCheck,
+                  disabled: isPending,
+                  size: "large",
+                  fullWidth: true,
+                  startIcon: /* @__PURE__ */ jsx(TbPlus, {}),
+                  children: "Create Schema Diff Check"
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.75rem", color: "grey.400", mt: 0.5 }, children: "The schema checks compare modified models between environments to detect changes, additions, or removals." })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
 var RunPage = ({ runId }) => {
   const { error, data: run } = useQuery({
     queryKey: cacheKeys.run(runId),
@@ -18737,7 +19046,7 @@ var RunListItem = ({
   const checkId = run.check_id;
   const hideAddToChecklist = featureToggles.disableUpdateChecklist;
   return /* @__PURE__ */ jsxs(
-    Box34,
+    Box35,
     {
       sx: {
         minWidth: "200px",
@@ -18757,7 +19066,7 @@ var RunListItem = ({
       },
       children: [
         /* @__PURE__ */ jsxs(
-          Box34,
+          Box35,
           {
             sx: { display: "flex", alignItems: "center", gap: "12px" },
             onClick: () => {
@@ -18766,7 +19075,7 @@ var RunListItem = ({
             children: [
               /* @__PURE__ */ jsx(IconComponent, {}),
               /* @__PURE__ */ jsx(
-                Box34,
+                Box35,
                 {
                   className: "no-track-pii-safe",
                   sx: {
@@ -18811,7 +19120,7 @@ var RunListItem = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Box34,
+          Box35,
           {
             sx: {
               display: "flex",
@@ -18831,7 +19140,7 @@ var RunListItem = ({
 var DateSegmentItem = ({ runAt }) => {
   const dateTime = runAt ? formatRunDate(new Date(runAt)) : null;
   return /* @__PURE__ */ jsx(
-    Box34,
+    Box35,
     {
       sx: {
         minWidth: "200px",
@@ -18854,7 +19163,7 @@ var RunList = () => {
     },
     retry: false
   });
-  return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsxs(
       Stack24,
       {
@@ -18868,7 +19177,7 @@ var RunList = () => {
         },
         children: [
           /* @__PURE__ */ jsx(Typography28, { variant: "h6", children: "History" }),
-          /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
+          /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
           /* @__PURE__ */ jsx(
             IconButton2,
             {
@@ -18883,8 +19192,8 @@ var RunList = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Box34, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsx(
-      Box34,
+    /* @__PURE__ */ jsx(Box35, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsx(
+      Box35,
       {
         sx: {
           display: "flex",
@@ -18988,8 +19297,8 @@ function SummaryText({
   return /* @__PURE__ */ jsxs(Stack24, { alignItems: "stretch", children: [
     /* @__PURE__ */ jsxs(Typography28, { sx: { fontSize: "0.875rem", color: "grey.600" }, children: [
       name,
-      tip && /* @__PURE__ */ jsx(MuiTooltip, { title: tip, children: /* @__PURE__ */ jsx(Box34, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
-        Box34,
+      tip && /* @__PURE__ */ jsx(MuiTooltip, { title: tip, children: /* @__PURE__ */ jsx(Box35, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
+        Box35,
         {
           component: FiInfo,
           sx: { mx: "2px", fontSize: 12, verticalAlign: "middle" }
@@ -19013,7 +19322,7 @@ function ChangeStatusCountLabel({
         alignItems: "center",
         sx: { fontSize: "0.875rem", color: "grey.600" },
         children: [
-          icon && /* @__PURE__ */ jsx(Box34, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
+          icon && /* @__PURE__ */ jsx(Box35, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
           label
         ]
       }
@@ -19148,7 +19457,7 @@ function SchemaDiffCard({ node, ...props }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box34, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box35, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
       SchemaView,
       {
         base: node.data.data.base,
@@ -19181,7 +19490,7 @@ function SchemaSummary({ lineageGraph }) {
   }, [lineageGraph]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Box34,
+      Box35,
       {
         sx: {
           width: "100%",
@@ -19192,8 +19501,8 @@ function SchemaSummary({ lineageGraph }) {
         children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Schema Summary" })
       }
     ),
-    /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsx(
-      Box34,
+    /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsx(
+      Box35,
       {
         sx: {
           display: "grid",
@@ -19220,7 +19529,7 @@ function SchemaSummary({ lineageGraph }) {
 function SummaryView() {
   const { lineageGraph } = useLineageGraphContext();
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Stack24, { sx: { width: "100%", minHeight: "650px" }, children: [
-    /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
+    /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
     lineageGraph && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ChangeSummary, { lineageGraph }),
       /* @__PURE__ */ jsx(Divider, {}),
@@ -19228,6 +19537,35 @@ function SummaryView() {
     ] })
   ] }) });
 }
+var WARNING_THRESHOLD_SECONDS = 60;
+function IdleTimeoutBadge() {
+  const { remainingSeconds, isEnabled } = useIdleTimeout();
+  if (!isEnabled || remainingSeconds === null) {
+    return null;
+  }
+  if (remainingSeconds > WARNING_THRESHOLD_SECONDS) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      color: "warning",
+      variant: "standard",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        fontSize: "0.75rem",
+        mr: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx(Box35, { component: IoWarning, sx: { display: "inline-flex" } }),
+        "Idle timeout: ",
+        formatDuration(remainingSeconds, "compact")
+      ]
+    }
+  );
+}
 
 // recce-source/js/src/lib/api/rowcount.ts
 async function submitRowCountDiff(params, options) {
@@ -19298,6 +19636,6 @@ function RecceContextProvider({ children }) {
 // src/index.ts
 var VERSION = "0.1.0";
 
-export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckList, ColumnNameCell, DiffText, DisableTooltipMessages, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, IdleTimeoutProvider, LineageDiffView, LineageGraphContextProvider, LineagePage, LineageView, LineageViewContext, LineageViewTopBar, ModelRowCount, MuiProvider, mui_provider_default as MuiProviderDefault, NodeSqlView, NodeView, PUBLIC_API_URL, PUBLIC_CLOUD_WEB_URL, ProfileDiffForm, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, RECCE_SUPPORT_CALENDAR_URL, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceQueryContextProvider, RecceShareStateContextProvider, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, RowCountStateContextProvider, RunList, RunModal, RunPage, RunStatusAndDate, RunToolbar, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, ScreenshotDataGrid, SqlEditor_default as SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VERSION, VSplit, ValueDiffForm, aggregateRuns, axiosClient, cancelRun, connectToCloud, createCheckByRun, createLineageDiffCheck, createSchemaDiffCheck, createSimpleCheck, deleteCheck, exportState, fetchGitHubAvatar, fetchModelRowCount, fetchUser, getCheck, getCll, getLineage, getLineageDiff, getLineageWithError, getModelInfo, getRun, getServerFlag, getServerInfo, importState, isStateSyncing, listChecks, listRuns, localStorageKeys, markAsPresetCheck, markOnboardingCompleted, markRelaunchHintCompleted, queryModelRowCount, queryRowCount, reactQueryClient, rename, reorderChecks, saveAs2 as saveAs, searchRuns, select, sessionStorageKeys, shareState, submitProfileDiff, submitQuery, submitQueryBase, submitQueryDiff, submitRowCountDiff, submitRun, submitRunFromCheck, submitValueDiff, submitValueDiffDetail, syncState, updateCheck, useCheckToast, useChecks, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useLineageViewContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useToaster, useValueDiffAlertDialog_default as useValueDiffAlertDialog, useVersionNumber, waitRun };
+export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckEmptyState, CheckList, CodeEditor_default as CodeEditor, ColumnNameCell, DiffEditor_default as DiffEditor, DiffText, DisableTooltipMessages, EnvInfo, ErrorBoundary, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, IdleTimeoutBadge, IdleTimeoutProvider, LineageDiffView, LineageGraphContextProvider, LineagePage, LineageView, LineageViewContext, LineageViewTopBar, ModelRowCount, MuiProvider, mui_provider_default as MuiProviderDefault, NodeSqlView, NodeView, PUBLIC_API_URL, PUBLIC_CLOUD_WEB_URL, ProfileDiffForm, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, RECCE_SUPPORT_CALENDAR_URL, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceQueryContextProvider, RecceShareStateContextProvider, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, RowCountStateContextProvider, RunList, RunModal, RunPage, RunResultPane, RunStatusAndDate, RunToolbar, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, ScreenshotDataGrid, SetupConnectionBanner, SetupConnectionGuide, SqlEditor_default as SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VERSION, VSplit, ValueDiffDetailResultView, ValueDiffForm, ValueDiffResultView, aggregateRuns, axiosClient, cancelRun, connectToCloud, createCheckByRun, createLineageDiffCheck, createSchemaDiffCheck, createSimpleCheck, deleteCheck, exportState, fetchGitHubAvatar, fetchModelRowCount, fetchUser, getCheck, getCll, getLineage, getLineageDiff, getLineageWithError, getModelInfo, getRun, getServerFlag, getServerInfo, importState, isStateSyncing, listChecks, listRuns, localStorageKeys, markAsPresetCheck, markOnboardingCompleted, markRelaunchHintCompleted, queryModelRowCount, queryRowCount, reactQueryClient, rename, reorderChecks, saveAs2 as saveAs, searchRuns, select, sessionStorageKeys, shareState, submitProfileDiff, submitQuery, submitQueryBase, submitQueryDiff, submitRowCountDiff, submitRun, submitRunFromCheck, submitValueDiff, submitValueDiffDetail, syncState, updateCheck, useCheckToast, useChecks, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useLineageViewContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useToaster, useValueDiffAlertDialog_default as useValueDiffAlertDialog, useVersionNumber, waitRun };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map