@datarecce/ui 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components.d.mts +159 -75
  2. package/dist/components.d.ts +159 -75
  3. package/dist/components.js +912 -513
  4. package/dist/components.js.map +1 -1
  5. package/dist/components.mjs +895 -514
  6. package/dist/components.mjs.map +1 -1
  7. package/dist/index.d.mts +4 -3
  8. package/dist/index.d.ts +4 -3
  9. package/dist/index.js +872 -516
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +855 -517
  12. package/dist/index.mjs.map +1 -1
  13. package/package.json +5 -7
package/dist/components.js CHANGED
@@ -10,9 +10,12 @@ var CircularProgress4 = require('@mui/material/CircularProgress');
10
10
  var Snackbar = require('@mui/material/Snackbar');
11
11
  var Stack24 = require('@mui/material/Stack');
12
12
  var Typography28 = require('@mui/material/Typography');
13
+ var Box35 = require('@mui/material/Box');
14
+ var Button11 = require('@mui/material/Button');
15
+ var react = require('@sentry/react');
16
+ var ReactSplit = require('react-split');
17
+ require('./styles-PJUYW64Y.css');
13
18
  var react$1 = require('@xyflow/react');
14
- var Box34 = require('@mui/material/Box');
15
- var Button10 = require('@mui/material/Button');
16
19
  var Divider = require('@mui/material/Divider');
17
20
  var dagre = require('@dagrejs/dagre');
18
21
  require('@xyflow/react/dist/style.css');
@@ -61,8 +64,6 @@ var ButtonGroup = require('@mui/material/ButtonGroup');
61
64
  var dateFns = require('date-fns');
62
65
  var saveAs = require('file-saver');
63
66
  var htmlToImage = require('html-to-image');
64
- var ReactSplit = require('react-split');
65
- require('./styles-PJUYW64Y.css');
66
67
  var fa = require('react-icons/fa');
67
68
  var fa6 = require('react-icons/fa6');
68
69
  var Chip2 = require('@mui/material/Chip');
@@ -84,16 +85,15 @@ var codemirrorThemeGithub = require('@uiw/codemirror-theme-github');
84
85
  var CodeMirror = require('@uiw/react-codemirror');
85
86
  var merge = require('@codemirror/merge');
86
87
  var ai = require('react-icons/ai');
87
- require('@mui/material/Table');
88
- require('@mui/material/TableBody');
89
- require('@mui/material/TableCell');
90
- require('@mui/material/TableContainer');
91
- require('@mui/material/TableHead');
92
- require('@mui/material/TableRow');
88
+ var Table = require('@mui/material/Table');
89
+ var TableBody = require('@mui/material/TableBody');
90
+ var TableCell = require('@mui/material/TableCell');
91
+ var TableContainer = require('@mui/material/TableContainer');
92
+ var TableHead = require('@mui/material/TableHead');
93
+ var TableRow = require('@mui/material/TableRow');
93
94
  var InputBase = require('@mui/material/InputBase');
94
95
  var YAML = require('yaml');
95
96
  var Cookies = require('js-cookie');
96
- var react = require('@sentry/react');
97
97
  var List = require('@mui/material/List');
98
98
  var ListItem = require('@mui/material/ListItem');
99
99
  var MuiSwitch = require('@mui/material/Switch');
@@ -112,6 +112,7 @@ require('simplebar/dist/simplebar.min.css');
112
112
  var Card = require('@mui/material/Card');
113
113
  var CardContent = require('@mui/material/CardContent');
114
114
  var CardHeader = require('@mui/material/CardHeader');
115
+ var Badge = require('@mui/material/Badge');
115
116
 
116
117
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
117
118
 
@@ -122,8 +123,9 @@ var CircularProgress4__default = /*#__PURE__*/_interopDefault(CircularProgress4)
122
123
  var Snackbar__default = /*#__PURE__*/_interopDefault(Snackbar);
123
124
  var Stack24__default = /*#__PURE__*/_interopDefault(Stack24);
124
125
  var Typography28__default = /*#__PURE__*/_interopDefault(Typography28);
125
- var Box34__default = /*#__PURE__*/_interopDefault(Box34);
126
- var Button10__default = /*#__PURE__*/_interopDefault(Button10);
126
+ var Box35__default = /*#__PURE__*/_interopDefault(Box35);
127
+ var Button11__default = /*#__PURE__*/_interopDefault(Button11);
128
+ var ReactSplit__default = /*#__PURE__*/_interopDefault(ReactSplit);
127
129
  var Divider__default = /*#__PURE__*/_interopDefault(Divider);
128
130
  var dagre__default = /*#__PURE__*/_interopDefault(dagre);
129
131
  var axios__default = /*#__PURE__*/_interopDefault(axios);
@@ -148,7 +150,6 @@ var MuiTooltip__default = /*#__PURE__*/_interopDefault(MuiTooltip);
148
150
  var ListSubheader3__default = /*#__PURE__*/_interopDefault(ListSubheader3);
149
151
  var ButtonGroup__default = /*#__PURE__*/_interopDefault(ButtonGroup);
150
152
  var saveAs__default = /*#__PURE__*/_interopDefault(saveAs);
151
- var ReactSplit__default = /*#__PURE__*/_interopDefault(ReactSplit);
152
153
  var Chip2__default = /*#__PURE__*/_interopDefault(Chip2);
153
154
  var Skeleton__default = /*#__PURE__*/_interopDefault(Skeleton);
154
155
  var ListItemIcon3__default = /*#__PURE__*/_interopDefault(ListItemIcon3);
@@ -158,6 +159,12 @@ var RadioGroup__default = /*#__PURE__*/_interopDefault(RadioGroup);
158
159
  var Tab__default = /*#__PURE__*/_interopDefault(Tab);
159
160
  var Tabs__default = /*#__PURE__*/_interopDefault(Tabs);
160
161
  var CodeMirror__default = /*#__PURE__*/_interopDefault(CodeMirror);
162
+ var Table__default = /*#__PURE__*/_interopDefault(Table);
163
+ var TableBody__default = /*#__PURE__*/_interopDefault(TableBody);
164
+ var TableCell__default = /*#__PURE__*/_interopDefault(TableCell);
165
+ var TableContainer__default = /*#__PURE__*/_interopDefault(TableContainer);
166
+ var TableHead__default = /*#__PURE__*/_interopDefault(TableHead);
167
+ var TableRow__default = /*#__PURE__*/_interopDefault(TableRow);
161
168
  var InputBase__default = /*#__PURE__*/_interopDefault(InputBase);
162
169
  var YAML__default = /*#__PURE__*/_interopDefault(YAML);
163
170
  var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
@@ -173,6 +180,7 @@ var SimpleBar__default = /*#__PURE__*/_interopDefault(SimpleBar);
173
180
  var Card__default = /*#__PURE__*/_interopDefault(Card);
174
181
  var CardContent__default = /*#__PURE__*/_interopDefault(CardContent);
175
182
  var CardHeader__default = /*#__PURE__*/_interopDefault(CardHeader);
183
+ var Badge__default = /*#__PURE__*/_interopDefault(Badge);
176
184
 
177
185
  var colors = {
178
186
  iochmara: {
@@ -1184,6 +1192,123 @@ function Toaster() {
1184
1192
  toast.id
1185
1193
  )) });
1186
1194
  }
1195
+ var Fallback = (errorData) => {
1196
+ return /* @__PURE__ */ jsxRuntime.jsx(
1197
+ Box35__default.default,
1198
+ {
1199
+ sx: {
1200
+ height: "100%",
1201
+ bgcolor: "grey.50",
1202
+ display: "flex",
1203
+ alignItems: "center",
1204
+ justifyContent: "center"
1205
+ },
1206
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1207
+ Box35__default.default,
1208
+ {
1209
+ sx: {
1210
+ p: 4,
1211
+ display: "flex",
1212
+ flexDirection: "column",
1213
+ justifyContent: "flex-start",
1214
+ bgcolor: "white",
1215
+ border: "solid lightgray 1px",
1216
+ minHeight: "200px"
1217
+ },
1218
+ children: [
1219
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
1220
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
1221
+ /* @__PURE__ */ jsxRuntime.jsx(
1222
+ Button11__default.default,
1223
+ {
1224
+ sx: {
1225
+ justifySelf: "center",
1226
+ alignSelf: "center",
1227
+ mt: "20px"
1228
+ },
1229
+ color: "iochmara",
1230
+ variant: "contained",
1231
+ size: "small",
1232
+ onClick: () => {
1233
+ errorData.resetError();
1234
+ },
1235
+ children: "Reset"
1236
+ }
1237
+ )
1238
+ ]
1239
+ }
1240
+ )
1241
+ }
1242
+ );
1243
+ };
1244
+ var ErrorBoundary = ({
1245
+ children,
1246
+ fallback = Fallback
1247
+ }) => {
1248
+ return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { fallback, children });
1249
+ };
1250
+ var HSplit = (props) => {
1251
+ const { style, children, gutterSize = 5, ...rest } = props;
1252
+ return /* @__PURE__ */ jsxRuntime.jsx(
1253
+ ReactSplit__default.default,
1254
+ {
1255
+ style: {
1256
+ display: "flex",
1257
+ flexDirection: "row",
1258
+ ...style
1259
+ },
1260
+ direction: "horizontal",
1261
+ gutterSize,
1262
+ ...rest,
1263
+ children
1264
+ }
1265
+ );
1266
+ };
1267
+ var VSplit = (props) => {
1268
+ const { style, children, gutterSize = 5, ...rest } = props;
1269
+ return /* @__PURE__ */ jsxRuntime.jsx(
1270
+ ReactSplit__default.default,
1271
+ {
1272
+ style: {
1273
+ display: "flex",
1274
+ flexDirection: "column",
1275
+ ...style
1276
+ },
1277
+ gutterSize,
1278
+ direction: "vertical",
1279
+ ...rest,
1280
+ children
1281
+ }
1282
+ );
1283
+ };
1284
+ var ScreenshotBox = React3.forwardRef(
1285
+ ({
1286
+ backgroundColor = "white",
1287
+ blockSize,
1288
+ children,
1289
+ ...restProps
1290
+ }, ref) => {
1291
+ return /* @__PURE__ */ jsxRuntime.jsx(
1292
+ Box35__default.default,
1293
+ {
1294
+ ref,
1295
+ ...restProps,
1296
+ sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
1297
+ children: /* @__PURE__ */ jsxRuntime.jsx(
1298
+ Box35__default.default,
1299
+ {
1300
+ sx: {
1301
+ backgroundColor,
1302
+ height: "100%",
1303
+ blockSize
1304
+ },
1305
+ children
1306
+ }
1307
+ )
1308
+ }
1309
+ );
1310
+ }
1311
+ );
1187
1312
 
1188
1313
  // recce-source/js/src/components/lineage/graph.ts
1189
1314
  function getNeighborSet(nodeIds, getNeighbors, degree = 1e3) {
@@ -1498,6 +1623,9 @@ function trackCopyToClipboard(props) {
1498
1623
  function trackLineageViewRender(props) {
1499
1624
  track("[Web] lineage_view_render", props);
1500
1625
  }
1626
+ function trackEnvironmentConfig(props) {
1627
+ track("[Web] environment_config", props);
1628
+ }
1501
1629
  var EXPLORE_ACTION = {
1502
1630
  ROW_COUNT: "row_count",
1503
1631
  ROW_COUNT_DIFF: "row_count_diff",
@@ -1579,6 +1707,42 @@ function isHistogramDiffRun(run) {
1579
1707
  // recce-source/js/src/constants/urls.ts
1580
1708
  var RECCE_SUPPORT_CALENDAR_URL = "https://cal.com/team/recce/chat";
1581
1709
 
1710
+ // recce-source/js/src/lib/utils/formatTime.ts
1711
+ function getTimeComponents(totalSeconds) {
1712
+ const seconds = Math.floor(totalSeconds);
1713
+ return {
1714
+ hours: Math.floor(seconds / 3600),
1715
+ minutes: Math.floor(seconds % 3600 / 60),
1716
+ seconds: seconds % 60
1717
+ };
1718
+ }
1719
+ function formatCompact({ hours, minutes, seconds }) {
1720
+ if (hours > 0) {
1721
+ return `${hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
1722
+ }
1723
+ return `${minutes}:${seconds.toString().padStart(2, "0")}`;
1724
+ }
1725
+ function formatVerbose({ hours, minutes, seconds }) {
1726
+ const parts = [];
1727
+ if (hours > 0) {
1728
+ parts.push(`${hours} hour${hours !== 1 ? "s" : ""}`);
1729
+ }
1730
+ if (minutes > 0) {
1731
+ parts.push(`${minutes} min${minutes !== 1 ? "s" : ""}`);
1732
+ }
1733
+ if (hours === 0 && (parts.length === 0 || seconds > 0)) {
1734
+ parts.push(`${seconds} second${seconds !== 1 ? "s" : ""}`);
1735
+ }
1736
+ return parts.join(" ");
1737
+ }
1738
+ function formatDuration(totalSeconds, style = "verbose") {
1739
+ const components = getTimeComponents(totalSeconds);
1740
+ if (style === "compact") {
1741
+ return formatCompact(components);
1742
+ }
1743
+ return formatVerbose(components);
1744
+ }
1745
+
1582
1746
  // recce-source/js/src/lib/api/cacheKeys.ts
1583
1747
  var cacheKeys = {
1584
1748
  rowCount: (model) => ["row_count", model],
@@ -1686,9 +1850,16 @@ async function listRuns() {
1686
1850
  );
1687
1851
  return response.data;
1688
1852
  }
1689
- React3.createContext(
1853
+ var IdleTimeoutContext = React3.createContext(
1690
1854
  void 0
1691
1855
  );
1856
+ function useIdleTimeout() {
1857
+ const context = React3.useContext(IdleTimeoutContext);
1858
+ if (!context) {
1859
+ throw new Error("useIdleTimeout must be used within IdleTimeoutProvider");
1860
+ }
1861
+ return context;
1862
+ }
1692
1863
  var useRecceServerFlag = () => {
1693
1864
  return reactQuery.useQuery({
1694
1865
  queryKey: cacheKeys.flag(),
@@ -1911,7 +2082,7 @@ var RunModal = ({
1911
2082
  onMouseEnter: (e) => setAnchorEl(e.currentTarget),
1912
2083
  onMouseLeave: () => setAnchorEl(null),
1913
2084
  onClick: () => window.open(documentationUrl, "_blank"),
1914
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: IconInfo, sx: { fontSize: "16px" } })
2085
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: IconInfo, sx: { fontSize: "16px" } })
1915
2086
  }
1916
2087
  ),
1917
2088
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1981,7 +2152,7 @@ var RunModal = ({
1981
2152
  borderTop: "1px solid lightgray",
1982
2153
  borderBottom: "1px solid lightgray"
1983
2154
  },
1984
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsxRuntime.jsx(
2155
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsxRuntime.jsx(
1985
2156
  RunForm,
1986
2157
  {
1987
2158
  params,
@@ -1992,7 +2163,7 @@ var RunModal = ({
1992
2163
  }
1993
2164
  ),
1994
2165
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(
1995
- Button10__default.default,
2166
+ Button11__default.default,
1996
2167
  {
1997
2168
  disabled: !isReadyToExecute,
1998
2169
  color: "iochmara",
@@ -2179,12 +2350,12 @@ function HistogramDiffForm({
2179
2350
  (c) => !isStringDataType(c.type) && !isBooleanDataType(c.type) && !isDateTimeType(c.type)
2180
2351
  );
2181
2352
  if (isLoading) {
2182
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
2353
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
2183
2354
  }
2184
2355
  if (allColumns.length === 0 || error) {
2185
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2356
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2186
2357
  }
2187
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, disabled: columns.length === 0, children: [
2358
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, disabled: columns.length === 0, children: [
2188
2359
  /* @__PURE__ */ jsxRuntime.jsx(FormLabel__default.default, { sx: { mb: 1 }, children: "Pick a column to show Histogram Diff" }),
2189
2360
  /* @__PURE__ */ jsxRuntime.jsxs(
2190
2361
  NativeSelect__default.default,
@@ -2286,7 +2457,7 @@ var CURRENT_BAR_COLOR_WITH_ALPHA = `${CURRENT_BAR_COLOR}A5`;
2286
2457
  var BASE_BAR_COLOR_WITH_ALPHA = `${BASE_BAR_COLOR}A5`;
2287
2458
  function SquareIcon({ color }) {
2288
2459
  return /* @__PURE__ */ jsxRuntime.jsx(
2289
- Box34__default.default,
2460
+ Box35__default.default,
2290
2461
  {
2291
2462
  sx: {
2292
2463
  display: "inline-block",
@@ -2468,34 +2639,6 @@ function formatDisplayedBinItem(binEdges, currentIndex) {
2468
2639
  const formattedEnd = formatAsAbbreviatedNumber(endEdge);
2469
2640
  return `${formattedStart} - ${formattedEnd}`;
2470
2641
  }
2471
- var ScreenshotBox = React3.forwardRef(
2472
- ({
2473
- backgroundColor = "white",
2474
- blockSize,
2475
- children,
2476
- ...restProps
2477
- }, ref) => {
2478
- return /* @__PURE__ */ jsxRuntime.jsx(
2479
- Box34__default.default,
2480
- {
2481
- ref,
2482
- ...restProps,
2483
- sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
2484
- children: /* @__PURE__ */ jsxRuntime.jsx(
2485
- Box34__default.default,
2486
- {
2487
- sx: {
2488
- backgroundColor,
2489
- height: "100%",
2490
- blockSize
2491
- },
2492
- children
2493
- }
2494
- )
2495
- }
2496
- );
2497
- }
2498
- );
2499
2642
  function _HistogramDiffResultView({ run }, ref) {
2500
2643
  if (!isHistogramDiffRun(run)) {
2501
2644
  throw new Error("Run type must be histogram_diff");
@@ -2509,9 +2652,9 @@ function _HistogramDiffResultView({ run }, ref) {
2509
2652
  if (!base || !current) {
2510
2653
  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading..." });
2511
2654
  }
2512
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "row" }, children: [
2513
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
2514
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
2655
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "row" }, children: [
2656
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
2657
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
2515
2658
  HistogramChart,
2516
2659
  {
2517
2660
  data: {
@@ -2525,7 +2668,7 @@ function _HistogramDiffResultView({ run }, ref) {
2525
2668
  }
2526
2669
  }
2527
2670
  ) }),
2528
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
2671
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
2529
2672
  ] }) }) });
2530
2673
  }
2531
2674
  var HistogramDiffResultView = React3.forwardRef(_HistogramDiffResultView);
@@ -2544,13 +2687,13 @@ function ProfileDiffForm({
2544
2687
  }, [model, setIsReadyToExecute]);
2545
2688
  const columnNames = columns.map((c) => c.name);
2546
2689
  if (isLoading) {
2547
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
2690
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
2548
2691
  }
2549
2692
  if (columnNames.length === 0 || error) {
2550
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2693
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2551
2694
  }
2552
2695
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
2553
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
2696
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
2554
2697
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
2555
2698
  /* @__PURE__ */ jsxRuntime.jsx(
2556
2699
  TextField__default.default,
@@ -2562,7 +2705,7 @@ function ProfileDiffForm({
2562
2705
  }
2563
2706
  )
2564
2707
  ] }),
2565
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
2708
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
2566
2709
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
2567
2710
  /* @__PURE__ */ jsxRuntime.jsx(
2568
2711
  FormControlLabel4__default.default,
@@ -2854,14 +2997,14 @@ function DataFrameColumnGroupHeader({
2854
2997
  onPinnedColumnsChange(newPinnedColumns);
2855
2998
  };
2856
2999
  return /* @__PURE__ */ jsxRuntime.jsxs(
2857
- Box34__default.default,
3000
+ Box35__default.default,
2858
3001
  {
2859
3002
  sx: { display: "flex", alignItems: "center", gap: "10px", width: "100%" },
2860
3003
  className: "grid-header",
2861
3004
  children: [
2862
3005
  isPK && /* @__PURE__ */ jsxRuntime.jsx(vsc.VscKey, {}),
2863
3006
  /* @__PURE__ */ jsxRuntime.jsx(
2864
- Box34__default.default,
3007
+ Box35__default.default,
2865
3008
  {
2866
3009
  sx: {
2867
3010
  flex: 1,
@@ -2873,7 +3016,7 @@ function DataFrameColumnGroupHeader({
2873
3016
  }
2874
3017
  ),
2875
3018
  canBePk && onPrimaryKeyChange && /* @__PURE__ */ jsxRuntime.jsx(
2876
- Box34__default.default,
3019
+ Box35__default.default,
2877
3020
  {
2878
3021
  component: isPK ? vsc.VscClose : vsc.VscKey,
2879
3022
  className: isPK ? "close-icon" : "key-icon",
@@ -2885,7 +3028,7 @@ function DataFrameColumnGroupHeader({
2885
3028
  }
2886
3029
  ),
2887
3030
  !isPK && onPinnedColumnsChange && /* @__PURE__ */ jsxRuntime.jsx(
2888
- Box34__default.default,
3031
+ Box35__default.default,
2889
3032
  {
2890
3033
  component: isPinned ? vsc.VscPinned : vsc.VscPin,
2891
3034
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -2957,14 +3100,14 @@ function DataFrameColumnHeader({
2957
3100
  onPinnedColumnsChange(newPinnedColumns);
2958
3101
  };
2959
3102
  return /* @__PURE__ */ jsxRuntime.jsxs(
2960
- Box34__default.default,
3103
+ Box35__default.default,
2961
3104
  {
2962
3105
  sx: { display: "flex", alignItems: "center", width: "100%" },
2963
3106
  className: "grid-header",
2964
3107
  children: [
2965
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 }, children: name }),
3108
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 }, children: name }),
2966
3109
  /* @__PURE__ */ jsxRuntime.jsx(
2967
- Box34__default.default,
3110
+ Box35__default.default,
2968
3111
  {
2969
3112
  component: isPinned ? vsc.VscPinned : vsc.VscPin,
2970
3113
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -3283,7 +3426,7 @@ var DiffText = ({
3283
3426
  const textColor = colors[colorPalette][800];
3284
3427
  const bgColor = colors[colorPalette][100];
3285
3428
  return /* @__PURE__ */ jsxRuntime.jsxs(
3286
- Box34__default.default,
3429
+ Box35__default.default,
3287
3430
  {
3288
3431
  sx: {
3289
3432
  display: "flex",
@@ -3308,7 +3451,7 @@ var DiffText = ({
3308
3451
  },
3309
3452
  children: [
3310
3453
  /* @__PURE__ */ jsxRuntime.jsx(
3311
- Box34__default.default,
3454
+ Box35__default.default,
3312
3455
  {
3313
3456
  sx: {
3314
3457
  overflow: "hidden",
@@ -3429,7 +3572,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
3429
3572
  enterDelay: 300,
3430
3573
  placement: "top",
3431
3574
  children: /* @__PURE__ */ jsxRuntime.jsxs(
3432
- Box34__default.default,
3575
+ Box35__default.default,
3433
3576
  {
3434
3577
  gap: "5px",
3435
3578
  display: "flex",
@@ -3461,7 +3604,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
3461
3604
  }
3462
3605
  }
3463
3606
  return /* @__PURE__ */ jsxRuntime.jsxs(
3464
- Box34__default.default,
3607
+ Box35__default.default,
3465
3608
  {
3466
3609
  sx: {
3467
3610
  display: "flex",
@@ -4421,9 +4564,9 @@ function ColumnNameCell({
4421
4564
  title: "View column lineage",
4422
4565
  placement: "top",
4423
4566
  disableHoverListener: isCllDisabled,
4424
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
4567
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
4425
4568
  /* @__PURE__ */ jsxRuntime.jsx(
4426
- Box34__default.default,
4569
+ Box35__default.default,
4427
4570
  {
4428
4571
  sx: {
4429
4572
  overflow: "hidden",
@@ -4433,7 +4576,7 @@ function ColumnNameCell({
4433
4576
  children: name
4434
4577
  }
4435
4578
  ),
4436
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
4579
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
4437
4580
  cllRunning && /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 12, color: "inherit" }),
4438
4581
  showMenu && !singleEnv && model.resource_type !== "source" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
4439
4582
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -4703,7 +4846,7 @@ function PrimaryKeyIndicatorCell({
4703
4846
  }) {
4704
4847
  const isPrimaryKey2 = primaryKeys.includes(columnName);
4705
4848
  return /* @__PURE__ */ jsxRuntime.jsx(
4706
- Box34__default.default,
4849
+ Box35__default.default,
4707
4850
  {
4708
4851
  sx: {
4709
4852
  display: "flex",
@@ -4736,9 +4879,9 @@ function ValueDiffColumnNameCell({
4736
4879
  };
4737
4880
  runAction("value_diff_detail", newParams, options);
4738
4881
  };
4739
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex" }, children: [
4882
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex" }, children: [
4740
4883
  /* @__PURE__ */ jsxRuntime.jsx(
4741
- Box34__default.default,
4884
+ Box35__default.default,
4742
4885
  {
4743
4886
  sx: {
4744
4887
  overflow: "hidden",
@@ -4748,7 +4891,7 @@ function ValueDiffColumnNameCell({
4748
4891
  children: column
4749
4892
  }
4750
4893
  ),
4751
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
4894
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
4752
4895
  /* @__PURE__ */ jsxRuntime.jsx(
4753
4896
  IconButton2__default.default,
4754
4897
  {
@@ -4813,7 +4956,7 @@ function MatchedPercentCell({ value }) {
4813
4956
  displayValue = `${(value * 100).toFixed(2)} %`;
4814
4957
  }
4815
4958
  }
4816
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { textAlign: "right" }, children: displayValue });
4959
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { textAlign: "right" }, children: displayValue });
4817
4960
  }
4818
4961
  function createPrimaryKeyIndicatorRenderer(primaryKeys) {
4819
4962
  return (params) => {
@@ -5163,7 +5306,7 @@ agGridCommunity.themeQuartz.withParams({
5163
5306
  agGridCommunity.ModuleRegistry.registerModules([agGridCommunity.AllCommunityModule]);
5164
5307
  function EmptyRowsRenderer({ emptyMessage }) {
5165
5308
  return /* @__PURE__ */ jsxRuntime.jsx(
5166
- Box34__default.default,
5309
+ Box35__default.default,
5167
5310
  {
5168
5311
  sx: {
5169
5312
  display: "flex",
@@ -5238,7 +5381,7 @@ function _ScreenshotDataGrid({
5238
5381
  return `grid-${pinnedFields}`;
5239
5382
  }, [resolvedColumnDefs]);
5240
5383
  return /* @__PURE__ */ jsxRuntime.jsx(
5241
- Box34__default.default,
5384
+ Box35__default.default,
5242
5385
  {
5243
5386
  ref: containerRef,
5244
5387
  className: className ? `${className} no-track-pii-safe` : "no-track-pii-safe",
@@ -5331,7 +5474,7 @@ var ToggleSwitch = ({
5331
5474
  }) => {
5332
5475
  return /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup__default.default, { variant: "outlined", size: "xsmall", sx: { borderRadius: 1 }, children: [
5333
5476
  /* @__PURE__ */ jsxRuntime.jsx(
5334
- Button10__default.default,
5477
+ Button11__default.default,
5335
5478
  {
5336
5479
  onClick: () => {
5337
5480
  onChange(false);
@@ -5344,7 +5487,7 @@ var ToggleSwitch = ({
5344
5487
  }
5345
5488
  ),
5346
5489
  /* @__PURE__ */ jsxRuntime.jsx(
5347
- Button10__default.default,
5490
+ Button11__default.default,
5348
5491
  {
5349
5492
  onClick: () => {
5350
5493
  onChange(true);
@@ -5403,7 +5546,7 @@ var RunToolbar = ({
5403
5546
  children
5404
5547
  }) => {
5405
5548
  return /* @__PURE__ */ jsxRuntime.jsxs(
5406
- Box34__default.default,
5549
+ Box35__default.default,
5407
5550
  {
5408
5551
  sx: {
5409
5552
  display: "flex",
@@ -5416,7 +5559,7 @@ var RunToolbar = ({
5416
5559
  },
5417
5560
  children: [
5418
5561
  /* @__PURE__ */ jsxRuntime.jsx(
5419
- Box34__default.default,
5562
+ Box35__default.default,
5420
5563
  {
5421
5564
  sx: {
5422
5565
  display: "flex",
@@ -5424,14 +5567,14 @@ var RunToolbar = ({
5424
5567
  alignItems: "flex-start",
5425
5568
  gap: 0
5426
5569
  },
5427
- children: warnings?.map((warning) => /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
5570
+ children: warnings?.map((warning) => /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
5428
5571
  /* @__PURE__ */ jsxRuntime.jsx(pi.PiWarning, { color: "amber.600" }),
5429
5572
  " ",
5430
5573
  warning
5431
5574
  ] }, _3__default.default.uniqueId(`-${warning}`)))
5432
5575
  }
5433
5576
  ),
5434
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, minHeight: "32px" } }),
5577
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, minHeight: "32px" } }),
5435
5578
  children
5436
5579
  ]
5437
5580
  }
@@ -5495,7 +5638,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
5495
5638
  ]);
5496
5639
  if (gridData.columns.length === 0) {
5497
5640
  return /* @__PURE__ */ jsxRuntime.jsx(
5498
- Box34__default.default,
5641
+ Box35__default.default,
5499
5642
  {
5500
5643
  sx: {
5501
5644
  display: "flex",
@@ -5508,7 +5651,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
5508
5651
  );
5509
5652
  }
5510
5653
  return /* @__PURE__ */ jsxRuntime.jsxs(
5511
- Box34__default.default,
5654
+ Box35__default.default,
5512
5655
  {
5513
5656
  sx: {
5514
5657
  display: "flex",
@@ -5598,7 +5741,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
5598
5741
  ]);
5599
5742
  if (gridData.columns.length === 0) {
5600
5743
  return /* @__PURE__ */ jsxRuntime.jsx(
5601
- Box34__default.default,
5744
+ Box35__default.default,
5602
5745
  {
5603
5746
  sx: {
5604
5747
  display: "flex",
@@ -5611,7 +5754,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
5611
5754
  );
5612
5755
  }
5613
5756
  return /* @__PURE__ */ jsxRuntime.jsx(
5614
- Box34__default.default,
5757
+ Box35__default.default,
5615
5758
  {
5616
5759
  sx: {
5617
5760
  display: "flex",
@@ -5763,7 +5906,7 @@ var PrivateQueryDiffResultView = ({
5763
5906
  }
5764
5907
  if (gridData.columns.length === 0) {
5765
5908
  return /* @__PURE__ */ jsxRuntime.jsx(
5766
- Box34__default.default,
5909
+ Box35__default.default,
5767
5910
  {
5768
5911
  sx: {
5769
5912
  display: "flex",
@@ -5776,7 +5919,7 @@ var PrivateQueryDiffResultView = ({
5776
5919
  );
5777
5920
  }
5778
5921
  return /* @__PURE__ */ jsxRuntime.jsxs(
5779
- Box34__default.default,
5922
+ Box35__default.default,
5780
5923
  {
5781
5924
  sx: {
5782
5925
  display: "flex",
@@ -5923,7 +6066,7 @@ var PrivateQueryDiffJoinResultView = ({
5923
6066
  }
5924
6067
  if (gridData.columns.length === 0) {
5925
6068
  return /* @__PURE__ */ jsxRuntime.jsx(
5926
- Box34__default.default,
6069
+ Box35__default.default,
5927
6070
  {
5928
6071
  sx: {
5929
6072
  display: "flex",
@@ -5937,7 +6080,7 @@ var PrivateQueryDiffJoinResultView = ({
5937
6080
  }
5938
6081
  if (changedOnly && gridData.rows.length === 0) {
5939
6082
  return /* @__PURE__ */ jsxRuntime.jsxs(
5940
- Box34__default.default,
6083
+ Box35__default.default,
5941
6084
  {
5942
6085
  sx: {
5943
6086
  display: "flex",
@@ -5956,7 +6099,7 @@ var PrivateQueryDiffJoinResultView = ({
5956
6099
  }
5957
6100
  ),
5958
6101
  /* @__PURE__ */ jsxRuntime.jsx(
5959
- Box34__default.default,
6102
+ Box35__default.default,
5960
6103
  {
5961
6104
  sx: {
5962
6105
  display: "flex",
@@ -5972,7 +6115,7 @@ var PrivateQueryDiffJoinResultView = ({
5972
6115
  );
5973
6116
  }
5974
6117
  return /* @__PURE__ */ jsxRuntime.jsxs(
5975
- Box34__default.default,
6118
+ Box35__default.default,
5976
6119
  {
5977
6120
  sx: {
5978
6121
  display: "flex",
@@ -6132,7 +6275,7 @@ var PrivateQueryResultView = ({
6132
6275
  ]);
6133
6276
  if (gridData.columns.length === 0) {
6134
6277
  return /* @__PURE__ */ jsxRuntime.jsx(
6135
- Box34__default.default,
6278
+ Box35__default.default,
6136
6279
  {
6137
6280
  sx: {
6138
6281
  height: "100%",
@@ -6162,18 +6305,18 @@ var PrivateQueryResultView = ({
6162
6305
  children: [
6163
6306
  warning && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
6164
6307
  /* @__PURE__ */ jsxRuntime.jsx(
6165
- Box34__default.default,
6308
+ Box35__default.default,
6166
6309
  {
6167
6310
  component: pi.PiWarning,
6168
6311
  sx: { color: "amber.600", alignSelf: "center" }
6169
6312
  }
6170
6313
  ),
6171
6314
  " ",
6172
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: warning })
6315
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: warning })
6173
6316
  ] }),
6174
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1, minHeight: "32px" } }),
6317
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1, minHeight: "32px" } }),
6175
6318
  onAddToChecklist && /* @__PURE__ */ jsxRuntime.jsx(
6176
- Button10__default.default,
6319
+ Button11__default.default,
6177
6320
  {
6178
6321
  sx: { my: "5px" },
6179
6322
  size: "small",
@@ -6216,7 +6359,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
6216
6359
  }, [run]);
6217
6360
  if (gridData.rows.length === 0) {
6218
6361
  return /* @__PURE__ */ jsxRuntime.jsx(
6219
- Box34__default.default,
6362
+ Box35__default.default,
6220
6363
  {
6221
6364
  sx: {
6222
6365
  display: "flex",
@@ -6229,7 +6372,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
6229
6372
  }
6230
6373
  );
6231
6374
  }
6232
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6375
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6233
6376
  ScreenshotDataGrid,
6234
6377
  {
6235
6378
  ref,
@@ -6283,12 +6426,12 @@ function TopKDiffForm({
6283
6426
  setIsReadyToExecute(!!params.column_name);
6284
6427
  }, [params, setIsReadyToExecute]);
6285
6428
  if (isLoading) {
6286
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
6429
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
6287
6430
  }
6288
6431
  if (columnNames.length === 0 || error) {
6289
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6432
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6290
6433
  }
6291
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, children: [
6434
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, children: [
6292
6435
  /* @__PURE__ */ jsxRuntime.jsx(FormLabel__default.default, { sx: { mb: 1 }, children: "Pick a column to show top-k" }),
6293
6436
  /* @__PURE__ */ jsxRuntime.jsxs(
6294
6437
  NativeSelect__default.default,
@@ -6347,7 +6490,7 @@ function TopKChartTooltip({
6347
6490
  return /* @__PURE__ */ jsxRuntime.jsx(
6348
6491
  MuiTooltip__default.default,
6349
6492
  {
6350
- title: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
6493
+ title: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
6351
6494
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { children: [
6352
6495
  /* @__PURE__ */ jsxRuntime.jsx(SquareIcon, { color: CURRENT_BAR_COLOR }),
6353
6496
  "Current: ",
@@ -6376,9 +6519,9 @@ function TopKSummaryBarChart({
6376
6519
  }) {
6377
6520
  const currents = prepareSummaryList(topKDiff.current, isDisplayTopTen);
6378
6521
  const bases = prepareSummaryList(topKDiff.base, isDisplayTopTen);
6379
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { width: "100%", px: 20, py: 2 }, children: [
6380
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
6381
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
6522
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { width: "100%", px: 20, py: 2 }, children: [
6523
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
6524
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
6382
6525
  /* @__PURE__ */ jsxRuntime.jsxs(
6383
6526
  Typography28__default.default,
6384
6527
  {
@@ -6401,7 +6544,7 @@ function TopKSummaryBarChart({
6401
6544
  ]
6402
6545
  }
6403
6546
  ),
6404
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
6547
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
6405
6548
  ] }),
6406
6549
  currents.map((current, index) => {
6407
6550
  const base = bases[index];
@@ -6410,7 +6553,7 @@ function TopKSummaryBarChart({
6410
6553
  }
6411
6554
  return /* @__PURE__ */ jsxRuntime.jsxs(React3.Fragment, { children: [
6412
6555
  /* @__PURE__ */ jsxRuntime.jsx(TopKChartTooltip, { base, current, children: /* @__PURE__ */ jsxRuntime.jsxs(
6413
- Box34__default.default,
6556
+ Box35__default.default,
6414
6557
  {
6415
6558
  sx: {
6416
6559
  display: "flex",
@@ -6435,7 +6578,7 @@ function TopKSummaryBarChart({
6435
6578
  }
6436
6579
  ),
6437
6580
  /* @__PURE__ */ jsxRuntime.jsxs(
6438
- Box34__default.default,
6581
+ Box35__default.default,
6439
6582
  {
6440
6583
  sx: {
6441
6584
  display: "flex",
@@ -6443,7 +6586,7 @@ function TopKSummaryBarChart({
6443
6586
  flexDirection: "column"
6444
6587
  },
6445
6588
  children: [
6446
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", height: "1em" }, children: [
6589
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", height: "1em" }, children: [
6447
6590
  /* @__PURE__ */ jsxRuntime.jsx(
6448
6591
  CategoricalBarChart,
6449
6592
  {
@@ -6477,7 +6620,7 @@ function TopKSummaryBarChart({
6477
6620
  }
6478
6621
  )
6479
6622
  ] }),
6480
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", height: "1em" }, children: [
6623
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", height: "1em" }, children: [
6481
6624
  /* @__PURE__ */ jsxRuntime.jsx(
6482
6625
  CategoricalBarChart,
6483
6626
  {
@@ -6526,7 +6669,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6526
6669
  const endAtIndex = isDisplayTopTen ? 10 : topk.counts.length;
6527
6670
  const displayList = topk.counts.slice(0, endAtIndex);
6528
6671
  const remainingSumCount = valids - displayList.reduce((accum, curr) => accum + curr, 0);
6529
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
6672
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
6530
6673
  const isLastItemOthers = index === displayList.length;
6531
6674
  const topkCount = isLastItemOthers ? remainingSumCount : v;
6532
6675
  const catName = String(topk.values[index]);
@@ -6535,7 +6678,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6535
6678
  const displayTopkRatio = formatIntervalMinMax(topkCount / valids);
6536
6679
  return /* @__PURE__ */ jsxRuntime.jsx(React3.Fragment, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
6537
6680
  /* @__PURE__ */ jsxRuntime.jsxs(
6538
- Box34__default.default,
6681
+ Box35__default.default,
6539
6682
  {
6540
6683
  sx: {
6541
6684
  display: "flex",
@@ -6559,7 +6702,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6559
6702
  children: topkLabel
6560
6703
  }
6561
6704
  ) }),
6562
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6705
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6563
6706
  CategoricalBarChart,
6564
6707
  {
6565
6708
  topkCount,
@@ -6668,7 +6811,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6668
6811
  const params = run.params;
6669
6812
  const baseTopK = result.base;
6670
6813
  const currentTopK = result.current;
6671
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
6814
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
6672
6815
  /* @__PURE__ */ jsxRuntime.jsxs(ScreenshotBox, { ref, blockSize: "auto", children: [
6673
6816
  /* @__PURE__ */ jsxRuntime.jsxs(
6674
6817
  Typography28__default.default,
@@ -6684,7 +6827,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6684
6827
  }
6685
6828
  ),
6686
6829
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", children: [
6687
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
6830
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
6688
6831
  /* @__PURE__ */ jsxRuntime.jsx(
6689
6832
  TopKSummaryBarChart,
6690
6833
  {
@@ -6693,11 +6836,11 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6693
6836
  isDisplayTopTen
6694
6837
  }
6695
6838
  ),
6696
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
6839
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
6697
6840
  ] })
6698
6841
  ] }),
6699
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
6700
- (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6842
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
6843
+ (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsxRuntime.jsx(
6701
6844
  Link__default.default,
6702
6845
  {
6703
6846
  component: "button",
@@ -6782,7 +6925,7 @@ var PrivateValueDiffDetailResultView = ({
6782
6925
  }
6783
6926
  if (gridData.columns.length === 0) {
6784
6927
  return /* @__PURE__ */ jsxRuntime.jsx(
6785
- Box34__default.default,
6928
+ Box35__default.default,
6786
6929
  {
6787
6930
  sx: {
6788
6931
  display: "flex",
@@ -6796,7 +6939,7 @@ var PrivateValueDiffDetailResultView = ({
6796
6939
  }
6797
6940
  if (changedOnly && gridData.rows.length === 0) {
6798
6941
  return /* @__PURE__ */ jsxRuntime.jsxs(
6799
- Box34__default.default,
6942
+ Box35__default.default,
6800
6943
  {
6801
6944
  sx: {
6802
6945
  display: "flex",
@@ -6815,7 +6958,7 @@ var PrivateValueDiffDetailResultView = ({
6815
6958
  }
6816
6959
  ),
6817
6960
  /* @__PURE__ */ jsxRuntime.jsx(
6818
- Box34__default.default,
6961
+ Box35__default.default,
6819
6962
  {
6820
6963
  sx: {
6821
6964
  display: "flex",
@@ -6831,7 +6974,7 @@ var PrivateValueDiffDetailResultView = ({
6831
6974
  );
6832
6975
  }
6833
6976
  return /* @__PURE__ */ jsxRuntime.jsxs(
6834
- Box34__default.default,
6977
+ Box35__default.default,
6835
6978
  {
6836
6979
  sx: {
6837
6980
  display: "flex",
@@ -6931,13 +7074,13 @@ function ValueDiffForm({
6931
7074
  const columnNames = columns.map((c) => c.name);
6932
7075
  const primaryKeys = Array.isArray(primaryKey) ? primaryKey : primaryKey ? [primaryKey] : void 0;
6933
7076
  if (isLoading) {
6934
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
7077
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
6935
7078
  }
6936
7079
  if (columnNames.length === 0 || error) {
6937
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7080
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6938
7081
  }
6939
7082
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
6940
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7083
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
6941
7084
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
6942
7085
  /* @__PURE__ */ jsxRuntime.jsx(
6943
7086
  TextField__default.default,
@@ -6949,7 +7092,7 @@ function ValueDiffForm({
6949
7092
  }
6950
7093
  )
6951
7094
  ] }),
6952
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7095
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
6953
7096
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Primary key" }),
6954
7097
  /* @__PURE__ */ jsxRuntime.jsx(
6955
7098
  ReactSelect2__default.default,
@@ -6983,7 +7126,7 @@ function ValueDiffForm({
6983
7126
  }
6984
7127
  )
6985
7128
  ] }),
6986
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7129
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
6987
7130
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
6988
7131
  /* @__PURE__ */ jsxRuntime.jsx(
6989
7132
  FormControlLabel4__default.default,
@@ -7057,7 +7200,7 @@ function _ValueDiffResultView({ run }, ref) {
7057
7200
  }
7058
7201
  const { columns, rows } = gridData;
7059
7202
  return /* @__PURE__ */ jsxRuntime.jsxs(
7060
- Box34__default.default,
7203
+ Box35__default.default,
7061
7204
  {
7062
7205
  sx: {
7063
7206
  display: "flex",
@@ -7067,7 +7210,7 @@ function _ValueDiffResultView({ run }, ref) {
7067
7210
  height: "100%"
7068
7211
  },
7069
7212
  children: [
7070
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { px: "16px" }, children: [
7213
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { px: "16px" }, children: [
7071
7214
  "Model: ",
7072
7215
  params.model,
7073
7216
  ", ",
@@ -7457,7 +7600,7 @@ function useCopyToClipboardButton(options) {
7457
7600
  }) {
7458
7601
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
7459
7602
  /* @__PURE__ */ jsxRuntime.jsx(
7460
- Button10__default.default,
7603
+ Button11__default.default,
7461
7604
  {
7462
7605
  size: "small",
7463
7606
  sx: { position: "absolute", bottom: 16, right: 16 },
@@ -7527,7 +7670,7 @@ function useImageDownloadModal() {
7527
7670
  /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { children: [
7528
7671
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { sx: { px: "10px", gap: "10px" }, children: [
7529
7672
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: "5px", children: [
7530
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiInfo, sx: { color: "error.main" } }),
7673
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiInfo, sx: { color: "error.main" } }),
7531
7674
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontWeight: 500, display: "inline" }, children: "Copy to the Clipboard" }),
7532
7675
  " ",
7533
7676
  "is not supported in the current browser"
@@ -7535,7 +7678,7 @@ function useImageDownloadModal() {
7535
7678
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Please download it directly" })
7536
7679
  ] }),
7537
7680
  /* @__PURE__ */ jsxRuntime.jsx(
7538
- Box34__default.default,
7681
+ Box35__default.default,
7539
7682
  {
7540
7683
  component: "img",
7541
7684
  src: base64Img,
@@ -7545,8 +7688,8 @@ function useImageDownloadModal() {
7545
7688
  )
7546
7689
  ] }),
7547
7690
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { children: [
7548
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
7549
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
7691
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
7692
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
7550
7693
  ] })
7551
7694
  ] });
7552
7695
  }
@@ -7606,40 +7749,6 @@ var useRun = (runId) => {
7606
7749
  RunResultView
7607
7750
  };
7608
7751
  };
7609
- var HSplit = (props) => {
7610
- const { style, children, gutterSize = 5, ...rest } = props;
7611
- return /* @__PURE__ */ jsxRuntime.jsx(
7612
- ReactSplit__default.default,
7613
- {
7614
- style: {
7615
- display: "flex",
7616
- flexDirection: "row",
7617
- ...style
7618
- },
7619
- direction: "horizontal",
7620
- gutterSize,
7621
- ...rest,
7622
- children
7623
- }
7624
- );
7625
- };
7626
- var VSplit = (props) => {
7627
- const { style, children, gutterSize = 5, ...rest } = props;
7628
- return /* @__PURE__ */ jsxRuntime.jsx(
7629
- ReactSplit__default.default,
7630
- {
7631
- style: {
7632
- display: "flex",
7633
- flexDirection: "column",
7634
- ...style
7635
- },
7636
- gutterSize,
7637
- direction: "vertical",
7638
- ...rest,
7639
- children
7640
- }
7641
- );
7642
- };
7643
7752
  function ActionControl({ onClose }) {
7644
7753
  const { cancel, actionState } = useLineageViewContextSafe();
7645
7754
  const getProgressMessage = () => {
@@ -7657,7 +7766,7 @@ function ActionControl({ onClose }) {
7657
7766
  }
7658
7767
  }
7659
7768
  };
7660
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
7769
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
7661
7770
  Stack24__default.default,
7662
7771
  {
7663
7772
  direction: "row",
@@ -7665,14 +7774,14 @@ function ActionControl({ onClose }) {
7665
7774
  spacing: 2,
7666
7775
  sx: { p: "5px 15px", mt: 2 },
7667
7776
  children: [
7668
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { fontSize: "10pt" }, children: [
7777
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { fontSize: "10pt" }, children: [
7669
7778
  "Progress: ",
7670
7779
  getProgressMessage(),
7671
7780
  " ",
7672
7781
  actionState.status === "canceled" ? " (canceled)" : ""
7673
7782
  ] }),
7674
7783
  actionState.status === "running" || actionState.status === "canceling" ? /* @__PURE__ */ jsxRuntime.jsx(
7675
- Button10__default.default,
7784
+ Button11__default.default,
7676
7785
  {
7677
7786
  size: "small",
7678
7787
  variant: "outlined",
@@ -7680,7 +7789,7 @@ function ActionControl({ onClose }) {
7680
7789
  disabled: actionState.status === "canceling",
7681
7790
  children: actionState.status === "canceling" ? "Canceling" : "Cancel"
7682
7791
  }
7683
- ) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", children: /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
7792
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", children: /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
7684
7793
  ]
7685
7794
  }
7686
7795
  ) });
@@ -7803,7 +7912,7 @@ function ChangeStatusLegend() {
7803
7912
  modified: ["Modified", "Modified resource"]
7804
7913
  };
7805
7914
  return /* @__PURE__ */ jsxRuntime.jsx(
7806
- Box34__default.default,
7915
+ Box35__default.default,
7807
7916
  {
7808
7917
  sx: {
7809
7918
  bgcolor: "white",
@@ -7815,7 +7924,7 @@ function ChangeStatusLegend() {
7815
7924
  children: Object.entries(CHANGE_STATUS_MSGS).map(([key, [label, tip]]) => {
7816
7925
  const { icon, color } = getIconForChangeStatus(key);
7817
7926
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(
7818
- Box34__default.default,
7927
+ Box35__default.default,
7819
7928
  {
7820
7929
  sx: {
7821
7930
  display: "flex",
@@ -7824,7 +7933,7 @@ function ChangeStatusLegend() {
7824
7933
  mb: "2px"
7825
7934
  },
7826
7935
  children: [
7827
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { color } }),
7936
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { color } }),
7828
7937
  " ",
7829
7938
  label
7830
7939
  ]
@@ -7853,7 +7962,7 @@ var ModeMessage = () => {
7853
7962
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
7854
7963
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { component: "span", sx: { mr: "5px" }, children: "Impact Radius for" }),
7855
7964
  /* @__PURE__ */ jsxRuntime.jsx(
7856
- Box34__default.default,
7965
+ Box35__default.default,
7857
7966
  {
7858
7967
  component: "code",
7859
7968
  onClick: () => {
@@ -7878,7 +7987,7 @@ var ModeMessage = () => {
7878
7987
  " "
7879
7988
  ] }),
7880
7989
  /* @__PURE__ */ jsxRuntime.jsxs(
7881
- Box34__default.default,
7990
+ Box35__default.default,
7882
7991
  {
7883
7992
  component: "code",
7884
7993
  onClick: () => {
@@ -7915,14 +8024,14 @@ var ColumnLevelLineageControl = ({
7915
8024
  const { lineageGraph } = useLineageGraphContext();
7916
8025
  const noCatalogCurrent = !lineageGraph?.catalogMetadata.current;
7917
8026
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: "5px", children: [
7918
- !singleEnv && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
8027
+ !singleEnv && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
7919
8028
  MuiTooltip__default.default,
7920
8029
  {
7921
8030
  enterDelay: 50,
7922
8031
  title: noCatalogCurrent ? "Please provide catalog.json to enable Impact Radius" : "",
7923
8032
  placement: "top",
7924
8033
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
7925
- Button10__default.default,
8034
+ Button11__default.default,
7926
8035
  {
7927
8036
  size: "small",
7928
8037
  variant: "outlined",
@@ -7976,7 +8085,7 @@ var ColumnLevelLineageControl = ({
7976
8085
  alignItems: "center"
7977
8086
  },
7978
8087
  children: /* @__PURE__ */ jsxRuntime.jsx(
7979
- Box34__default.default,
8088
+ Box35__default.default,
7980
8089
  {
7981
8090
  component: pi.PiInfo,
7982
8091
  sx: { color: "error.main", fontSize: "14px" }
@@ -8014,7 +8123,7 @@ var ChangeStatus = ({
8014
8123
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
8015
8124
  }
8016
8125
  return /* @__PURE__ */ jsxRuntime.jsx(
8017
- Box34__default.default,
8126
+ Box35__default.default,
8018
8127
  {
8019
8128
  component: IconChangeStatus,
8020
8129
  sx: {
@@ -8088,7 +8197,7 @@ function GraphColumnNode(nodeProps) {
8088
8197
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
8089
8198
  }
8090
8199
  return /* @__PURE__ */ jsxRuntime.jsxs(
8091
- Box34__default.default,
8200
+ Box35__default.default,
8092
8201
  {
8093
8202
  sx: {
8094
8203
  display: "flex",
@@ -8110,7 +8219,7 @@ function GraphColumnNode(nodeProps) {
8110
8219
  },
8111
8220
  children: [
8112
8221
  /* @__PURE__ */ jsxRuntime.jsxs(
8113
- Box34__default.default,
8222
+ Box35__default.default,
8114
8223
  {
8115
8224
  sx: {
8116
8225
  display: "flex",
@@ -8123,10 +8232,10 @@ function GraphColumnNode(nodeProps) {
8123
8232
  },
8124
8233
  children: [
8125
8234
  isShowingChangeAnalysis && changeStatus ? /* @__PURE__ */ jsxRuntime.jsx(ChangeStatus, { changeStatus }) : /* @__PURE__ */ jsxRuntime.jsx(TransformationType, { transformationType }),
8126
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
8127
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
8235
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
8236
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
8128
8237
  isHovered ? /* @__PURE__ */ jsxRuntime.jsx(
8129
- Box34__default.default,
8238
+ Box35__default.default,
8130
8239
  {
8131
8240
  component: vsc.VscKebabVertical,
8132
8241
  sx: {
@@ -8144,7 +8253,7 @@ function GraphColumnNode(nodeProps) {
8144
8253
  );
8145
8254
  }
8146
8255
  }
8147
- ) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
8256
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
8148
8257
  ]
8149
8258
  }
8150
8259
  ),
@@ -8200,7 +8309,7 @@ function ColumnLevelLineageLegend() {
8200
8309
  ]
8201
8310
  };
8202
8311
  return /* @__PURE__ */ jsxRuntime.jsx(
8203
- Box34__default.default,
8312
+ Box35__default.default,
8204
8313
  {
8205
8314
  sx: {
8206
8315
  bgcolor: "white",
@@ -8211,7 +8320,7 @@ function ColumnLevelLineageLegend() {
8211
8320
  },
8212
8321
  children: Object.entries(TRANSFORMATION_MSGS).map(([key, [label, tip]]) => {
8213
8322
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(
8214
- Box34__default.default,
8323
+ Box35__default.default,
8215
8324
  {
8216
8325
  sx: {
8217
8326
  display: "flex",
@@ -8320,7 +8429,7 @@ function SetupConnectionPopover({
8320
8429
  }
8321
8430
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
8322
8431
  /* @__PURE__ */ jsxRuntime.jsx(
8323
- Box34__default.default,
8432
+ Box35__default.default,
8324
8433
  {
8325
8434
  ref: anchorRef,
8326
8435
  onMouseEnter: handleMouseEnter,
@@ -8394,8 +8503,8 @@ function ResourceTypeTag({ node }) {
8394
8503
  const { icon: ResourceTypeIcon } = getIconForResourceType(
8395
8504
  node.data.resourceType
8396
8505
  );
8397
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { component: "span", sx: tagRootSx, children: [
8398
- ResourceTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeIcon, {}) }),
8506
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { component: "span", sx: tagRootSx, children: [
8507
+ ResourceTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeIcon, {}) }),
8399
8508
  node.data.resourceType
8400
8509
  ] }) });
8401
8510
  }
@@ -8415,13 +8524,13 @@ function _RowCountByRate({ rowCount }) {
8415
8524
  } else if (base === current) {
8416
8525
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8417
8526
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
8418
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiSwapLine, {}) }),
8527
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiSwapLine, {}) }),
8419
8528
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", sx: { color: "grey.500" }, children: "No Change" })
8420
8529
  ] });
8421
8530
  } else if (base < current) {
8422
8531
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8423
8532
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
8424
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowUpSFill, {}) }),
8533
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowUpSFill, {}) }),
8425
8534
  /* @__PURE__ */ jsxRuntime.jsx(
8426
8535
  Typography28__default.default,
8427
8536
  {
@@ -8435,7 +8544,7 @@ function _RowCountByRate({ rowCount }) {
8435
8544
  } else {
8436
8545
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8437
8546
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
8438
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowDownSFill, {}) }),
8547
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowDownSFill, {}) }),
8439
8548
  /* @__PURE__ */ jsxRuntime.jsx(
8440
8549
  Typography28__default.default,
8441
8550
  {
@@ -8452,7 +8561,7 @@ function ModelRowCount({ rowCount }) {
8452
8561
  if (!rowCount) {
8453
8562
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8454
8563
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: "Failed to load" }),
8455
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiFrown, {}) })
8564
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiFrown, {}) })
8456
8565
  ] });
8457
8566
  }
8458
8567
  const base = rowCount.base ?? "N/A";
@@ -8474,7 +8583,7 @@ function RowCountDiffTag({
8474
8583
  const rowsToShow = rowCount;
8475
8584
  const label = rowCount ? `${rowCount.base ?? "N/A"} -> ${rowCount.curr ?? "N/A"} rows` : "";
8476
8585
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: label, children: /* @__PURE__ */ jsxRuntime.jsx(SetupConnectionPopover, { display: featureToggles.mode === "metadata only", children: /* @__PURE__ */ jsxRuntime.jsxs(
8477
- Box34__default.default,
8586
+ Box35__default.default,
8478
8587
  {
8479
8588
  component: "span",
8480
8589
  sx: {
@@ -8514,8 +8623,8 @@ function RowCountTag({
8514
8623
  const rows = rowCount.curr ?? "N/A";
8515
8624
  label = `${rows} rows`;
8516
8625
  }
8517
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { component: "span", sx: tagRootSx, children: [
8518
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(RunTypeIcon, {}) }),
8626
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { component: "span", sx: tagRootSx, children: [
8627
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(RunTypeIcon, {}) }),
8519
8628
  rowCount || isFetching ? isFetching ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton__default.default, { width: 30, height: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "caption", children: label }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "caption", children: "row count" }),
8520
8629
  onRefresh && /* @__PURE__ */ jsxRuntime.jsx(
8521
8630
  IconButton2__default.default,
@@ -8551,8 +8660,8 @@ var ActionTag = ({ node, action }) => {
8551
8660
  gap: "3px"
8552
8661
  },
8553
8662
  children: [
8554
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Skipped" }),
8555
- skipReason && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: skipReason, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiInfo, {}) }) })
8663
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Skipped" }),
8664
+ skipReason && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: skipReason, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiInfo, {}) }) })
8556
8665
  ]
8557
8666
  }
8558
8667
  ),
@@ -8585,8 +8694,8 @@ var ActionTag = ({ node, action }) => {
8585
8694
  direction: "row",
8586
8695
  sx: { fontSize: "10pt", color: "gray", alignItems: "center" },
8587
8696
  children: [
8588
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error" }),
8589
- skipReason && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: error, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiWarning, {}) }) })
8697
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error" }),
8698
+ skipReason && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: error, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiWarning, {}) }) })
8590
8699
  ]
8591
8700
  }
8592
8701
  );
@@ -8695,14 +8804,14 @@ var NodeRunsAggregated = ({
8695
8804
  const colorChanged = inverted ? "white" : getIconForChangeStatus("modified").color;
8696
8805
  const colorUnchanged = inverted ? "gray" : "gray.100";
8697
8806
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
8698
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
8807
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
8699
8808
  schemaChanged !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
8700
8809
  MuiTooltip__default.default,
8701
8810
  {
8702
8811
  title: `Schema (${schemaChanged ? "changed" : "no change"})`,
8703
8812
  enterDelay: 500,
8704
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsxRuntime.jsx(
8705
- Box34__default.default,
8813
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsxRuntime.jsx(
8814
+ Box35__default.default,
8706
8815
  {
8707
8816
  component: SchemaDiffIcon,
8708
8817
  sx: { color: schemaChanged ? colorChanged : colorUnchanged }
@@ -8710,13 +8819,13 @@ var NodeRunsAggregated = ({
8710
8819
  ) })
8711
8820
  }
8712
8821
  ),
8713
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
8822
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
8714
8823
  runs?.row_count_diff && rowCountChanged !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
8715
8824
  MuiTooltip__default.default,
8716
8825
  {
8717
8826
  title: `Row count (${rowCountChanged ? "changed" : "="})`,
8718
8827
  enterDelay: 500,
8719
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
8828
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
8720
8829
  _RowCountDiffTag,
8721
8830
  {
8722
8831
  rowCount: runs.row_count_diff.result
@@ -8731,7 +8840,7 @@ var GraphNodeCheckbox = ({
8731
8840
  onClick
8732
8841
  }) => {
8733
8842
  return /* @__PURE__ */ jsxRuntime.jsx(
8734
- Box34__default.default,
8843
+ Box35__default.default,
8735
8844
  {
8736
8845
  onClick,
8737
8846
  sx: {
@@ -8740,7 +8849,7 @@ var GraphNodeCheckbox = ({
8740
8849
  alignItems: "center",
8741
8850
  cursor: "pointer"
8742
8851
  },
8743
- children: checked ? /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: fa.FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: fa.FaRegSquare, sx: { fontSize: 20 } })
8852
+ children: checked ? /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: fa.FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: fa.FaRegSquare, sx: { fontSize: 20 } })
8744
8853
  }
8745
8854
  );
8746
8855
  };
@@ -8750,7 +8859,7 @@ var GraphNodeTitle = ({
8750
8859
  resourceType
8751
8860
  }) => {
8752
8861
  return /* @__PURE__ */ jsxRuntime.jsx(
8753
- Box34__default.default,
8862
+ Box35__default.default,
8754
8863
  {
8755
8864
  sx: {
8756
8865
  flex: 1,
@@ -8857,7 +8966,7 @@ function GraphNode(nodeProps) {
8857
8966
  }
8858
8967
  })();
8859
8968
  return /* @__PURE__ */ jsxRuntime.jsxs(
8860
- Box34__default.default,
8969
+ Box35__default.default,
8861
8970
  {
8862
8971
  sx: {
8863
8972
  display: "flex",
@@ -8882,7 +8991,7 @@ function GraphNode(nodeProps) {
8882
8991
  },
8883
8992
  children: [
8884
8993
  /* @__PURE__ */ jsxRuntime.jsxs(
8885
- Box34__default.default,
8994
+ Box35__default.default,
8886
8995
  {
8887
8996
  sx: {
8888
8997
  display: "flex",
@@ -8898,7 +9007,7 @@ function GraphNode(nodeProps) {
8898
9007
  },
8899
9008
  children: [
8900
9009
  /* @__PURE__ */ jsxRuntime.jsx(
8901
- Box34__default.default,
9010
+ Box35__default.default,
8902
9011
  {
8903
9012
  sx: {
8904
9013
  display: "flex",
@@ -8926,7 +9035,7 @@ function GraphNode(nodeProps) {
8926
9035
  }
8927
9036
  ),
8928
9037
  /* @__PURE__ */ jsxRuntime.jsxs(
8929
- Box34__default.default,
9038
+ Box35__default.default,
8930
9039
  {
8931
9040
  sx: {
8932
9041
  display: "flex",
@@ -8937,7 +9046,7 @@ function GraphNode(nodeProps) {
8937
9046
  },
8938
9047
  children: [
8939
9048
  /* @__PURE__ */ jsxRuntime.jsxs(
8940
- Box34__default.default,
9049
+ Box35__default.default,
8941
9050
  {
8942
9051
  sx: {
8943
9052
  display: "flex",
@@ -8967,7 +9076,7 @@ function GraphNode(nodeProps) {
8967
9076
  placement: "top",
8968
9077
  enterDelay: 500,
8969
9078
  children: /* @__PURE__ */ jsxRuntime.jsx(
8970
- Box34__default.default,
9079
+ Box35__default.default,
8971
9080
  {
8972
9081
  sx: {
8973
9082
  display: "flex",
@@ -8975,7 +9084,7 @@ function GraphNode(nodeProps) {
8975
9084
  justifyContent: "center"
8976
9085
  },
8977
9086
  children: /* @__PURE__ */ jsxRuntime.jsx(
8978
- Box34__default.default,
9087
+ Box35__default.default,
8979
9088
  {
8980
9089
  component: fa.FaRegDotCircle,
8981
9090
  sx: {
@@ -9000,7 +9109,7 @@ function GraphNode(nodeProps) {
9000
9109
  }
9001
9110
  ),
9002
9111
  /* @__PURE__ */ jsxRuntime.jsx(
9003
- Box34__default.default,
9112
+ Box35__default.default,
9004
9113
  {
9005
9114
  component: vsc.VscKebabVertical,
9006
9115
  sx: {
@@ -9020,14 +9129,14 @@ function GraphNode(nodeProps) {
9020
9129
  )
9021
9130
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9022
9131
  ResourceIcon && /* @__PURE__ */ jsxRuntime.jsx(
9023
- Box34__default.default,
9132
+ Box35__default.default,
9024
9133
  {
9025
9134
  component: ResourceIcon,
9026
9135
  sx: { fontSize: 16, color: iconResourceColor }
9027
9136
  }
9028
9137
  ),
9029
9138
  changeStatus && IconChangeStatus && /* @__PURE__ */ jsxRuntime.jsx(
9030
- Box34__default.default,
9139
+ Box35__default.default,
9031
9140
  {
9032
9141
  component: IconChangeStatus,
9033
9142
  sx: { color: iconChangeStatusColor }
@@ -9038,7 +9147,7 @@ function GraphNode(nodeProps) {
9038
9147
  }
9039
9148
  ),
9040
9149
  /* @__PURE__ */ jsxRuntime.jsx(
9041
- Box34__default.default,
9150
+ Box35__default.default,
9042
9151
  {
9043
9152
  sx: {
9044
9153
  display: "flex",
@@ -9049,7 +9158,7 @@ function GraphNode(nodeProps) {
9049
9158
  visibility: showContent ? "inherit" : "hidden"
9050
9159
  },
9051
9160
  children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: 1, children: action ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9052
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
9161
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
9053
9162
  /* @__PURE__ */ jsxRuntime.jsx(
9054
9163
  ActionTag,
9055
9164
  {
@@ -9058,7 +9167,7 @@ function GraphNode(nodeProps) {
9058
9167
  }
9059
9168
  )
9060
9169
  ] }) : isShowingChangeAnalysis ? /* @__PURE__ */ jsxRuntime.jsx(
9061
- Box34__default.default,
9170
+ Box35__default.default,
9062
9171
  {
9063
9172
  sx: {
9064
9173
  height: 20,
@@ -9091,7 +9200,7 @@ function GraphNode(nodeProps) {
9091
9200
  }
9092
9201
  ),
9093
9202
  showColumns && /* @__PURE__ */ jsxRuntime.jsx(
9094
- Box34__default.default,
9203
+ Box35__default.default,
9095
9204
  {
9096
9205
  sx: {
9097
9206
  p: "10px 10px",
@@ -9103,7 +9212,7 @@ function GraphNode(nodeProps) {
9103
9212
  borderBottomRightRadius: 8
9104
9213
  },
9105
9214
  children: /* @__PURE__ */ jsxRuntime.jsx(
9106
- Box34__default.default,
9215
+ Box35__default.default,
9107
9216
  {
9108
9217
  sx: {
9109
9218
  height: `${columnSet.size * COLUMN_HEIGHT}px`,
@@ -9311,7 +9420,7 @@ from {{ ref("${modelNode.name}") }}`;
9311
9420
  }
9312
9421
  menuItems.push({
9313
9422
  label: "Query",
9314
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9423
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9315
9424
  isDisabled: isQueryDisabled,
9316
9425
  action: () => {
9317
9426
  setSqlQuery(query);
@@ -9332,7 +9441,7 @@ from {{ ref("${modelNode.name}") }}`;
9332
9441
  });
9333
9442
  menuItems.push({
9334
9443
  label: "Query Related Columns",
9335
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9444
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9336
9445
  isDisabled: isQueryDisabled,
9337
9446
  action: () => {
9338
9447
  const query2 = `select
@@ -9359,7 +9468,7 @@ from {{ ref("${modelNode.name}") }}`;
9359
9468
  });
9360
9469
  menuItems.push({
9361
9470
  label: "Query Modified Columns",
9362
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9471
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9363
9472
  isDisabled: isQueryDisabled,
9364
9473
  action: () => {
9365
9474
  const query2 = `select
@@ -9383,7 +9492,7 @@ from {{ ref("${modelNode.name}") }}`;
9383
9492
  menuItems.push({
9384
9493
  label: rowCountAndRowCountRun.title,
9385
9494
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
9386
- Box34__default.default,
9495
+ Box35__default.default,
9387
9496
  {
9388
9497
  component: rowCountAndRowCountRun.icon,
9389
9498
  sx: { display: "inline-flex" }
@@ -9409,7 +9518,7 @@ from {{ ref("${modelNode.name}") }}`;
9409
9518
  menuItems.push({
9410
9519
  label: profileAndProfileDiffRun.title,
9411
9520
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
9412
- Box34__default.default,
9521
+ Box35__default.default,
9413
9522
  {
9414
9523
  component: profileAndProfileDiffRun.icon,
9415
9524
  sx: { display: "inline-flex" }
@@ -9434,7 +9543,7 @@ from {{ ref("${modelNode.name}") }}`;
9434
9543
  const valueDiffRun = findByRunType("value_diff");
9435
9544
  menuItems.push({
9436
9545
  label: valueDiffRun.title,
9437
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
9546
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
9438
9547
  isDisabled: isQueryDisabled,
9439
9548
  action: () => {
9440
9549
  const columns2 = Array.from(getNodeColumnSet(node.id));
@@ -9587,7 +9696,7 @@ var ColumnNodeContextMenu = ({
9587
9696
  const run = findByRunType(singleEnv ? "profile" : "profile_diff");
9588
9697
  menuItems.push({
9589
9698
  label: run.title,
9590
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9699
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
9591
9700
  action: handleProfileDiff,
9592
9701
  isDisabled: addedOrRemoved || !isActionAvailable("profile_diff") || isQueryDisabled
9593
9702
  });
@@ -9596,7 +9705,7 @@ var ColumnNodeContextMenu = ({
9596
9705
  menuItems.push({
9597
9706
  label: isHistogramDiffRun2.title,
9598
9707
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
9599
- Box34__default.default,
9708
+ Box35__default.default,
9600
9709
  {
9601
9710
  component: isHistogramDiffRun2.icon,
9602
9711
  sx: { display: "inline-flex" }
@@ -9608,14 +9717,14 @@ var ColumnNodeContextMenu = ({
9608
9717
  const isTopKDiffRun2 = findByRunType("top_k_diff");
9609
9718
  menuItems.push({
9610
9719
  label: isTopKDiffRun2.title,
9611
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
9720
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
9612
9721
  action: handleTopkDiff,
9613
9722
  isDisabled: addedOrRemoved || isQueryDisabled
9614
9723
  });
9615
9724
  const isValueDiffRun2 = findByRunType("value_diff");
9616
9725
  menuItems.push({
9617
9726
  label: isValueDiffRun2.title,
9618
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
9727
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
9619
9728
  action: handleValueDiff,
9620
9729
  isDisabled: addedOrRemoved || isQueryDisabled
9621
9730
  });
@@ -9722,7 +9831,7 @@ function LineageViewNotification({
9722
9831
  error: "error.light"
9723
9832
  }[type];
9724
9833
  return /* @__PURE__ */ jsxRuntime.jsxs(
9725
- Box34__default.default,
9834
+ Box35__default.default,
9726
9835
  {
9727
9836
  sx: {
9728
9837
  width: "100%",
@@ -9739,7 +9848,7 @@ function LineageViewNotification({
9739
9848
  },
9740
9849
  children: [
9741
9850
  notification,
9742
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
9851
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
9743
9852
  /* @__PURE__ */ jsxRuntime.jsx(
9744
9853
  IconButton2__default.default,
9745
9854
  {
@@ -9760,10 +9869,10 @@ function HistoryToggle() {
9760
9869
  if (isHistoryOpen) {
9761
9870
  return;
9762
9871
  }
9763
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
9764
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { fontSize: "8pt" }, children: "History" }),
9872
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
9873
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { fontSize: "8pt" }, children: "History" }),
9765
9874
  /* @__PURE__ */ jsxRuntime.jsx(
9766
- Button10__default.default,
9875
+ Button11__default.default,
9767
9876
  {
9768
9877
  size: "xsmall",
9769
9878
  variant: "outlined",
@@ -9782,7 +9891,7 @@ var SelectFilterTooltip = () => {
9782
9891
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { fontSize: "10pt", color: "text.secondary", pb: 1, children: "Select nodes by dbt node selector syntax" }),
9783
9892
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
9784
9893
  /* @__PURE__ */ jsxRuntime.jsx(
9785
- Box34__default.default,
9894
+ Box35__default.default,
9786
9895
  {
9787
9896
  component: "code",
9788
9897
  sx: {
@@ -9799,7 +9908,7 @@ var SelectFilterTooltip = () => {
9799
9908
  ] }),
9800
9909
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
9801
9910
  /* @__PURE__ */ jsxRuntime.jsx(
9802
- Box34__default.default,
9911
+ Box35__default.default,
9803
9912
  {
9804
9913
  component: "code",
9805
9914
  sx: {
@@ -9816,7 +9925,7 @@ var SelectFilterTooltip = () => {
9816
9925
  ] }),
9817
9926
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
9818
9927
  /* @__PURE__ */ jsxRuntime.jsx(
9819
- Box34__default.default,
9928
+ Box35__default.default,
9820
9929
  {
9821
9930
  component: "code",
9822
9931
  sx: {
@@ -9833,7 +9942,7 @@ var SelectFilterTooltip = () => {
9833
9942
  ] }),
9834
9943
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
9835
9944
  /* @__PURE__ */ jsxRuntime.jsx(
9836
- Box34__default.default,
9945
+ Box35__default.default,
9837
9946
  {
9838
9947
  component: "code",
9839
9948
  sx: {
@@ -9872,7 +9981,7 @@ var ViewModeSelectMenu = ({ isDisabled }) => {
9872
9981
  const ModelIcon = getIconForResourceType("model").icon;
9873
9982
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9874
9983
  /* @__PURE__ */ jsxRuntime.jsx(
9875
- Button10__default.default,
9984
+ Button11__default.default,
9876
9985
  {
9877
9986
  size: "xsmall",
9878
9987
  variant: "outlined",
@@ -9960,7 +10069,7 @@ var PackageSelectMenu = ({ isDisabled }) => {
9960
10069
  };
9961
10070
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9962
10071
  /* @__PURE__ */ jsxRuntime.jsx(
9963
- Button10__default.default,
10072
+ Button11__default.default,
9964
10073
  {
9965
10074
  size: "xsmall",
9966
10075
  variant: "outlined",
@@ -10097,7 +10206,7 @@ var ExcludeFilter = ({ isDisabled }) => {
10097
10206
  );
10098
10207
  };
10099
10208
  var ControlItem = (props) => {
10100
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { style: props.style, sx: { maxWidth: 300 }, children: [
10209
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { style: props.style, sx: { maxWidth: 300 }, children: [
10101
10210
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { fontSize: "8pt", children: (props.label ?? "").trim() || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) }),
10102
10211
  props.children
10103
10212
  ] });
@@ -10145,11 +10254,11 @@ var LineageViewTopBar = () => {
10145
10254
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Package", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(PackageSelectMenu, { isDisabled: isFilterDisabled }) }),
10146
10255
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Select", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(SelectFilter, { isDisabled: isFilterDisabled }) }),
10147
10256
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Exclude", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(ExcludeFilter, { isDisabled: isFilterDisabled }) }),
10148
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
10257
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
10149
10258
  isMultiSelect && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10150
10259
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { fontSize: "9pt", color: "text.secondary", children: selectedNodes.length > 1 ? `${selectedNodes.length} nodes selected` : `${selectedNodes.length} node selected` }) }),
10151
10260
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "", children: /* @__PURE__ */ jsxRuntime.jsx(
10152
- Button10__default.default,
10261
+ Button11__default.default,
10153
10262
  {
10154
10263
  variant: "outlined",
10155
10264
  color: "neutral",
@@ -10161,9 +10270,9 @@ var LineageViewTopBar = () => {
10161
10270
  children: "Deselect"
10162
10271
  }
10163
10272
  ) }),
10164
- isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "inline-flex" }, children: [
10273
+ isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "inline-flex" }, children: [
10165
10274
  /* @__PURE__ */ jsxRuntime.jsx(
10166
- Button10__default.default,
10275
+ Button11__default.default,
10167
10276
  {
10168
10277
  size: "xsmall",
10169
10278
  color: "neutral",
@@ -10200,9 +10309,9 @@ var LineageViewTopBar = () => {
10200
10309
  )
10201
10310
  ] }) })
10202
10311
  ] }),
10203
- !isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "inline-flex" }, children: [
10312
+ !isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "inline-flex" }, children: [
10204
10313
  /* @__PURE__ */ jsxRuntime.jsx(
10205
- Button10__default.default,
10314
+ Button11__default.default,
10206
10315
  {
10207
10316
  size: "xsmall",
10208
10317
  color: "neutral",
@@ -10324,7 +10433,7 @@ var DisableTooltipMessages = {
10324
10433
  };
10325
10434
  var RecceNotification = (props) => {
10326
10435
  return /* @__PURE__ */ jsxRuntime.jsxs(
10327
- Box34__default.default,
10436
+ Box35__default.default,
10328
10437
  {
10329
10438
  sx: {
10330
10439
  display: "flex",
@@ -10342,14 +10451,14 @@ var RecceNotification = (props) => {
10342
10451
  },
10343
10452
  children: [
10344
10453
  /* @__PURE__ */ jsxRuntime.jsx(
10345
- Box34__default.default,
10454
+ Box35__default.default,
10346
10455
  {
10347
10456
  component: fi.FiInfo,
10348
10457
  sx: { width: "20px", height: "20px", color: "primary.900" }
10349
10458
  }
10350
10459
  ),
10351
10460
  props.children,
10352
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
10461
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
10353
10462
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: props.onClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
10354
10463
  ]
10355
10464
  }
@@ -10449,7 +10558,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
10449
10558
  await handleViewCll(row.name);
10450
10559
  }
10451
10560
  };
10452
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10561
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10453
10562
  catalogMissingMessage ? /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
10454
10563
  rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
10455
10564
  ScreenshotDataGrid,
@@ -10575,7 +10684,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
10575
10684
  }
10576
10685
  await handleViewCll(row.name);
10577
10686
  };
10578
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10687
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10579
10688
  catalogMissingMessage ? /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
10580
10689
  rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
10581
10690
  ScreenshotDataGrid,
@@ -10672,6 +10781,7 @@ function CodeEditor({
10672
10781
  }
10673
10782
  );
10674
10783
  }
10784
+ var CodeEditor_default = CodeEditor;
10675
10785
  var getLanguageExtension2 = (language) => {
10676
10786
  switch (language) {
10677
10787
  case "sql":
@@ -10787,6 +10897,7 @@ function DiffEditor({
10787
10897
  }
10788
10898
  );
10789
10899
  }
10900
+ var DiffEditor_default = DiffEditor;
10790
10901
  var NodeSqlView = ({ node }) => {
10791
10902
  const [isOpen, setIsOpen] = React3.useState(false);
10792
10903
  const [isHovered, setIsHovered] = React3.useState(false);
@@ -10802,7 +10913,7 @@ var NodeSqlView = ({ node }) => {
10802
10913
  const modified = node.data.data.current?.raw_code;
10803
10914
  const modelName = node.data.data.base?.name ?? node.data.data.current?.name ?? "";
10804
10915
  return /* @__PURE__ */ jsxRuntime.jsxs(
10805
- Box34__default.default,
10916
+ Box35__default.default,
10806
10917
  {
10807
10918
  className: "no-track-pii-safe",
10808
10919
  sx: { position: "relative", height: "100%" },
@@ -10869,7 +10980,7 @@ var NodeSqlView = ({ node }) => {
10869
10980
  /* @__PURE__ */ jsxRuntime.jsx("code", { children: modelName }),
10870
10981
  "\xA0Model Code Diff"
10871
10982
  ] }),
10872
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
10983
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
10873
10984
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
10874
10985
  ] }),
10875
10986
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -10925,7 +11036,7 @@ function ReactionFeedback({
10925
11036
  externalLinkText
10926
11037
  }) {
10927
11038
  return /* @__PURE__ */ jsxRuntime.jsxs(
10928
- Box34__default.default,
11039
+ Box35__default.default,
10929
11040
  {
10930
11041
  sx: {
10931
11042
  display: "flex",
@@ -10942,7 +11053,7 @@ function ReactionFeedback({
10942
11053
  "aria-label": "thumbs up",
10943
11054
  onClick: onLike,
10944
11055
  sx: { width: "32px", height: "32px" },
10945
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
11056
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
10946
11057
  }
10947
11058
  ),
10948
11059
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -10952,7 +11063,7 @@ function ReactionFeedback({
10952
11063
  onClick: onDislike,
10953
11064
  sx: { width: "32px", height: "32px" },
10954
11065
  children: /* @__PURE__ */ jsxRuntime.jsx(
10955
- Box34__default.default,
11066
+ Box35__default.default,
10956
11067
  {
10957
11068
  component: "img",
10958
11069
  src: "/imgs/feedback/thumbs-down.png",
@@ -11088,6 +11199,246 @@ function extractSchemas(lineageGraph) {
11088
11199
  }
11089
11200
  return [baseSchemas, currentSchemas];
11090
11201
  }
11202
+ function buildEnvironmentTrackingData(envInfo, reviewMode, baseSchemas, currentSchemas) {
11203
+ const git = envInfo?.git;
11204
+ const pr = envInfo?.pullRequest;
11205
+ const dbtBase = envInfo?.dbt?.base;
11206
+ const dbtCurrent = envInfo?.dbt?.current;
11207
+ const trackingData = {
11208
+ review_mode: reviewMode || false,
11209
+ adapter_type: envInfo?.adapterType || null,
11210
+ has_git_info: !_3.isEmpty(git),
11211
+ has_pr_info: !_3.isEmpty(pr)
11212
+ };
11213
+ if (envInfo?.adapterType === "dbt") {
11214
+ trackingData.base = {
11215
+ schema_count: baseSchemas.size,
11216
+ dbt_version: dbtBase?.dbt_version || null,
11217
+ timestamp: dbtBase?.generated_at || null
11218
+ };
11219
+ trackingData.current = {
11220
+ schema_count: currentSchemas.size,
11221
+ dbt_version: dbtCurrent?.dbt_version || null,
11222
+ timestamp: dbtCurrent?.generated_at || null
11223
+ };
11224
+ trackingData.schemas_match = baseSchemas.size === currentSchemas.size && Array.from(baseSchemas).every((s) => currentSchemas.has(s));
11225
+ }
11226
+ if (envInfo?.adapterType === "sqlmesh") {
11227
+ trackingData.base = {
11228
+ has_env: !!envInfo.sqlmesh?.base_env
11229
+ };
11230
+ trackingData.current = {
11231
+ has_env: !!envInfo.sqlmesh?.current_env
11232
+ };
11233
+ }
11234
+ return trackingData;
11235
+ }
11236
+ function renderInfoEntries(info) {
11237
+ if (Object.values(info).every((value) => value === null)) {
11238
+ return [
11239
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { ml: "10px" }, children: "No information" }, "no info")
11240
+ ];
11241
+ }
11242
+ return Object.entries(info).filter(
11243
+ ([key, value]) => key !== "url" && value !== null && value !== void 0
11244
+ ).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginLeft: "10px" }, children: [
11245
+ key,
11246
+ ": ",
11247
+ value
11248
+ ] }, key));
11249
+ }
11250
+ function EnvInfo() {
11251
+ const { envInfo, reviewMode, lineageGraph } = useLineageGraphContext();
11252
+ const [open, setOpen] = React3.useState(false);
11253
+ const git = envInfo?.git;
11254
+ const pr = envInfo?.pullRequest;
11255
+ const reviewInfo = { ...git, ...pr };
11256
+ const dbtBase = envInfo?.dbt?.base;
11257
+ const dbtCurrent = envInfo?.dbt?.current;
11258
+ const baseTime = dbtBase?.generated_at ? formatTimestamp(dbtBase.generated_at) : "";
11259
+ const currentTime = dbtCurrent?.generated_at ? formatTimestamp(dbtCurrent.generated_at) : "";
11260
+ let baseRelativeTime = "";
11261
+ let currentRelativeTime = "";
11262
+ if (dbtBase) {
11263
+ baseRelativeTime = dbtBase.generated_at ? formatTimeToNow(dbtBase.generated_at) : "";
11264
+ }
11265
+ if (dbtCurrent) {
11266
+ currentRelativeTime = dbtCurrent.generated_at ? formatTimeToNow(dbtCurrent.generated_at) : "";
11267
+ }
11268
+ const [baseSchemas, currentSchemas] = extractSchemas(lineageGraph);
11269
+ const hasTrackedRef = React3.useRef(false);
11270
+ React3.useEffect(() => {
11271
+ if (!hasTrackedRef.current && envInfo) {
11272
+ hasTrackedRef.current = true;
11273
+ const trackingData = buildEnvironmentTrackingData(
11274
+ envInfo,
11275
+ reviewMode,
11276
+ baseSchemas,
11277
+ currentSchemas
11278
+ );
11279
+ trackEnvironmentConfig(trackingData);
11280
+ }
11281
+ }, [envInfo, reviewMode, baseSchemas, currentSchemas]);
11282
+ const handleOpen = () => setOpen(true);
11283
+ const handleClose = () => setOpen(false);
11284
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11285
+ /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Environment Info", placement: "bottom-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
11286
+ "div",
11287
+ {
11288
+ className: "flex items-center hover:cursor-pointer hover:text-black",
11289
+ onClick: handleOpen,
11290
+ children: [
11291
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden text-sm lg:flex lg:flex-col", children: [
11292
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
11293
+ /* @__PURE__ */ jsxRuntime.jsx(
11294
+ Typography28__default.default,
11295
+ {
11296
+ component: "span",
11297
+ sx: { color: "warning.main" },
11298
+ className: "no-track-pii-safe max-w-32 truncate",
11299
+ children: Array.from(baseSchemas).join(", ")
11300
+ }
11301
+ ),
11302
+ " ",
11303
+ "(",
11304
+ baseRelativeTime,
11305
+ ")"
11306
+ ] }),
11307
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
11308
+ /* @__PURE__ */ jsxRuntime.jsx(
11309
+ Typography28__default.default,
11310
+ {
11311
+ component: "span",
11312
+ sx: { color: "primary.main" },
11313
+ className: "no-track-pii-safe max-w-32 truncate",
11314
+ children: Array.from(currentSchemas).join(", ")
11315
+ }
11316
+ ),
11317
+ " ",
11318
+ "(",
11319
+ currentRelativeTime,
11320
+ ")"
11321
+ ] })
11322
+ ] }),
11323
+ /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", "aria-label": "Environment Info", children: /* @__PURE__ */ jsxRuntime.jsx(
11324
+ Box35__default.default,
11325
+ {
11326
+ component: IconInfo,
11327
+ sx: { fontSize: 16, verticalAlign: "middle" }
11328
+ }
11329
+ ) })
11330
+ ]
11331
+ }
11332
+ ) }),
11333
+ /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog2__default.default, { open, onClose: handleClose, maxWidth: "sm", fullWidth: true, children: [
11334
+ /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle3__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
11335
+ "Environment Information",
11336
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
11337
+ /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
11338
+ ] }),
11339
+ /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 1, children: [
11340
+ reviewMode ? /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
11341
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "Review Information" }),
11342
+ /* @__PURE__ */ jsxRuntime.jsxs("ul", { style: { margin: 0, paddingLeft: "20px" }, children: [
11343
+ reviewInfo.url && /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginLeft: "10px" }, children: [
11344
+ "url:",
11345
+ " ",
11346
+ /* @__PURE__ */ jsxRuntime.jsxs(
11347
+ Link__default.default,
11348
+ {
11349
+ href: reviewInfo.url,
11350
+ target: "_blank",
11351
+ sx: { color: "primary.main" },
11352
+ children: [
11353
+ reviewInfo.url,
11354
+ " ",
11355
+ /* @__PURE__ */ jsxRuntime.jsx(lu.LuExternalLink, {})
11356
+ ]
11357
+ }
11358
+ )
11359
+ ] }),
11360
+ !_3.isEmpty(reviewInfo) && renderInfoEntries(reviewInfo)
11361
+ ] })
11362
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
11363
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "Dev Information" }),
11364
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: "20px" }, children: git && renderInfoEntries(git) })
11365
+ ] }),
11366
+ /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
11367
+ envInfo?.adapterType === "dbt" && /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
11368
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "DBT" }),
11369
+ /* @__PURE__ */ jsxRuntime.jsx(
11370
+ TableContainer__default.default,
11371
+ {
11372
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
11373
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Table__default.default, { size: "small", stickyHeader: true, children: [
11374
+ /* @__PURE__ */ jsxRuntime.jsx(TableHead__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11375
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, {}),
11376
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "base" }),
11377
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "current" })
11378
+ ] }) }),
11379
+ /* @__PURE__ */ jsxRuntime.jsxs(TableBody__default.default, { children: [
11380
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11381
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "schema" }),
11382
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: Array.from(baseSchemas).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
11383
+ MuiTooltip__default.default,
11384
+ {
11385
+ title: item,
11386
+ placement: "bottom",
11387
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-72 truncate", children: item })
11388
+ },
11389
+ item
11390
+ )) }),
11391
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: Array.from(currentSchemas).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
11392
+ MuiTooltip__default.default,
11393
+ {
11394
+ title: item,
11395
+ placement: "bottom",
11396
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-72 truncate", children: item })
11397
+ },
11398
+ item
11399
+ )) })
11400
+ ] }),
11401
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11402
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "version" }),
11403
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: dbtBase?.dbt_version }),
11404
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: dbtCurrent?.dbt_version })
11405
+ ] }),
11406
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11407
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "timestamp" }),
11408
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: baseTime }),
11409
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: currentTime })
11410
+ ] })
11411
+ ] })
11412
+ ] })
11413
+ }
11414
+ )
11415
+ ] }),
11416
+ envInfo?.adapterType === "sqlmesh" && /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
11417
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "SQLMesh" }),
11418
+ /* @__PURE__ */ jsxRuntime.jsx(
11419
+ TableContainer__default.default,
11420
+ {
11421
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
11422
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Table__default.default, { stickyHeader: true, children: [
11423
+ /* @__PURE__ */ jsxRuntime.jsx(TableHead__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11424
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, {}),
11425
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "base" }),
11426
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "current" })
11427
+ ] }) }),
11428
+ /* @__PURE__ */ jsxRuntime.jsx(TableBody__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
11429
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "Environment" }),
11430
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.base_env }),
11431
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.current_env })
11432
+ ] }) })
11433
+ ] })
11434
+ }
11435
+ )
11436
+ ] })
11437
+ ] }) }),
11438
+ /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", onClick: handleClose, children: "Close" }) })
11439
+ ] })
11440
+ ] });
11441
+ }
11091
11442
  var DropdownValuesInput = (props) => {
11092
11443
  const { defaultValues, suggestionList, onValuesChange, className } = props;
11093
11444
  const [values, setValues] = React3.useState(defaultValues ?? []);
@@ -11158,7 +11509,7 @@ var DropdownValuesInput = (props) => {
11158
11509
  }
11159
11510
  };
11160
11511
  return /* @__PURE__ */ jsxRuntime.jsxs(
11161
- Box34__default.default,
11512
+ Box35__default.default,
11162
11513
  {
11163
11514
  sx: {
11164
11515
  display: "flex",
@@ -11168,7 +11519,7 @@ var DropdownValuesInput = (props) => {
11168
11519
  className,
11169
11520
  children: [
11170
11521
  /* @__PURE__ */ jsxRuntime.jsxs(
11171
- Button10__default.default,
11522
+ Button11__default.default,
11172
11523
  {
11173
11524
  variant: "outlined",
11174
11525
  color: "neutral",
@@ -11235,8 +11586,8 @@ var DropdownValuesInput = (props) => {
11235
11586
  }
11236
11587
  },
11237
11588
  children: [
11238
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
11239
- Box34__default.default,
11589
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
11590
+ Box35__default.default,
11240
11591
  {
11241
11592
  sx: {
11242
11593
  border: "1px solid",
@@ -11343,7 +11694,7 @@ var DropdownValuesInput = (props) => {
11343
11694
  {
11344
11695
  title: "Please use filter to find more items",
11345
11696
  placement: "top",
11346
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
11697
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
11347
11698
  "and ",
11348
11699
  filteredList.length - limit,
11349
11700
  " more items..."
@@ -11383,7 +11734,7 @@ var QueryForm = ({
11383
11734
  }
11384
11735
  return Array.from(columnSet).sort();
11385
11736
  }, [lineageGraph]);
11386
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
11737
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
11387
11738
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
11388
11739
  /* @__PURE__ */ jsxRuntime.jsx(
11389
11740
  Typography28__default.default,
@@ -11394,7 +11745,7 @@ var QueryForm = ({
11394
11745
  }
11395
11746
  ),
11396
11747
  /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: labelInfo, placement: "bottom-end", children: /* @__PURE__ */ jsxRuntime.jsx(
11397
- Box34__default.default,
11748
+ Box35__default.default,
11398
11749
  {
11399
11750
  component: "span",
11400
11751
  sx: { display: "flex", color: "grey.600", cursor: "help" },
@@ -11483,7 +11834,7 @@ function AuthModal({
11483
11834
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Your instance will be securely and freely hosted for sharing." }),
11484
11835
  variant === "auth" && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "This step is recommended but optional." })
11485
11836
  ] }),
11486
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1 }, children: [
11837
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1 }, children: [
11487
11838
  "More directions",
11488
11839
  /* @__PURE__ */ jsxRuntime.jsxs(
11489
11840
  Link__default.default,
@@ -11505,7 +11856,7 @@ function AuthModal({
11505
11856
  ] }),
11506
11857
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
11507
11858
  /* @__PURE__ */ jsxRuntime.jsxs(
11508
- Button10__default.default,
11859
+ Button11__default.default,
11509
11860
  {
11510
11861
  fullWidth: true,
11511
11862
  color: "brand",
@@ -11524,7 +11875,7 @@ function AuthModal({
11524
11875
  }
11525
11876
  ),
11526
11877
  /* @__PURE__ */ jsxRuntime.jsx(
11527
- Button10__default.default,
11878
+ Button11__default.default,
11528
11879
  {
11529
11880
  fullWidth: true,
11530
11881
  color: "neutral",
@@ -11536,7 +11887,7 @@ function AuthModal({
11536
11887
  }
11537
11888
  ),
11538
11889
  variant === "auth" && /* @__PURE__ */ jsxRuntime.jsx(
11539
- Button10__default.default,
11890
+ Button11__default.default,
11540
11891
  {
11541
11892
  fullWidth: true,
11542
11893
  variant: "text",
@@ -11556,7 +11907,7 @@ function AuthModal({
11556
11907
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11557
11908
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { className: "space-y-2 self-center font-light", children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", sx: { pt: "1rem" }, children: [
11558
11909
  /* @__PURE__ */ jsxRuntime.jsx(
11559
- Box34__default.default,
11910
+ Box35__default.default,
11560
11911
  {
11561
11912
  component: "img",
11562
11913
  sx: { height: "6rem", objectFit: "contain", mx: "auto", mb: 1 },
@@ -11568,7 +11919,7 @@ function AuthModal({
11568
11919
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Reload to complete connection to Recce Cloud" })
11569
11920
  ] }) }),
11570
11921
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
11571
- Button10__default.default,
11922
+ Button11__default.default,
11572
11923
  {
11573
11924
  fullWidth: true,
11574
11925
  color: "brand",
@@ -11708,9 +12059,9 @@ function SqlEditor({
11708
12059
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: timestamp }),
11709
12060
  ")"
11710
12061
  ] }),
11711
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
12062
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
11712
12063
  (onRun ?? onRunBase) && /* @__PURE__ */ jsxRuntime.jsx(
11713
- Button10__default.default,
12064
+ Button11__default.default,
11714
12065
  {
11715
12066
  size: "xsmall",
11716
12067
  variant: "outlined",
@@ -11865,7 +12216,7 @@ var RunStatusAndDate = ({ run }) => {
11865
12216
  }
11866
12217
  const dateTime = run.run_at ? formatRunDateTime(new Date(run.run_at)) : null;
11867
12218
  return /* @__PURE__ */ jsxRuntime.jsxs(
11868
- Box34__default.default,
12219
+ Box35__default.default,
11869
12220
  {
11870
12221
  sx: {
11871
12222
  display: "flex",
@@ -11903,61 +12254,6 @@ var RunStatusAndDate = ({ run }) => {
11903
12254
  }
11904
12255
  );
11905
12256
  };
11906
- var Fallback = (errorData) => {
11907
- return /* @__PURE__ */ jsxRuntime.jsx(
11908
- Box34__default.default,
11909
- {
11910
- sx: {
11911
- height: "100%",
11912
- bgcolor: "grey.50",
11913
- display: "flex",
11914
- alignItems: "center",
11915
- justifyContent: "center"
11916
- },
11917
- children: /* @__PURE__ */ jsxRuntime.jsxs(
11918
- Box34__default.default,
11919
- {
11920
- sx: {
11921
- p: 4,
11922
- display: "flex",
11923
- flexDirection: "column",
11924
- justifyContent: "flex-start",
11925
- bgcolor: "white",
11926
- border: "solid lightgray 1px",
11927
- minHeight: "200px"
11928
- },
11929
- children: [
11930
- /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
11931
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
11932
- /* @__PURE__ */ jsxRuntime.jsx(
11933
- Button10__default.default,
11934
- {
11935
- sx: {
11936
- justifySelf: "center",
11937
- alignSelf: "center",
11938
- mt: "20px"
11939
- },
11940
- color: "iochmara",
11941
- variant: "contained",
11942
- size: "small",
11943
- onClick: () => {
11944
- errorData.resetError();
11945
- },
11946
- children: "Reset"
11947
- }
11948
- )
11949
- ]
11950
- }
11951
- )
11952
- }
11953
- );
11954
- };
11955
- var ErrorBoundary = ({
11956
- children,
11957
- fallback = Fallback
11958
- }) => {
11959
- return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { fallback, children });
11960
- };
11961
12257
  var ResultErrorFallback = (errorData) => {
11962
12258
  return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "error", children: String(errorData.error) });
11963
12259
  };
@@ -11992,7 +12288,7 @@ var RunView = React3.forwardRef(
11992
12288
  }
11993
12289
  const progressValue = progress?.percentage != null ? progress.percentage * 100 : void 0;
11994
12290
  return /* @__PURE__ */ jsxRuntime.jsx(
11995
- Box34__default.default,
12291
+ Box35__default.default,
11996
12292
  {
11997
12293
  sx: {
11998
12294
  display: "flex",
@@ -12004,7 +12300,7 @@ var RunView = React3.forwardRef(
12004
12300
  },
12005
12301
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", children: [
12006
12302
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 1, children: [
12007
- progressValue == null ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 32 }) : /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { position: "relative", display: "inline-flex" }, children: [
12303
+ progressValue == null ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 32 }) : /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { position: "relative", display: "inline-flex" }, children: [
12008
12304
  /* @__PURE__ */ jsxRuntime.jsx(
12009
12305
  CircularProgress4__default.default,
12010
12306
  {
@@ -12014,7 +12310,7 @@ var RunView = React3.forwardRef(
12014
12310
  }
12015
12311
  ),
12016
12312
  /* @__PURE__ */ jsxRuntime.jsx(
12017
- Box34__default.default,
12313
+ Box35__default.default,
12018
12314
  {
12019
12315
  sx: {
12020
12316
  top: 0,
@@ -12040,14 +12336,14 @@ var RunView = React3.forwardRef(
12040
12336
  ] }),
12041
12337
  isAborting ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Aborting..." }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { className: "no-track-pii-safe", children: loadingMessage })
12042
12338
  ] }),
12043
- !isAborting && /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
12339
+ !isAborting && /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
12044
12340
  ] })
12045
12341
  }
12046
12342
  );
12047
12343
  }
12048
12344
  if (!run) {
12049
12345
  return /* @__PURE__ */ jsxRuntime.jsx(
12050
- Box34__default.default,
12346
+ Box35__default.default,
12051
12347
  {
12052
12348
  sx: {
12053
12349
  display: "flex",
@@ -12071,7 +12367,7 @@ var RunView = React3.forwardRef(
12071
12367
  );
12072
12368
  }
12073
12369
  return /* @__PURE__ */ jsxRuntime.jsxs(
12074
- Box34__default.default,
12370
+ Box35__default.default,
12075
12371
  {
12076
12372
  sx: {
12077
12373
  height: "100%",
@@ -12154,7 +12450,7 @@ var RunResultShareMenu = ({
12154
12450
  };
12155
12451
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
12156
12452
  /* @__PURE__ */ jsxRuntime.jsx(
12157
- Button10__default.default,
12453
+ Button11__default.default,
12158
12454
  {
12159
12455
  size: "small",
12160
12456
  variant: "outlined",
@@ -12244,10 +12540,10 @@ var PrivateLoadableRunView = ({
12244
12540
  const isQuery = run?.type === "query" || run?.type === "query_diff" || run?.type === "query_base";
12245
12541
  const { ref, onCopyToClipboard, onMouseEnter, onMouseLeave } = useCopyToClipboardButton();
12246
12542
  const disableCopyToClipboard = !runId || !run?.result || !!error || tabValue !== "result";
12247
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
12543
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
12248
12544
  showSingleEnvironmentSetupNotification && /* @__PURE__ */ jsxRuntime.jsx(SingleEnvironmentSetupNotification, { runType: run?.type }),
12249
12545
  /* @__PURE__ */ jsxRuntime.jsxs(
12250
- Box34__default.default,
12546
+ Box35__default.default,
12251
12547
  {
12252
12548
  sx: {
12253
12549
  display: "flex",
@@ -12269,7 +12565,7 @@ var PrivateLoadableRunView = ({
12269
12565
  ]
12270
12566
  }
12271
12567
  ),
12272
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
12568
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
12273
12569
  /* @__PURE__ */ jsxRuntime.jsxs(
12274
12570
  Stack24__default.default,
12275
12571
  {
@@ -12280,7 +12576,7 @@ var PrivateLoadableRunView = ({
12280
12576
  children: [
12281
12577
  run && /* @__PURE__ */ jsxRuntime.jsx(RunStatusAndDate, { run }),
12282
12578
  /* @__PURE__ */ jsxRuntime.jsx(
12283
- Button10__default.default,
12579
+ Button11__default.default,
12284
12580
  {
12285
12581
  variant: "outlined",
12286
12582
  color: "neutral",
@@ -12293,7 +12589,7 @@ var PrivateLoadableRunView = ({
12293
12589
  }
12294
12590
  ),
12295
12591
  featureToggles.disableShare ? /* @__PURE__ */ jsxRuntime.jsx(
12296
- Button10__default.default,
12592
+ Button11__default.default,
12297
12593
  {
12298
12594
  variant: "outlined",
12299
12595
  color: "neutral",
@@ -12417,7 +12713,7 @@ function AddToCheckButton({
12417
12713
  }
12418
12714
  if (run?.check_id) {
12419
12715
  return /* @__PURE__ */ jsxRuntime.jsx(
12420
- Button10__default.default,
12716
+ Button11__default.default,
12421
12717
  {
12422
12718
  disabled: !runId || !run.result || !!error,
12423
12719
  size: "small",
@@ -12430,7 +12726,7 @@ function AddToCheckButton({
12430
12726
  );
12431
12727
  }
12432
12728
  return /* @__PURE__ */ jsxRuntime.jsx(
12433
- Button10__default.default,
12729
+ Button11__default.default,
12434
12730
  {
12435
12731
  disabled: !runId || !run?.result || !!error,
12436
12732
  size: "small",
@@ -12464,7 +12760,7 @@ function SandboxTopBar({
12464
12760
  flex: "0 0 54px"
12465
12761
  },
12466
12762
  children: [
12467
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
12763
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
12468
12764
  /* @__PURE__ */ jsxRuntime.jsxs(
12469
12765
  Typography28__default.default,
12470
12766
  {
@@ -12472,7 +12768,7 @@ function SandboxTopBar({
12472
12768
  component: "h2",
12473
12769
  sx: { display: "flex", alignItems: "center", gap: "5px" },
12474
12770
  children: [
12475
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: ai.AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
12771
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: ai.AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
12476
12772
  "Sandbox"
12477
12773
  ]
12478
12774
  }
@@ -12483,7 +12779,7 @@ function SandboxTopBar({
12483
12779
  /* @__PURE__ */ jsxRuntime.jsx("b", { children: current?.name })
12484
12780
  ] })
12485
12781
  ] }),
12486
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
12782
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
12487
12783
  /* @__PURE__ */ jsxRuntime.jsx(
12488
12784
  QueryForm,
12489
12785
  {
@@ -12492,7 +12788,7 @@ function SandboxTopBar({
12492
12788
  }
12493
12789
  ),
12494
12790
  /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Run diff to see the changes", children: /* @__PURE__ */ jsxRuntime.jsx(
12495
- Button10__default.default,
12791
+ Button11__default.default,
12496
12792
  {
12497
12793
  size: "small",
12498
12794
  sx: { mt: "16px", fontSize: "14px" },
@@ -12690,7 +12986,7 @@ function SandboxView({ isOpen, onClose, current }) {
12690
12986
  },
12691
12987
  children: [
12692
12988
  /* @__PURE__ */ jsxRuntime.jsxs(
12693
- Box34__default.default,
12989
+ Box35__default.default,
12694
12990
  {
12695
12991
  sx: {
12696
12992
  height: "40px",
@@ -12709,7 +13005,7 @@ function SandboxView({ isOpen, onClose, current }) {
12709
13005
  sx: { height: "100%", gap: "10px" },
12710
13006
  children: [
12711
13007
  /* @__PURE__ */ jsxRuntime.jsx(
12712
- Box34__default.default,
13008
+ Box35__default.default,
12713
13009
  {
12714
13010
  component: "img",
12715
13011
  sx: { width: "20px", height: "20px", ml: "18px" },
@@ -12803,11 +13099,11 @@ function SandboxView({ isOpen, onClose, current }) {
12803
13099
  onClose: () => setIsRunResultOpen(false),
12804
13100
  disableAddToChecklist: true
12805
13101
  }
12806
- ) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, {})
13102
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, {})
12807
13103
  ]
12808
13104
  }
12809
13105
  ) }),
12810
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Give us feedback", children: /* @__PURE__ */ jsxRuntime.jsx(
13106
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Give us feedback", children: /* @__PURE__ */ jsxRuntime.jsx(
12811
13107
  IconButton2__default.default,
12812
13108
  {
12813
13109
  "aria-label": "feedback",
@@ -12869,7 +13165,7 @@ function NodeView({ node, onCloseNode }) {
12869
13165
  const baseColumns = Object.keys(node.data.data.base?.columns ?? {});
12870
13166
  const currentColumns = Object.keys(node.data.data.current?.columns ?? {});
12871
13167
  return /* @__PURE__ */ jsxRuntime.jsxs(
12872
- Box34__default.default,
13168
+ Box35__default.default,
12873
13169
  {
12874
13170
  sx: {
12875
13171
  height: "100%",
@@ -12878,7 +13174,7 @@ function NodeView({ node, onCloseNode }) {
12878
13174
  },
12879
13175
  children: [
12880
13176
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", children: [
12881
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13177
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
12882
13178
  Typography28__default.default,
12883
13179
  {
12884
13180
  variant: "subtitle1",
@@ -12887,7 +13183,7 @@ function NodeView({ node, onCloseNode }) {
12887
13183
  children: node.data.name
12888
13184
  }
12889
13185
  ) }),
12890
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
13186
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
12891
13187
  isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
12892
13188
  SingleEnvironmentMenuButton,
12893
13189
  {
@@ -12908,18 +13204,18 @@ function NodeView({ node, onCloseNode }) {
12908
13204
  onSandboxOpen: () => setIsSandboxOpen(true)
12909
13205
  }
12910
13206
  ),
12911
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) }) })
13207
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) }) })
12912
13208
  ] }),
12913
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, children: [
13209
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, children: [
12914
13210
  /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeTag, { node }),
12915
13211
  (node.data.resourceType === "model" || node.data.resourceType === "snapshot" || node.data.resourceType === "seed") && (isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(RowCountTag, { node, onRefresh: refetchRowCount }) : /* @__PURE__ */ jsxRuntime.jsx(RowCountDiffTag, { node, onRefresh: refetchRowCountDiff }))
12916
13212
  ] }) }),
12917
13213
  withColumns && /* @__PURE__ */ jsxRuntime.jsxs(
12918
- Box34__default.default,
13214
+ Box35__default.default,
12919
13215
  {
12920
13216
  sx: { overflow: "auto", display: "flex", flexDirection: "column" },
12921
13217
  children: [
12922
- isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13218
+ isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
12923
13219
  RecceNotification,
12924
13220
  {
12925
13221
  onClose: () => setIsNotificationOpen(false),
@@ -12943,15 +13239,15 @@ function NodeView({ node, onCloseNode }) {
12943
13239
  ]
12944
13240
  }
12945
13241
  ),
12946
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
12947
- /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsxRuntime.jsx(
13242
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
13243
+ /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsxRuntime.jsx(
12948
13244
  SchemaView,
12949
13245
  {
12950
13246
  base: node.data.data.base,
12951
13247
  current: node.data.data.current
12952
13248
  }
12953
13249
  ) }) }),
12954
- /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeSqlView, { node }) }) })
13250
+ /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeSqlView, { node }) }) })
12955
13251
  ] })
12956
13252
  ]
12957
13253
  }
@@ -13001,7 +13297,7 @@ from {{ ref("${node.data.name}") }}`;
13001
13297
  const ProfileIcon = findByRunType("profile").icon;
13002
13298
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13003
13299
  /* @__PURE__ */ jsxRuntime.jsx(
13004
- Button10__default.default,
13300
+ Button11__default.default,
13005
13301
  {
13006
13302
  size: "small",
13007
13303
  variant: "outlined",
@@ -13132,7 +13428,7 @@ from {{ ref("${node.data.name}") }}`;
13132
13428
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
13133
13429
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13134
13430
  /* @__PURE__ */ jsxRuntime.jsx(
13135
- Button10__default.default,
13431
+ Button11__default.default,
13136
13432
  {
13137
13433
  size: "xsmall",
13138
13434
  variant: "outlined",
@@ -13350,7 +13646,7 @@ function SetupConnectionBanner() {
13350
13646
  return null;
13351
13647
  }
13352
13648
  return /* @__PURE__ */ jsxRuntime.jsx(
13353
- Box34__default.default,
13649
+ Box35__default.default,
13354
13650
  {
13355
13651
  sx: {
13356
13652
  display: "flex",
@@ -13368,10 +13664,10 @@ function SetupConnectionBanner() {
13368
13664
  sx: { flex: 1, fontSize: "0.875rem", color: "cyan.600" },
13369
13665
  spacing: 1,
13370
13666
  children: [
13371
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiInfo }),
13667
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiInfo }),
13372
13668
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "inherit", color: "inherit" }, children: "Query functions disabled without a data warehouse connection." }),
13373
13669
  /* @__PURE__ */ jsxRuntime.jsx(
13374
- Button10__default.default,
13670
+ Button11__default.default,
13375
13671
  {
13376
13672
  sx: { bgcolor: "iochmara.400" },
13377
13673
  size: "small",
@@ -13411,7 +13707,7 @@ function BaseEnvironmentSetupGuide() {
13411
13707
  children: [
13412
13708
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 2, children: [
13413
13709
  /* @__PURE__ */ jsxRuntime.jsx(
13414
- Box34__default.default,
13710
+ Box35__default.default,
13415
13711
  {
13416
13712
  sx: {
13417
13713
  p: 1,
@@ -13423,7 +13719,7 @@ function BaseEnvironmentSetupGuide() {
13423
13719
  boxShadow: 2
13424
13720
  },
13425
13721
  children: /* @__PURE__ */ jsxRuntime.jsx(
13426
- Box34__default.default,
13722
+ Box35__default.default,
13427
13723
  {
13428
13724
  component: ri.RiTerminalBoxLine,
13429
13725
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -13454,7 +13750,7 @@ function BaseEnvironmentSetupGuide() {
13454
13750
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Take the next step toward better data impact assessment." })
13455
13751
  ] }),
13456
13752
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { width: "100%", mt: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13457
- Button10__default.default,
13753
+ Button11__default.default,
13458
13754
  {
13459
13755
  color: "iochmara",
13460
13756
  variant: "contained",
@@ -13477,7 +13773,7 @@ function BaseEnvironmentSetupGuide() {
13477
13773
  function BaseEnvironmentSetupNotification() {
13478
13774
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: "10px", alignItems: "flex-start", children: [
13479
13775
  /* @__PURE__ */ jsxRuntime.jsx(
13480
- Box34__default.default,
13776
+ Box35__default.default,
13481
13777
  {
13482
13778
  component: ri.RiMindMap,
13483
13779
  sx: { color: "iochmara.main", fontSize: 20 }
@@ -13827,14 +14123,14 @@ function useValueDiffAlertDialog() {
13827
14123
  children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
13828
14124
  }
13829
14125
  ),
13830
- /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
14126
+ /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
13831
14127
  "Value diff will be executed on ",
13832
14128
  nodeCount,
13833
14129
  " nodes in the Lineage, which can add extra costs to your bill."
13834
14130
  ] }) }) }),
13835
14131
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 0.5 }, children: [
13836
14132
  /* @__PURE__ */ jsxRuntime.jsx(
13837
- Button10__default.default,
14133
+ Button11__default.default,
13838
14134
  {
13839
14135
  ref: cancelRef,
13840
14136
  onClick: handleCancel,
@@ -13844,7 +14140,7 @@ function useValueDiffAlertDialog() {
13844
14140
  }
13845
14141
  ),
13846
14142
  /* @__PURE__ */ jsxRuntime.jsx(
13847
- Button10__default.default,
14143
+ Button11__default.default,
13848
14144
  {
13849
14145
  color: "iochmara",
13850
14146
  variant: "contained",
@@ -14645,7 +14941,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14645
14941
  };
14646
14942
  if (isLoading) {
14647
14943
  return /* @__PURE__ */ jsxRuntime.jsx(
14648
- Box34__default.default,
14944
+ Box35__default.default,
14649
14945
  {
14650
14946
  sx: {
14651
14947
  width: "100%",
@@ -14660,7 +14956,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14660
14956
  }
14661
14957
  if (error) {
14662
14958
  return /* @__PURE__ */ jsxRuntime.jsx(
14663
- Box34__default.default,
14959
+ Box35__default.default,
14664
14960
  {
14665
14961
  sx: {
14666
14962
  height: "100%",
@@ -14669,14 +14965,14 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14669
14965
  justifyContent: "center"
14670
14966
  },
14671
14967
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 1, children: [
14672
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
14673
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
14968
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
14969
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
14674
14970
  "[Reason: ",
14675
14971
  error,
14676
14972
  "]"
14677
14973
  ] }),
14678
14974
  /* @__PURE__ */ jsxRuntime.jsx(
14679
- Button10__default.default,
14975
+ Button11__default.default,
14680
14976
  {
14681
14977
  color: "iochmara",
14682
14978
  variant: "contained",
@@ -14697,7 +14993,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14697
14993
  }
14698
14994
  if (viewMode === "changed_models" && !lineageGraph.modifiedSet.length) {
14699
14995
  return /* @__PURE__ */ jsxRuntime.jsx(
14700
- Box34__default.default,
14996
+ Box35__default.default,
14701
14997
  {
14702
14998
  sx: {
14703
14999
  height: "100%",
@@ -14708,7 +15004,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14708
15004
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 1, children: [
14709
15005
  /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "No change detected" }),
14710
15006
  /* @__PURE__ */ jsxRuntime.jsx(
14711
- Button10__default.default,
15007
+ Button11__default.default,
14712
15008
  {
14713
15009
  color: "iochmara",
14714
15010
  variant: "contained",
@@ -14798,7 +15094,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14798
15094
  from: "lineage_view"
14799
15095
  });
14800
15096
  },
14801
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: fi.FiCopy })
15097
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: fi.FiCopy })
14802
15098
  }
14803
15099
  )
14804
15100
  }
@@ -14856,7 +15152,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14856
15152
  ]
14857
15153
  }
14858
15154
  ),
14859
- focusedNode ? /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, {})
15155
+ focusedNode ? /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, {})
14860
15156
  ]
14861
15157
  }
14862
15158
  ),
@@ -14877,7 +15173,7 @@ function SetupConnectionGuide() {
14877
15173
  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "w-4/5 flex flex-col overflow-y-auto gap-6 px-8 pb-8", children: [
14878
15174
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 2, children: [
14879
15175
  /* @__PURE__ */ jsxRuntime.jsx(
14880
- Box34__default.default,
15176
+ Box35__default.default,
14881
15177
  {
14882
15178
  sx: {
14883
15179
  p: 1,
@@ -14889,7 +15185,7 @@ function SetupConnectionGuide() {
14889
15185
  boxShadow: 2
14890
15186
  },
14891
15187
  children: /* @__PURE__ */ jsxRuntime.jsx(
14892
- Box34__default.default,
15188
+ Box35__default.default,
14893
15189
  {
14894
15190
  component: ri.RiTerminalBoxLine,
14895
15191
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -14905,7 +15201,7 @@ function SetupConnectionGuide() {
14905
15201
  ] })
14906
15202
  ] }),
14907
15203
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { width: "50%", mt: 3, mx: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
14908
- Button10__default.default,
15204
+ Button11__default.default,
14909
15205
  {
14910
15206
  color: "iochmara",
14911
15207
  variant: "contained",
@@ -14925,7 +15221,7 @@ var QueryModeToggle = () => {
14925
15221
  setCustomQueries(!isCustomQueries);
14926
15222
  };
14927
15223
  const customQueriesDescription = "Custom queries allow you to use two SQL queries to compare results between current and base environments.";
14928
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
15224
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
14929
15225
  /* @__PURE__ */ jsxRuntime.jsxs(
14930
15226
  Stack24__default.default,
14931
15227
  {
@@ -14935,7 +15231,7 @@ var QueryModeToggle = () => {
14935
15231
  fontSize: "0.75rem",
14936
15232
  children: [
14937
15233
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { fontSize: "0.75rem" }, children: "Custom Queries" }),
14938
- /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: customQueriesDescription, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiInfoFill, { fontSize: "1rem" }) }) })
15234
+ /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: customQueriesDescription, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsxRuntime.jsx(pi.PiInfoFill, { fontSize: "1rem" }) }) })
14939
15235
  ]
14940
15236
  }
14941
15237
  ),
@@ -15019,9 +15315,9 @@ ${sqlQuery}`;
15019
15315
  }, initialValue);
15020
15316
  }, [lineageGraph]);
15021
15317
  if (singleEnv || featureToggles.mode === "metadata only") {
15022
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15318
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15023
15319
  /* @__PURE__ */ jsxRuntime.jsxs(
15024
- Box34__default.default,
15320
+ Box35__default.default,
15025
15321
  {
15026
15322
  sx: {
15027
15323
  display: "flex",
@@ -15034,14 +15330,14 @@ ${sqlQuery}`;
15034
15330
  },
15035
15331
  children: [
15036
15332
  /* @__PURE__ */ jsxRuntime.jsx(HistoryToggle, {}),
15037
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
15333
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
15038
15334
  singleEnv ? /* @__PURE__ */ jsxRuntime.jsx(
15039
15335
  MuiTooltip__default.default,
15040
15336
  {
15041
15337
  title: "Please configure the base environment before running the diff",
15042
15338
  placement: "left",
15043
15339
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
15044
- Button10__default.default,
15340
+ Button11__default.default,
15045
15341
  {
15046
15342
  variant: "contained",
15047
15343
  disabled: true,
@@ -15056,7 +15352,7 @@ ${sqlQuery}`;
15056
15352
  {
15057
15353
  display: featureToggles.mode === "metadata only",
15058
15354
  children: /* @__PURE__ */ jsxRuntime.jsx(
15059
- Button10__default.default,
15355
+ Button11__default.default,
15060
15356
  {
15061
15357
  variant: "contained",
15062
15358
  disabled: true,
@@ -15084,9 +15380,9 @@ ${sqlQuery}`;
15084
15380
  )
15085
15381
  ] });
15086
15382
  }
15087
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15383
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15088
15384
  /* @__PURE__ */ jsxRuntime.jsxs(
15089
- Box34__default.default,
15385
+ Box35__default.default,
15090
15386
  {
15091
15387
  sx: {
15092
15388
  display: "flex",
@@ -15101,7 +15397,7 @@ ${sqlQuery}`;
15101
15397
  children: [
15102
15398
  /* @__PURE__ */ jsxRuntime.jsx(HistoryToggle, {}),
15103
15399
  /* @__PURE__ */ jsxRuntime.jsx(QueryModeToggle, {}),
15104
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
15400
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
15105
15401
  /* @__PURE__ */ jsxRuntime.jsx(
15106
15402
  QueryForm,
15107
15403
  {
@@ -15110,7 +15406,7 @@ ${sqlQuery}`;
15110
15406
  }
15111
15407
  ),
15112
15408
  /* @__PURE__ */ jsxRuntime.jsx(
15113
- Button10__default.default,
15409
+ Button11__default.default,
15114
15410
  {
15115
15411
  variant: "contained",
15116
15412
  onClick: () => {
@@ -15124,7 +15420,7 @@ ${sqlQuery}`;
15124
15420
  ]
15125
15421
  }
15126
15422
  ),
15127
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsxRuntime.jsx(
15423
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsxRuntime.jsx(
15128
15424
  DualSqlEditor,
15129
15425
  {
15130
15426
  value: sqlQuery,
@@ -15202,7 +15498,7 @@ var ChecklistItem = ({
15202
15498
  const isMarkAsApprovedDisabled = isDisabledByNoResult(check.type, run) || featureToggles.disableUpdateChecklist;
15203
15499
  const isNoResult = isDisabledByNoResult(check.type, run);
15204
15500
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
15205
- Box34__default.default,
15501
+ Box35__default.default,
15206
15502
  {
15207
15503
  sx: {
15208
15504
  width: "100%",
@@ -15222,9 +15518,9 @@ var ChecklistItem = ({
15222
15518
  onSelect(check.check_id);
15223
15519
  },
15224
15520
  children: [
15225
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { fontSize: 20 } }),
15521
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { fontSize: 20 } }),
15226
15522
  /* @__PURE__ */ jsxRuntime.jsx(
15227
- Box34__default.default,
15523
+ Box35__default.default,
15228
15524
  {
15229
15525
  sx: {
15230
15526
  flex: 1,
@@ -15242,7 +15538,7 @@ var ChecklistItem = ({
15242
15538
  title: isNoResult ? "Run the check first" : "Click to mark as approved",
15243
15539
  placement: "top",
15244
15540
  arrow: true,
15245
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
15541
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
15246
15542
  Checkbox4__default.default,
15247
15543
  {
15248
15544
  checked: check.is_checked,
@@ -15353,7 +15649,7 @@ var CheckList = ({
15353
15649
  };
15354
15650
  }
15355
15651
  return /* @__PURE__ */ jsxRuntime.jsx(
15356
- Box34__default.default,
15652
+ Box35__default.default,
15357
15653
  {
15358
15654
  ref: provided2.innerRef,
15359
15655
  ...provided2.draggableProps,
@@ -15383,7 +15679,7 @@ var CheckList = ({
15383
15679
  /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog2__default.default, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
15384
15680
  /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle3__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
15385
15681
  "Mark as Approved?",
15386
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
15682
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
15387
15683
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
15388
15684
  ] }),
15389
15685
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
@@ -15408,9 +15704,9 @@ var CheckList = ({
15408
15704
  ] }),
15409
15705
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
15410
15706
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 0 }, children: [
15411
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
15707
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
15412
15708
  /* @__PURE__ */ jsxRuntime.jsx(
15413
- Button10__default.default,
15709
+ Button11__default.default,
15414
15710
  {
15415
15711
  color: "iochmara",
15416
15712
  variant: "contained",
@@ -15561,7 +15857,7 @@ function CommentInput({
15561
15857
  handleSubmit();
15562
15858
  }
15563
15859
  };
15564
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
15860
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
15565
15861
  /* @__PURE__ */ jsxRuntime.jsx(
15566
15862
  TextField__default.default,
15567
15863
  {
@@ -15589,7 +15885,7 @@ function CommentInput({
15589
15885
  }
15590
15886
  ),
15591
15887
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
15592
- Button10__default.default,
15888
+ Button11__default.default,
15593
15889
  {
15594
15890
  size: "small",
15595
15891
  color: "iochmara",
@@ -15641,7 +15937,7 @@ function ExternalLinkConfirmDialog({
15641
15937
  id: "external-link-dialog-title",
15642
15938
  sx: { display: "flex", alignItems: "center", gap: 1 },
15643
15939
  children: [
15644
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
15940
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
15645
15941
  "External Link"
15646
15942
  ]
15647
15943
  }
@@ -15663,7 +15959,7 @@ function ExternalLinkConfirmDialog({
15663
15959
  /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { children: [
15664
15960
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { mb: 1.5 }, children: "This link will take you to an external website outside of Recce. Are you sure you want to continue?" }),
15665
15961
  /* @__PURE__ */ jsxRuntime.jsx(
15666
- Box34__default.default,
15962
+ Box35__default.default,
15667
15963
  {
15668
15964
  sx: {
15669
15965
  bgcolor: "grey.50",
@@ -15673,7 +15969,7 @@ function ExternalLinkConfirmDialog({
15673
15969
  borderColor: "grey.200"
15674
15970
  },
15675
15971
  children: /* @__PURE__ */ jsxRuntime.jsx(
15676
- Box34__default.default,
15972
+ Box35__default.default,
15677
15973
  {
15678
15974
  component: "code",
15679
15975
  sx: {
@@ -15690,8 +15986,8 @@ function ExternalLinkConfirmDialog({
15690
15986
  )
15691
15987
  ] }),
15692
15988
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 1 }, children: [
15693
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
15694
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
15989
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
15990
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
15695
15991
  ] })
15696
15992
  ]
15697
15993
  }
@@ -15778,7 +16074,7 @@ function CodeBlock({
15778
16074
  const isInline = !match && !String(children).includes("\n");
15779
16075
  if (isInline) {
15780
16076
  return /* @__PURE__ */ jsxRuntime.jsx(
15781
- Box34__default.default,
16077
+ Box35__default.default,
15782
16078
  {
15783
16079
  component: "code",
15784
16080
  sx: {
@@ -15794,7 +16090,7 @@ function CodeBlock({
15794
16090
  );
15795
16091
  }
15796
16092
  return /* @__PURE__ */ jsxRuntime.jsx(
15797
- Box34__default.default,
16093
+ Box35__default.default,
15798
16094
  {
15799
16095
  sx: { my: 2, borderRadius: 1, overflow: "hidden", fontSize: "0.875rem" },
15800
16096
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -15857,12 +16153,12 @@ function MarkdownContent({
15857
16153
  ),
15858
16154
  h3: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "1rem", fontWeight: 600, mb: 2, mt: 2 }, children }),
15859
16155
  // Lists
15860
- ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
15861
- ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
15862
- li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "li", sx: { fontSize, mb: 1 }, children }),
16156
+ ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
16157
+ ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
16158
+ li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "li", sx: { fontSize, mb: 1 }, children }),
15863
16159
  // Blockquotes
15864
16160
  blockquote: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
15865
- Box34__default.default,
16161
+ Box35__default.default,
15866
16162
  {
15867
16163
  sx: {
15868
16164
  borderLeft: "3px solid",
@@ -15877,8 +16173,8 @@ function MarkdownContent({
15877
16173
  }
15878
16174
  ),
15879
16175
  // Tables
15880
- table: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
15881
- Box34__default.default,
16176
+ table: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
16177
+ Box35__default.default,
15882
16178
  {
15883
16179
  component: "table",
15884
16180
  sx: {
@@ -15891,10 +16187,10 @@ function MarkdownContent({
15891
16187
  children
15892
16188
  }
15893
16189
  ) }),
15894
- thead: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
15895
- tbody: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "tbody", children }),
16190
+ thead: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
16191
+ tbody: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "tbody", children }),
15896
16192
  tr: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
15897
- Box34__default.default,
16193
+ Box35__default.default,
15898
16194
  {
15899
16195
  component: "tr",
15900
16196
  sx: { borderBottom: "1px solid", borderColor: "grey.200" },
@@ -15902,16 +16198,16 @@ function MarkdownContent({
15902
16198
  }
15903
16199
  ),
15904
16200
  th: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
15905
- Box34__default.default,
16201
+ Box35__default.default,
15906
16202
  {
15907
16203
  component: "th",
15908
16204
  sx: { px: 2, py: 1, fontWeight: 600, textAlign: "left" },
15909
16205
  children
15910
16206
  }
15911
16207
  ),
15912
- td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "td", sx: { px: 2, py: 1 }, children }),
16208
+ td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "td", sx: { px: 2, py: 1 }, children }),
15913
16209
  // Horizontal rule
15914
- hr: () => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
16210
+ hr: () => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
15915
16211
  // Strong/Bold
15916
16212
  strong: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { component: "strong", sx: { fontWeight: 600 }, children }),
15917
16213
  // Emphasis/Italic
@@ -15926,7 +16222,7 @@ function MarkdownContent({
15926
16222
  }
15927
16223
  )
15928
16224
  };
15929
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { className: "markdown-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins: [remarkGfm__default.default], components, children: content }) });
16225
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { className: "markdown-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins: [remarkGfm__default.default], components, children: content }) });
15930
16226
  }
15931
16227
  function EventIcon({ event }) {
15932
16228
  const iconType = getEventIconType(event);
@@ -15948,7 +16244,7 @@ function EventIcon({ event }) {
15948
16244
  };
15949
16245
  const IconComponent = iconMap[iconType];
15950
16246
  const color = colorMap[iconType];
15951
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: IconComponent, sx: { color, fontSize: 16 } });
16247
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: IconComponent, sx: { color, fontSize: 16 } });
15952
16248
  }
15953
16249
  function UserAvatar({ event }) {
15954
16250
  const { actor } = event;
@@ -15998,9 +16294,9 @@ function StateChangeEvent({ event }) {
15998
16294
  default:
15999
16295
  message = "made a change";
16000
16296
  }
16001
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16002
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16003
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
16297
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16298
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16299
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
16004
16300
  Stack24__default.default,
16005
16301
  {
16006
16302
  direction: "row",
@@ -16087,14 +16383,14 @@ function CommentEvent({
16087
16383
  }
16088
16384
  };
16089
16385
  if (event.is_deleted) {
16090
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
16091
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16092
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
16386
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
16387
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16388
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
16093
16389
  ] });
16094
16390
  }
16095
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16096
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16097
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { flex: 1 }, children: [
16391
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16392
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
16393
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { flex: 1 }, children: [
16098
16394
  /* @__PURE__ */ jsxRuntime.jsxs(
16099
16395
  Stack24__default.default,
16100
16396
  {
@@ -16127,7 +16423,7 @@ function CommentEvent({
16127
16423
  ),
16128
16424
  isEditing ? (
16129
16425
  // Edit mode
16130
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
16426
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
16131
16427
  /* @__PURE__ */ jsxRuntime.jsx(
16132
16428
  TextField__default.default,
16133
16429
  {
@@ -16159,7 +16455,7 @@ function CommentEvent({
16159
16455
  justifyContent: "flex-end",
16160
16456
  children: [
16161
16457
  /* @__PURE__ */ jsxRuntime.jsx(
16162
- Button10__default.default,
16458
+ Button11__default.default,
16163
16459
  {
16164
16460
  size: "small",
16165
16461
  variant: "text",
@@ -16169,7 +16465,7 @@ function CommentEvent({
16169
16465
  }
16170
16466
  ),
16171
16467
  /* @__PURE__ */ jsxRuntime.jsx(
16172
- Button10__default.default,
16468
+ Button11__default.default,
16173
16469
  {
16174
16470
  size: "small",
16175
16471
  variant: "contained",
@@ -16185,7 +16481,7 @@ function CommentEvent({
16185
16481
  ) : (
16186
16482
  // View mode
16187
16483
  /* @__PURE__ */ jsxRuntime.jsxs(
16188
- Box34__default.default,
16484
+ Box35__default.default,
16189
16485
  {
16190
16486
  sx: {
16191
16487
  bgcolor: "grey.50",
@@ -16248,7 +16544,7 @@ function CommentEvent({
16248
16544
  vertical: "top",
16249
16545
  horizontal: "center"
16250
16546
  },
16251
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { p: 2 }, children: [
16547
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { p: 2 }, children: [
16252
16548
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 2 }, children: "Delete this comment?" }),
16253
16549
  /* @__PURE__ */ jsxRuntime.jsxs(
16254
16550
  Stack24__default.default,
@@ -16258,7 +16554,7 @@ function CommentEvent({
16258
16554
  justifyContent: "flex-end",
16259
16555
  children: [
16260
16556
  /* @__PURE__ */ jsxRuntime.jsx(
16261
- Button10__default.default,
16557
+ Button11__default.default,
16262
16558
  {
16263
16559
  size: "small",
16264
16560
  variant: "text",
@@ -16268,7 +16564,7 @@ function CommentEvent({
16268
16564
  }
16269
16565
  ),
16270
16566
  /* @__PURE__ */ jsxRuntime.jsx(
16271
- Button10__default.default,
16567
+ Button11__default.default,
16272
16568
  {
16273
16569
  size: "small",
16274
16570
  variant: "contained",
@@ -16340,7 +16636,7 @@ function CheckTimeline({ checkId }) {
16340
16636
  };
16341
16637
  if (isLoading) {
16342
16638
  return /* @__PURE__ */ jsxRuntime.jsx(
16343
- Box34__default.default,
16639
+ Box35__default.default,
16344
16640
  {
16345
16641
  sx: {
16346
16642
  height: "100%",
@@ -16355,7 +16651,7 @@ function CheckTimeline({ checkId }) {
16355
16651
  }
16356
16652
  if (error) {
16357
16653
  return /* @__PURE__ */ jsxRuntime.jsx(
16358
- Box34__default.default,
16654
+ Box35__default.default,
16359
16655
  {
16360
16656
  sx: {
16361
16657
  height: "100%",
@@ -16380,7 +16676,7 @@ function CheckTimeline({ checkId }) {
16380
16676
  spacing: 0,
16381
16677
  children: [
16382
16678
  /* @__PURE__ */ jsxRuntime.jsx(
16383
- Box34__default.default,
16679
+ Box35__default.default,
16384
16680
  {
16385
16681
  sx: {
16386
16682
  px: 3,
@@ -16391,7 +16687,7 @@ function CheckTimeline({ checkId }) {
16391
16687
  children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "subtitle2", sx: { fontWeight: 500 }, children: "Activity" })
16392
16688
  }
16393
16689
  ),
16394
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
16690
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
16395
16691
  /* @__PURE__ */ jsxRuntime.jsx(
16396
16692
  TimelineEvent,
16397
16693
  {
@@ -16404,7 +16700,7 @@ function CheckTimeline({ checkId }) {
16404
16700
  index < events.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, { sx: { borderColor: "grey.100" } })
16405
16701
  ] }, event.id)) }) }),
16406
16702
  /* @__PURE__ */ jsxRuntime.jsx(
16407
- Box34__default.default,
16703
+ Box35__default.default,
16408
16704
  {
16409
16705
  sx: {
16410
16706
  px: 3,
@@ -16480,7 +16776,7 @@ function CheckBreadcrumb({ name, setName }) {
16480
16776
  overflow: "hidden"
16481
16777
  },
16482
16778
  className: "no-track-pii-safe",
16483
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
16779
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
16484
16780
  TextField__default.default,
16485
16781
  {
16486
16782
  inputRef: editInputRef,
@@ -16492,7 +16788,7 @@ function CheckBreadcrumb({ name, setName }) {
16492
16788
  variant: "outlined"
16493
16789
  }
16494
16790
  ) : /* @__PURE__ */ jsxRuntime.jsx(
16495
- Box34__default.default,
16791
+ Box35__default.default,
16496
16792
  {
16497
16793
  sx: {
16498
16794
  flex: "0 1 auto",
@@ -16584,7 +16880,7 @@ function CheckDescription({ value, onChange }) {
16584
16880
  }
16585
16881
  ),
16586
16882
  /* @__PURE__ */ jsxRuntime.jsx(
16587
- Button10__default.default,
16883
+ Button11__default.default,
16588
16884
  {
16589
16885
  sx: { mt: "8px" },
16590
16886
  size: "small",
@@ -16641,7 +16937,7 @@ function _LineageDiffView({ check }, ref) {
16641
16937
  ...check.params,
16642
16938
  ...check.view_options
16643
16939
  };
16644
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
16940
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
16645
16941
  }
16646
16942
  var LineageDiffView = React3.forwardRef(
16647
16943
  _LineageDiffView
@@ -16698,7 +16994,7 @@ var NodelistItem = ({
16698
16994
  statusColor = getIconForChangeStatus("removed").color;
16699
16995
  }
16700
16996
  return /* @__PURE__ */ jsxRuntime.jsx(ListItem__default.default, { disablePadding: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
16701
- Box34__default.default,
16997
+ Box35__default.default,
16702
16998
  {
16703
16999
  sx: {
16704
17000
  display: "flex",
@@ -16715,9 +17011,9 @@ var NodelistItem = ({
16715
17011
  onSelect(node.id);
16716
17012
  },
16717
17013
  children: [
16718
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon }),
17014
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon }),
16719
17015
  /* @__PURE__ */ jsxRuntime.jsx(
16720
- Box34__default.default,
17016
+ Box35__default.default,
16721
17017
  {
16722
17018
  sx: {
16723
17019
  flex: 1,
@@ -16728,7 +17024,7 @@ var NodelistItem = ({
16728
17024
  children: node.data.name
16729
17025
  }
16730
17026
  ),
16731
- statusIcon && statusColor && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: statusIcon, sx: { color: statusColor } })
17027
+ statusIcon && statusColor && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: statusIcon, sx: { color: statusColor } })
16732
17028
  ]
16733
17029
  }
16734
17030
  ) });
@@ -16810,7 +17106,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16810
17106
  const [selected, setSelected] = React3.useState(0);
16811
17107
  if (isLoading) {
16812
17108
  return /* @__PURE__ */ jsxRuntime.jsx(
16813
- Box34__default.default,
17109
+ Box35__default.default,
16814
17110
  {
16815
17111
  sx: {
16816
17112
  display: "flex",
@@ -16824,7 +17120,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16824
17120
  );
16825
17121
  } else if (error) {
16826
17122
  return /* @__PURE__ */ jsxRuntime.jsxs(
16827
- Box34__default.default,
17123
+ Box35__default.default,
16828
17124
  {
16829
17125
  sx: {
16830
17126
  display: "flex",
@@ -16842,7 +17138,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16842
17138
  );
16843
17139
  } else if (nodes.length == 0) {
16844
17140
  return /* @__PURE__ */ jsxRuntime.jsx(
16845
- Box34__default.default,
17141
+ Box35__default.default,
16846
17142
  {
16847
17143
  sx: {
16848
17144
  display: "flex",
@@ -17032,7 +17328,7 @@ function CheckDetail({
17032
17328
  });
17033
17329
  if (isLoading) {
17034
17330
  return /* @__PURE__ */ jsxRuntime.jsx(
17035
- Box34__default.default,
17331
+ Box35__default.default,
17036
17332
  {
17037
17333
  sx: {
17038
17334
  display: "flex",
@@ -17046,7 +17342,7 @@ function CheckDetail({
17046
17342
  }
17047
17343
  if (error) {
17048
17344
  return /* @__PURE__ */ jsxRuntime.jsxs(
17049
- Box34__default.default,
17345
+ Box35__default.default,
17050
17346
  {
17051
17347
  sx: {
17052
17348
  display: "flex",
@@ -17069,12 +17365,12 @@ function CheckDetail({
17069
17365
  sizes: [30, 70],
17070
17366
  style: { height: "100%", width: "100%", maxHeight: "100%" },
17071
17367
  children: /* @__PURE__ */ jsxRuntime.jsx(
17072
- Box34__default.default,
17368
+ Box35__default.default,
17073
17369
  {
17074
17370
  style: { contain: "strict" },
17075
17371
  sx: { display: "flex", flexDirection: "column" },
17076
17372
  children: /* @__PURE__ */ jsxRuntime.jsx(
17077
- Box34__default.default,
17373
+ Box35__default.default,
17078
17374
  {
17079
17375
  sx: {
17080
17376
  display: "flex",
@@ -17117,7 +17413,7 @@ function CheckDetail({
17117
17413
  style: { height: "100%", width: "100%", maxHeight: "100%" },
17118
17414
  children: [
17119
17415
  /* @__PURE__ */ jsxRuntime.jsx(
17120
- Box34__default.default,
17416
+ Box35__default.default,
17121
17417
  {
17122
17418
  sx: {
17123
17419
  height: "100%",
@@ -17126,7 +17422,7 @@ function CheckDetail({
17126
17422
  flexDirection: "row"
17127
17423
  },
17128
17424
  children: /* @__PURE__ */ jsxRuntime.jsxs(
17129
- Box34__default.default,
17425
+ Box35__default.default,
17130
17426
  {
17131
17427
  sx: {
17132
17428
  flex: 1,
@@ -17138,7 +17434,7 @@ function CheckDetail({
17138
17434
  },
17139
17435
  children: [
17140
17436
  /* @__PURE__ */ jsxRuntime.jsxs(
17141
- Box34__default.default,
17437
+ Box35__default.default,
17142
17438
  {
17143
17439
  sx: {
17144
17440
  display: "flex",
@@ -17150,7 +17446,7 @@ function CheckDetail({
17150
17446
  },
17151
17447
  children: [
17152
17448
  checkTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(
17153
- Box34__default.default,
17449
+ Box35__default.default,
17154
17450
  {
17155
17451
  component: checkTypeIcon,
17156
17452
  sx: { fontSize: 20, mr: 1, flexShrink: 0 }
@@ -17165,10 +17461,10 @@ function CheckDetail({
17165
17461
  }
17166
17462
  }
17167
17463
  ),
17168
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
17464
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
17169
17465
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 2, sx: { mr: "10px" }, children: [
17170
17466
  relativeTime && /* @__PURE__ */ jsxRuntime.jsx(
17171
- Box34__default.default,
17467
+ Box35__default.default,
17172
17468
  {
17173
17469
  sx: {
17174
17470
  textOverflow: "ellipsis",
@@ -17182,7 +17478,7 @@ function CheckDetail({
17182
17478
  }
17183
17479
  ),
17184
17480
  isPresetCheck && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "This is a preset check", children: /* @__PURE__ */ jsxRuntime.jsx(
17185
- Box34__default.default,
17481
+ Box35__default.default,
17186
17482
  {
17187
17483
  display: "flex",
17188
17484
  alignItems: "center",
@@ -17269,7 +17565,7 @@ function CheckDetail({
17269
17565
  title: isDisabledByNoResult(check.type, run) ? "Run the check first" : check.is_checked ? "Remove approval" : "Mark as approved",
17270
17566
  placement: "bottom-end",
17271
17567
  children: /* @__PURE__ */ jsxRuntime.jsx(
17272
- Button10__default.default,
17568
+ Button11__default.default,
17273
17569
  {
17274
17570
  size: "small",
17275
17571
  color: check.is_checked ? "success" : "neutral",
@@ -17289,7 +17585,7 @@ function CheckDetail({
17289
17585
  ]
17290
17586
  }
17291
17587
  ),
17292
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
17588
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
17293
17589
  CheckDescription,
17294
17590
  {
17295
17591
  value: check.description,
@@ -17302,8 +17598,8 @@ function CheckDetail({
17302
17598
  )
17303
17599
  }
17304
17600
  ),
17305
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
17306
- Box34__default.default,
17601
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
17602
+ Box35__default.default,
17307
17603
  {
17308
17604
  sx: {
17309
17605
  height: "100%",
@@ -17312,7 +17608,7 @@ function CheckDetail({
17312
17608
  },
17313
17609
  children: [
17314
17610
  /* @__PURE__ */ jsxRuntime.jsxs(
17315
- Box34__default.default,
17611
+ Box35__default.default,
17316
17612
  {
17317
17613
  sx: {
17318
17614
  display: "flex",
@@ -17347,10 +17643,10 @@ function CheckDetail({
17347
17643
  ]
17348
17644
  }
17349
17645
  ),
17350
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
17646
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
17351
17647
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, sx: { mr: "10px" }, children: [
17352
17648
  RunResultView && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Rerun", children: /* @__PURE__ */ jsxRuntime.jsx(
17353
- Button10__default.default,
17649
+ Button11__default.default,
17354
17650
  {
17355
17651
  variant: "outlined",
17356
17652
  color: "neutral",
@@ -17363,7 +17659,7 @@ function CheckDetail({
17363
17659
  }
17364
17660
  ) }),
17365
17661
  /* @__PURE__ */ jsxRuntime.jsx(
17366
- Button10__default.default,
17662
+ Button11__default.default,
17367
17663
  {
17368
17664
  variant: "outlined",
17369
17665
  color: "neutral",
@@ -17388,8 +17684,8 @@ function CheckDetail({
17388
17684
  ]
17389
17685
  }
17390
17686
  ),
17391
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { flex: 1, contain: "strict" }, children: [
17392
- tabValue === "result" && /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { width: "100%", height: "100%" }, children: [
17687
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { flex: 1, contain: "strict" }, children: [
17688
+ tabValue === "result" && /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { width: "100%", height: "100%" }, children: [
17393
17689
  RunResultView && (check.last_run || trackedRunId ? /* @__PURE__ */ jsxRuntime.jsx(
17394
17690
  RunView,
17395
17691
  {
@@ -17406,7 +17702,7 @@ function CheckDetail({
17406
17702
  onExecuteRun: handleRerun
17407
17703
  }
17408
17704
  ) : /* @__PURE__ */ jsxRuntime.jsx(
17409
- Box34__default.default,
17705
+ Box35__default.default,
17410
17706
  {
17411
17707
  sx: {
17412
17708
  display: "flex",
@@ -17416,13 +17712,13 @@ function CheckDetail({
17416
17712
  height: "100%"
17417
17713
  },
17418
17714
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", children: [
17419
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
17715
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
17420
17716
  /* @__PURE__ */ jsxRuntime.jsx(
17421
17717
  SetupConnectionPopover,
17422
17718
  {
17423
17719
  display: featureToggles.mode === "metadata only",
17424
17720
  children: /* @__PURE__ */ jsxRuntime.jsx(
17425
- Button10__default.default,
17721
+ Button11__default.default,
17426
17722
  {
17427
17723
  onClick: handleRerun,
17428
17724
  variant: "contained",
@@ -17453,7 +17749,7 @@ function CheckDetail({
17453
17749
  check.check_id
17454
17750
  )
17455
17751
  ] }),
17456
- tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsxRuntime.jsx(
17752
+ tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsxRuntime.jsx(
17457
17753
  DualSqlEditor,
17458
17754
  {
17459
17755
  value: check.params.sql_template || "",
@@ -17504,7 +17800,7 @@ function CheckDetail({
17504
17800
  "the following template and paste it into the",
17505
17801
  " ",
17506
17802
  /* @__PURE__ */ jsxRuntime.jsx(
17507
- Box34__default.default,
17803
+ Box35__default.default,
17508
17804
  {
17509
17805
  component: "span",
17510
17806
  sx: { px: 0.5, bgcolor: "error.light", borderRadius: 0.5 },
@@ -17564,6 +17860,69 @@ ${buildQuery(check)}`;
17564
17860
  }
17565
17861
  return buildDescription(check);
17566
17862
  }
17863
+ var CheckEmptyState = () => {
17864
+ const queryClient = reactQuery.useQueryClient();
17865
+ const [, setLocation] = useAppLocation();
17866
+ const { mutate: createSchemaCheck, isPending } = reactQuery.useMutation({
17867
+ mutationFn: () => createSchemaDiffCheck({ select: "state:modified" }),
17868
+ onSuccess: async (check) => {
17869
+ await queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
17870
+ setLocation(`/checks/?id=${check.check_id}`);
17871
+ }
17872
+ });
17873
+ const handleCreateSchemaCheck = () => {
17874
+ createSchemaCheck();
17875
+ };
17876
+ return /* @__PURE__ */ jsxRuntime.jsx(
17877
+ Box35__default.default,
17878
+ {
17879
+ sx: {
17880
+ height: "100%",
17881
+ width: "100%",
17882
+ display: "flex",
17883
+ alignItems: "center",
17884
+ justifyContent: "center"
17885
+ },
17886
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
17887
+ Stack24__default.default,
17888
+ {
17889
+ spacing: 3,
17890
+ sx: { textAlign: "center", maxWidth: "400px", alignItems: "center" },
17891
+ children: [
17892
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: tb.TbChecklist, sx: { fontSize: 64, color: "grey.400" } }),
17893
+ /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 1, children: [
17894
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { color: "grey.600" }, children: "No checks yet" }),
17895
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { color: "grey.500" }, children: "Checks help you validate data quality and catch issues." })
17896
+ ] }),
17897
+ /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 1.5, sx: { width: "100%" }, children: [
17898
+ /* @__PURE__ */ jsxRuntime.jsx(
17899
+ Typography28__default.default,
17900
+ {
17901
+ sx: { fontSize: "0.875rem", color: "grey.600", fontWeight: 500 },
17902
+ children: "Get started with your first check:"
17903
+ }
17904
+ ),
17905
+ /* @__PURE__ */ jsxRuntime.jsx(
17906
+ Button11__default.default,
17907
+ {
17908
+ color: "iochmara",
17909
+ variant: "contained",
17910
+ onClick: handleCreateSchemaCheck,
17911
+ disabled: isPending,
17912
+ size: "large",
17913
+ fullWidth: true,
17914
+ startIcon: /* @__PURE__ */ jsxRuntime.jsx(tb.TbPlus, {}),
17915
+ children: "Create Schema Diff Check"
17916
+ }
17917
+ ),
17918
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { 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." })
17919
+ ] })
17920
+ ]
17921
+ }
17922
+ )
17923
+ }
17924
+ );
17925
+ };
17567
17926
  var RunPage = ({ runId }) => {
17568
17927
  const { error, data: run } = reactQuery.useQuery({
17569
17928
  queryKey: cacheKeys.run(runId),
@@ -17595,7 +17954,7 @@ var RunListItem = ({
17595
17954
  const checkId = run.check_id;
17596
17955
  const hideAddToChecklist = featureToggles.disableUpdateChecklist;
17597
17956
  return /* @__PURE__ */ jsxRuntime.jsxs(
17598
- Box34__default.default,
17957
+ Box35__default.default,
17599
17958
  {
17600
17959
  sx: {
17601
17960
  minWidth: "200px",
@@ -17615,7 +17974,7 @@ var RunListItem = ({
17615
17974
  },
17616
17975
  children: [
17617
17976
  /* @__PURE__ */ jsxRuntime.jsxs(
17618
- Box34__default.default,
17977
+ Box35__default.default,
17619
17978
  {
17620
17979
  sx: { display: "flex", alignItems: "center", gap: "12px" },
17621
17980
  onClick: () => {
@@ -17624,7 +17983,7 @@ var RunListItem = ({
17624
17983
  children: [
17625
17984
  /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {}),
17626
17985
  /* @__PURE__ */ jsxRuntime.jsx(
17627
- Box34__default.default,
17986
+ Box35__default.default,
17628
17987
  {
17629
17988
  className: "no-track-pii-safe",
17630
17989
  sx: {
@@ -17669,7 +18028,7 @@ var RunListItem = ({
17669
18028
  }
17670
18029
  ),
17671
18030
  /* @__PURE__ */ jsxRuntime.jsx(
17672
- Box34__default.default,
18031
+ Box35__default.default,
17673
18032
  {
17674
18033
  sx: {
17675
18034
  display: "flex",
@@ -17689,7 +18048,7 @@ var RunListItem = ({
17689
18048
  var DateSegmentItem = ({ runAt }) => {
17690
18049
  const dateTime = runAt ? formatRunDate(new Date(runAt)) : null;
17691
18050
  return /* @__PURE__ */ jsxRuntime.jsx(
17692
- Box34__default.default,
18051
+ Box35__default.default,
17693
18052
  {
17694
18053
  sx: {
17695
18054
  minWidth: "200px",
@@ -17712,7 +18071,7 @@ var RunList = () => {
17712
18071
  },
17713
18072
  retry: false
17714
18073
  });
17715
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
18074
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
17716
18075
  /* @__PURE__ */ jsxRuntime.jsxs(
17717
18076
  Stack24__default.default,
17718
18077
  {
@@ -17726,7 +18085,7 @@ var RunList = () => {
17726
18085
  },
17727
18086
  children: [
17728
18087
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", children: "History" }),
17729
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
18088
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
17730
18089
  /* @__PURE__ */ jsxRuntime.jsx(
17731
18090
  IconButton2__default.default,
17732
18091
  {
@@ -17741,8 +18100,8 @@ var RunList = () => {
17741
18100
  ]
17742
18101
  }
17743
18102
  ),
17744
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
17745
- Box34__default.default,
18103
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
18104
+ Box35__default.default,
17746
18105
  {
17747
18106
  sx: {
17748
18107
  display: "flex",
@@ -17846,8 +18205,8 @@ function SummaryText({
17846
18205
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "stretch", children: [
17847
18206
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { sx: { fontSize: "0.875rem", color: "grey.600" }, children: [
17848
18207
  name,
17849
- tip && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsxRuntime.jsx(
17850
- Box34__default.default,
18208
+ tip && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsxRuntime.jsx(
18209
+ Box35__default.default,
17851
18210
  {
17852
18211
  component: fi.FiInfo,
17853
18212
  sx: { mx: "2px", fontSize: 12, verticalAlign: "middle" }
@@ -17871,7 +18230,7 @@ function ChangeStatusCountLabel({
17871
18230
  alignItems: "center",
17872
18231
  sx: { fontSize: "0.875rem", color: "grey.600" },
17873
18232
  children: [
17874
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
18233
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
17875
18234
  label
17876
18235
  ]
17877
18236
  }
@@ -18006,7 +18365,7 @@ function SchemaDiffCard({ node, ...props }) {
18006
18365
  ] })
18007
18366
  }
18008
18367
  ),
18009
- /* @__PURE__ */ jsxRuntime.jsx(CardContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
18368
+ /* @__PURE__ */ jsxRuntime.jsx(CardContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
18010
18369
  SchemaView,
18011
18370
  {
18012
18371
  base: node.data.data.base,
@@ -18039,7 +18398,7 @@ function SchemaSummary({ lineageGraph }) {
18039
18398
  }, [lineageGraph]);
18040
18399
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
18041
18400
  /* @__PURE__ */ jsxRuntime.jsx(
18042
- Box34__default.default,
18401
+ Box35__default.default,
18043
18402
  {
18044
18403
  sx: {
18045
18404
  width: "100%",
@@ -18050,8 +18409,8 @@ function SchemaSummary({ lineageGraph }) {
18050
18409
  children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { fontSize: 24 }, children: "Schema Summary" })
18051
18410
  }
18052
18411
  ),
18053
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsxRuntime.jsx(
18054
- Box34__default.default,
18412
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsxRuntime.jsx(
18413
+ Box35__default.default,
18055
18414
  {
18056
18415
  sx: {
18057
18416
  display: "grid",
@@ -18078,7 +18437,7 @@ function SchemaSummary({ lineageGraph }) {
18078
18437
  function SummaryView() {
18079
18438
  const { lineageGraph } = useLineageGraphContext();
18080
18439
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { sx: { width: "100%", minHeight: "650px" }, children: [
18081
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
18440
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
18082
18441
  lineageGraph && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
18083
18442
  /* @__PURE__ */ jsxRuntime.jsx(ChangeSummary, { lineageGraph }),
18084
18443
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
@@ -18086,14 +18445,48 @@ function SummaryView() {
18086
18445
  ] })
18087
18446
  ] }) });
18088
18447
  }
18448
+ var WARNING_THRESHOLD_SECONDS = 60;
18449
+ function IdleTimeoutBadge() {
18450
+ const { remainingSeconds, isEnabled } = useIdleTimeout();
18451
+ if (!isEnabled || remainingSeconds === null) {
18452
+ return null;
18453
+ }
18454
+ if (remainingSeconds > WARNING_THRESHOLD_SECONDS) {
18455
+ return null;
18456
+ }
18457
+ return /* @__PURE__ */ jsxRuntime.jsxs(
18458
+ Badge__default.default,
18459
+ {
18460
+ color: "warning",
18461
+ variant: "standard",
18462
+ sx: {
18463
+ display: "flex",
18464
+ alignItems: "center",
18465
+ gap: 1,
18466
+ fontSize: "0.75rem",
18467
+ mr: 2
18468
+ },
18469
+ children: [
18470
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: io5.IoWarning, sx: { display: "inline-flex" } }),
18471
+ "Idle timeout: ",
18472
+ formatDuration(remainingSeconds, "compact")
18473
+ ]
18474
+ }
18475
+ );
18476
+ }
18089
18477
 
18090
18478
  exports.ChangeSummary = ChangeSummary;
18091
18479
  exports.CheckBreadcrumb = CheckBreadcrumb;
18092
18480
  exports.CheckDescription = CheckDescription;
18093
18481
  exports.CheckDetail = CheckDetail;
18482
+ exports.CheckEmptyState = CheckEmptyState;
18094
18483
  exports.CheckList = CheckList;
18484
+ exports.CodeEditor = CodeEditor_default;
18095
18485
  exports.ColumnNameCell = ColumnNameCell;
18486
+ exports.DiffEditor = DiffEditor_default;
18096
18487
  exports.DiffText = DiffText;
18488
+ exports.EnvInfo = EnvInfo;
18489
+ exports.ErrorBoundary = ErrorBoundary;
18097
18490
  exports.GraphColumnNode = GraphColumnNode;
18098
18491
  exports.GraphEdge = GraphEdge;
18099
18492
  exports.GraphNode = GraphNode;
@@ -18108,6 +18501,7 @@ exports.IconImport = IconImport;
18108
18501
  exports.IconInfo = IconInfo;
18109
18502
  exports.IconSave = IconSave;
18110
18503
  exports.IconSync = IconSync;
18504
+ exports.IdleTimeoutBadge = IdleTimeoutBadge;
18111
18505
  exports.LineageDiffView = LineageDiffView;
18112
18506
  exports.LineagePage = LineagePage;
18113
18507
  exports.LineageView = LineageView;
@@ -18130,6 +18524,7 @@ exports.RowCountDiffTag = RowCountDiffTag;
18130
18524
  exports.RunList = RunList;
18131
18525
  exports.RunModal = RunModal;
18132
18526
  exports.RunPage = RunPage;
18527
+ exports.RunResultPane = RunResultPane;
18133
18528
  exports.RunStatusAndDate = RunStatusAndDate;
18134
18529
  exports.RunToolbar = RunToolbar;
18135
18530
  exports.RunView = RunView;
@@ -18138,6 +18533,8 @@ exports.SchemaSummary = SchemaSummary;
18138
18533
  exports.SchemaView = SchemaView;
18139
18534
  exports.ScreenshotBox = ScreenshotBox;
18140
18535
  exports.ScreenshotDataGrid = ScreenshotDataGrid;
18536
+ exports.SetupConnectionBanner = SetupConnectionBanner;
18537
+ exports.SetupConnectionGuide = SetupConnectionGuide;
18141
18538
  exports.SqlEditor = SqlEditor_default;
18142
18539
  exports.SquareIcon = SquareIcon;
18143
18540
  exports.SummaryView = SummaryView;
@@ -18147,7 +18544,9 @@ exports.TopKDiffForm = TopKDiffForm;
18147
18544
  exports.TopKDiffResultView = TopKDiffResultView;
18148
18545
  exports.TopKSummaryList = TopKSummaryList;
18149
18546
  exports.VSplit = VSplit;
18547
+ exports.ValueDiffDetailResultView = ValueDiffDetailResultView;
18150
18548
  exports.ValueDiffForm = ValueDiffForm;
18549
+ exports.ValueDiffResultView = ValueDiffResultView;
18151
18550
  exports.useLineageViewContext = useLineageViewContext;
18152
18551
  exports.useToaster = useToaster;
18153
18552
  //# sourceMappingURL=components.js.map