@datarecce/ui 0.1.11 → 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 +1 -1
package/dist/index.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');
@@ -62,8 +65,6 @@ var ButtonGroup = require('@mui/material/ButtonGroup');
62
65
  var dateFns = require('date-fns');
63
66
  var saveAs = require('file-saver');
64
67
  var htmlToImage = require('html-to-image');
65
- var ReactSplit = require('react-split');
66
- require('./styles-PJUYW64Y.css');
67
68
  var fa = require('react-icons/fa');
68
69
  var fa6 = require('react-icons/fa6');
69
70
  var Chip2 = require('@mui/material/Chip');
@@ -85,16 +86,15 @@ var codemirrorThemeGithub = require('@uiw/codemirror-theme-github');
85
86
  var CodeMirror = require('@uiw/react-codemirror');
86
87
  var merge = require('@codemirror/merge');
87
88
  var ai = require('react-icons/ai');
88
- require('@mui/material/Table');
89
- require('@mui/material/TableBody');
90
- require('@mui/material/TableCell');
91
- require('@mui/material/TableContainer');
92
- require('@mui/material/TableHead');
93
- require('@mui/material/TableRow');
89
+ var Table = require('@mui/material/Table');
90
+ var TableBody = require('@mui/material/TableBody');
91
+ var TableCell = require('@mui/material/TableCell');
92
+ var TableContainer = require('@mui/material/TableContainer');
93
+ var TableHead = require('@mui/material/TableHead');
94
+ var TableRow = require('@mui/material/TableRow');
94
95
  var InputBase = require('@mui/material/InputBase');
95
96
  var YAML = require('yaml');
96
97
  var Cookies = require('js-cookie');
97
- var react = require('@sentry/react');
98
98
  var List = require('@mui/material/List');
99
99
  var ListItem = require('@mui/material/ListItem');
100
100
  var MuiSwitch = require('@mui/material/Switch');
@@ -113,6 +113,7 @@ require('simplebar/dist/simplebar.min.css');
113
113
  var Card = require('@mui/material/Card');
114
114
  var CardContent = require('@mui/material/CardContent');
115
115
  var CardHeader = require('@mui/material/CardHeader');
116
+ var Badge = require('@mui/material/Badge');
116
117
 
117
118
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
118
119
 
@@ -123,8 +124,9 @@ var CircularProgress4__default = /*#__PURE__*/_interopDefault(CircularProgress4)
123
124
  var Snackbar__default = /*#__PURE__*/_interopDefault(Snackbar);
124
125
  var Stack24__default = /*#__PURE__*/_interopDefault(Stack24);
125
126
  var Typography28__default = /*#__PURE__*/_interopDefault(Typography28);
126
- var Box34__default = /*#__PURE__*/_interopDefault(Box34);
127
- var Button10__default = /*#__PURE__*/_interopDefault(Button10);
127
+ var Box35__default = /*#__PURE__*/_interopDefault(Box35);
128
+ var Button11__default = /*#__PURE__*/_interopDefault(Button11);
129
+ var ReactSplit__default = /*#__PURE__*/_interopDefault(ReactSplit);
128
130
  var Divider__default = /*#__PURE__*/_interopDefault(Divider);
129
131
  var dagre__default = /*#__PURE__*/_interopDefault(dagre);
130
132
  var axios__default = /*#__PURE__*/_interopDefault(axios);
@@ -152,7 +154,6 @@ var MuiTooltip__default = /*#__PURE__*/_interopDefault(MuiTooltip);
152
154
  var ListSubheader3__default = /*#__PURE__*/_interopDefault(ListSubheader3);
153
155
  var ButtonGroup__default = /*#__PURE__*/_interopDefault(ButtonGroup);
154
156
  var saveAs__default = /*#__PURE__*/_interopDefault(saveAs);
155
- var ReactSplit__default = /*#__PURE__*/_interopDefault(ReactSplit);
156
157
  var Chip2__default = /*#__PURE__*/_interopDefault(Chip2);
157
158
  var Skeleton__default = /*#__PURE__*/_interopDefault(Skeleton);
158
159
  var ListItemIcon3__default = /*#__PURE__*/_interopDefault(ListItemIcon3);
@@ -162,6 +163,12 @@ var RadioGroup__default = /*#__PURE__*/_interopDefault(RadioGroup);
162
163
  var Tab__default = /*#__PURE__*/_interopDefault(Tab);
163
164
  var Tabs__default = /*#__PURE__*/_interopDefault(Tabs);
164
165
  var CodeMirror__default = /*#__PURE__*/_interopDefault(CodeMirror);
166
+ var Table__default = /*#__PURE__*/_interopDefault(Table);
167
+ var TableBody__default = /*#__PURE__*/_interopDefault(TableBody);
168
+ var TableCell__default = /*#__PURE__*/_interopDefault(TableCell);
169
+ var TableContainer__default = /*#__PURE__*/_interopDefault(TableContainer);
170
+ var TableHead__default = /*#__PURE__*/_interopDefault(TableHead);
171
+ var TableRow__default = /*#__PURE__*/_interopDefault(TableRow);
165
172
  var InputBase__default = /*#__PURE__*/_interopDefault(InputBase);
166
173
  var YAML__default = /*#__PURE__*/_interopDefault(YAML);
167
174
  var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
@@ -177,6 +184,7 @@ var SimpleBar__default = /*#__PURE__*/_interopDefault(SimpleBar);
177
184
  var Card__default = /*#__PURE__*/_interopDefault(Card);
178
185
  var CardContent__default = /*#__PURE__*/_interopDefault(CardContent);
179
186
  var CardHeader__default = /*#__PURE__*/_interopDefault(CardHeader);
187
+ var Badge__default = /*#__PURE__*/_interopDefault(Badge);
180
188
 
181
189
  var colors = {
182
190
  iochmara: {
@@ -1188,6 +1196,123 @@ function Toaster() {
1188
1196
  toast.id
1189
1197
  )) });
1190
1198
  }
1199
+ var Fallback = (errorData) => {
1200
+ return /* @__PURE__ */ jsxRuntime.jsx(
1201
+ Box35__default.default,
1202
+ {
1203
+ sx: {
1204
+ height: "100%",
1205
+ bgcolor: "grey.50",
1206
+ display: "flex",
1207
+ alignItems: "center",
1208
+ justifyContent: "center"
1209
+ },
1210
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1211
+ Box35__default.default,
1212
+ {
1213
+ sx: {
1214
+ p: 4,
1215
+ display: "flex",
1216
+ flexDirection: "column",
1217
+ justifyContent: "flex-start",
1218
+ bgcolor: "white",
1219
+ border: "solid lightgray 1px",
1220
+ minHeight: "200px"
1221
+ },
1222
+ children: [
1223
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
1224
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
1225
+ /* @__PURE__ */ jsxRuntime.jsx(
1226
+ Button11__default.default,
1227
+ {
1228
+ sx: {
1229
+ justifySelf: "center",
1230
+ alignSelf: "center",
1231
+ mt: "20px"
1232
+ },
1233
+ color: "iochmara",
1234
+ variant: "contained",
1235
+ size: "small",
1236
+ onClick: () => {
1237
+ errorData.resetError();
1238
+ },
1239
+ children: "Reset"
1240
+ }
1241
+ )
1242
+ ]
1243
+ }
1244
+ )
1245
+ }
1246
+ );
1247
+ };
1248
+ var ErrorBoundary = ({
1249
+ children,
1250
+ fallback = Fallback
1251
+ }) => {
1252
+ return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { fallback, children });
1253
+ };
1254
+ var HSplit = (props) => {
1255
+ const { style, children, gutterSize = 5, ...rest } = props;
1256
+ return /* @__PURE__ */ jsxRuntime.jsx(
1257
+ ReactSplit__default.default,
1258
+ {
1259
+ style: {
1260
+ display: "flex",
1261
+ flexDirection: "row",
1262
+ ...style
1263
+ },
1264
+ direction: "horizontal",
1265
+ gutterSize,
1266
+ ...rest,
1267
+ children
1268
+ }
1269
+ );
1270
+ };
1271
+ var VSplit = (props) => {
1272
+ const { style, children, gutterSize = 5, ...rest } = props;
1273
+ return /* @__PURE__ */ jsxRuntime.jsx(
1274
+ ReactSplit__default.default,
1275
+ {
1276
+ style: {
1277
+ display: "flex",
1278
+ flexDirection: "column",
1279
+ ...style
1280
+ },
1281
+ gutterSize,
1282
+ direction: "vertical",
1283
+ ...rest,
1284
+ children
1285
+ }
1286
+ );
1287
+ };
1288
+ var ScreenshotBox = React12.forwardRef(
1289
+ ({
1290
+ backgroundColor = "white",
1291
+ blockSize,
1292
+ children,
1293
+ ...restProps
1294
+ }, ref) => {
1295
+ return /* @__PURE__ */ jsxRuntime.jsx(
1296
+ Box35__default.default,
1297
+ {
1298
+ ref,
1299
+ ...restProps,
1300
+ sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
1301
+ children: /* @__PURE__ */ jsxRuntime.jsx(
1302
+ Box35__default.default,
1303
+ {
1304
+ sx: {
1305
+ backgroundColor,
1306
+ height: "100%",
1307
+ blockSize
1308
+ },
1309
+ children
1310
+ }
1311
+ )
1312
+ }
1313
+ );
1314
+ }
1315
+ );
1191
1316
 
1192
1317
  // recce-source/js/src/components/lineage/graph.ts
1193
1318
  function getNeighborSet(nodeIds, getNeighbors, degree = 1e3) {
@@ -1644,6 +1769,9 @@ function trackCopyToClipboard(props) {
1644
1769
  function trackLineageViewRender(props) {
1645
1770
  track("[Web] lineage_view_render", props);
1646
1771
  }
1772
+ function trackEnvironmentConfig(props) {
1773
+ track("[Web] environment_config", props);
1774
+ }
1647
1775
  var EXPLORE_ACTION = {
1648
1776
  ROW_COUNT: "row_count",
1649
1777
  ROW_COUNT_DIFF: "row_count_diff",
@@ -1773,7 +1901,7 @@ function ServerDisconnectedModalContent({
1773
1901
  " and was automatically stopped. Please restart the Recce server to continue."
1774
1902
  ] }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "The server connection has been lost. Please restart the Recce server and try again." }) }),
1775
1903
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
1776
- Button10__default.default,
1904
+ Button11__default.default,
1777
1905
  {
1778
1906
  color: "iochmara",
1779
1907
  variant: "contained",
@@ -1807,8 +1935,8 @@ function RecceInstanceDisconnectedModalContent({
1807
1935
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1808
1936
  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: content.title }),
1809
1937
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: content.body }) }),
1810
- /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: mode === "read only" ? /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { href: content.link, passHref: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", children: content.action }) }) : /* @__PURE__ */ jsxRuntime.jsx(
1811
- Button10__default.default,
1938
+ /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: mode === "read only" ? /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { href: content.link, passHref: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", variant: "contained", children: content.action }) }) : /* @__PURE__ */ jsxRuntime.jsx(
1939
+ Button11__default.default,
1812
1940
  {
1813
1941
  color: "iochmara",
1814
1942
  variant: "contained",
@@ -2597,7 +2725,7 @@ function LineageGraphContextProvider({ children }) {
2597
2725
  ),
2598
2726
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Please restart the Recce server." }) }),
2599
2727
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
2600
- Button10__default.default,
2728
+ Button11__default.default,
2601
2729
  {
2602
2730
  color: "iochmara",
2603
2731
  variant: "contained",
@@ -2819,7 +2947,7 @@ var RunModal = ({
2819
2947
  onMouseEnter: (e) => setAnchorEl(e.currentTarget),
2820
2948
  onMouseLeave: () => setAnchorEl(null),
2821
2949
  onClick: () => window.open(documentationUrl, "_blank"),
2822
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: IconInfo, sx: { fontSize: "16px" } })
2950
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: IconInfo, sx: { fontSize: "16px" } })
2823
2951
  }
2824
2952
  ),
2825
2953
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -2889,7 +3017,7 @@ var RunModal = ({
2889
3017
  borderTop: "1px solid lightgray",
2890
3018
  borderBottom: "1px solid lightgray"
2891
3019
  },
2892
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsxRuntime.jsx(
3020
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsxRuntime.jsx(
2893
3021
  RunForm,
2894
3022
  {
2895
3023
  params,
@@ -2900,7 +3028,7 @@ var RunModal = ({
2900
3028
  }
2901
3029
  ),
2902
3030
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(
2903
- Button10__default.default,
3031
+ Button11__default.default,
2904
3032
  {
2905
3033
  disabled: !isReadyToExecute,
2906
3034
  color: "iochmara",
@@ -3087,12 +3215,12 @@ function HistogramDiffForm({
3087
3215
  (c) => !isStringDataType(c.type) && !isBooleanDataType(c.type) && !isDateTimeType(c.type)
3088
3216
  );
3089
3217
  if (isLoading) {
3090
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
3218
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
3091
3219
  }
3092
3220
  if (allColumns.length === 0 || error) {
3093
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
3221
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
3094
3222
  }
3095
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, disabled: columns.length === 0, children: [
3223
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, disabled: columns.length === 0, children: [
3096
3224
  /* @__PURE__ */ jsxRuntime.jsx(FormLabel__default.default, { sx: { mb: 1 }, children: "Pick a column to show Histogram Diff" }),
3097
3225
  /* @__PURE__ */ jsxRuntime.jsxs(
3098
3226
  NativeSelect__default.default,
@@ -3194,7 +3322,7 @@ var CURRENT_BAR_COLOR_WITH_ALPHA = `${CURRENT_BAR_COLOR}A5`;
3194
3322
  var BASE_BAR_COLOR_WITH_ALPHA = `${BASE_BAR_COLOR}A5`;
3195
3323
  function SquareIcon({ color }) {
3196
3324
  return /* @__PURE__ */ jsxRuntime.jsx(
3197
- Box34__default.default,
3325
+ Box35__default.default,
3198
3326
  {
3199
3327
  sx: {
3200
3328
  display: "inline-block",
@@ -3376,34 +3504,6 @@ function formatDisplayedBinItem(binEdges, currentIndex) {
3376
3504
  const formattedEnd = formatAsAbbreviatedNumber(endEdge);
3377
3505
  return `${formattedStart} - ${formattedEnd}`;
3378
3506
  }
3379
- var ScreenshotBox = React12.forwardRef(
3380
- ({
3381
- backgroundColor = "white",
3382
- blockSize,
3383
- children,
3384
- ...restProps
3385
- }, ref) => {
3386
- return /* @__PURE__ */ jsxRuntime.jsx(
3387
- Box34__default.default,
3388
- {
3389
- ref,
3390
- ...restProps,
3391
- sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
3392
- children: /* @__PURE__ */ jsxRuntime.jsx(
3393
- Box34__default.default,
3394
- {
3395
- sx: {
3396
- backgroundColor,
3397
- height: "100%",
3398
- blockSize
3399
- },
3400
- children
3401
- }
3402
- )
3403
- }
3404
- );
3405
- }
3406
- );
3407
3507
  function _HistogramDiffResultView({ run }, ref) {
3408
3508
  if (!isHistogramDiffRun(run)) {
3409
3509
  throw new Error("Run type must be histogram_diff");
@@ -3417,9 +3517,9 @@ function _HistogramDiffResultView({ run }, ref) {
3417
3517
  if (!base || !current) {
3418
3518
  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading..." });
3419
3519
  }
3420
- 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: [
3421
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
3422
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
3520
+ 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: [
3521
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
3522
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
3423
3523
  HistogramChart,
3424
3524
  {
3425
3525
  data: {
@@ -3433,7 +3533,7 @@ function _HistogramDiffResultView({ run }, ref) {
3433
3533
  }
3434
3534
  }
3435
3535
  ) }),
3436
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
3536
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
3437
3537
  ] }) }) });
3438
3538
  }
3439
3539
  var HistogramDiffResultView = React12.forwardRef(_HistogramDiffResultView);
@@ -3452,13 +3552,13 @@ function ProfileDiffForm({
3452
3552
  }, [model, setIsReadyToExecute]);
3453
3553
  const columnNames = columns.map((c) => c.name);
3454
3554
  if (isLoading) {
3455
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
3555
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
3456
3556
  }
3457
3557
  if (columnNames.length === 0 || error) {
3458
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
3558
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
3459
3559
  }
3460
3560
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
3461
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
3561
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
3462
3562
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
3463
3563
  /* @__PURE__ */ jsxRuntime.jsx(
3464
3564
  TextField__default.default,
@@ -3470,7 +3570,7 @@ function ProfileDiffForm({
3470
3570
  }
3471
3571
  )
3472
3572
  ] }),
3473
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
3573
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
3474
3574
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
3475
3575
  /* @__PURE__ */ jsxRuntime.jsx(
3476
3576
  FormControlLabel4__default.default,
@@ -3762,14 +3862,14 @@ function DataFrameColumnGroupHeader({
3762
3862
  onPinnedColumnsChange(newPinnedColumns);
3763
3863
  };
3764
3864
  return /* @__PURE__ */ jsxRuntime.jsxs(
3765
- Box34__default.default,
3865
+ Box35__default.default,
3766
3866
  {
3767
3867
  sx: { display: "flex", alignItems: "center", gap: "10px", width: "100%" },
3768
3868
  className: "grid-header",
3769
3869
  children: [
3770
3870
  isPK && /* @__PURE__ */ jsxRuntime.jsx(vsc.VscKey, {}),
3771
3871
  /* @__PURE__ */ jsxRuntime.jsx(
3772
- Box34__default.default,
3872
+ Box35__default.default,
3773
3873
  {
3774
3874
  sx: {
3775
3875
  flex: 1,
@@ -3781,7 +3881,7 @@ function DataFrameColumnGroupHeader({
3781
3881
  }
3782
3882
  ),
3783
3883
  canBePk && onPrimaryKeyChange && /* @__PURE__ */ jsxRuntime.jsx(
3784
- Box34__default.default,
3884
+ Box35__default.default,
3785
3885
  {
3786
3886
  component: isPK ? vsc.VscClose : vsc.VscKey,
3787
3887
  className: isPK ? "close-icon" : "key-icon",
@@ -3793,7 +3893,7 @@ function DataFrameColumnGroupHeader({
3793
3893
  }
3794
3894
  ),
3795
3895
  !isPK && onPinnedColumnsChange && /* @__PURE__ */ jsxRuntime.jsx(
3796
- Box34__default.default,
3896
+ Box35__default.default,
3797
3897
  {
3798
3898
  component: isPinned ? vsc.VscPinned : vsc.VscPin,
3799
3899
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -3865,14 +3965,14 @@ function DataFrameColumnHeader({
3865
3965
  onPinnedColumnsChange(newPinnedColumns);
3866
3966
  };
3867
3967
  return /* @__PURE__ */ jsxRuntime.jsxs(
3868
- Box34__default.default,
3968
+ Box35__default.default,
3869
3969
  {
3870
3970
  sx: { display: "flex", alignItems: "center", width: "100%" },
3871
3971
  className: "grid-header",
3872
3972
  children: [
3873
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 }, children: name }),
3973
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 }, children: name }),
3874
3974
  /* @__PURE__ */ jsxRuntime.jsx(
3875
- Box34__default.default,
3975
+ Box35__default.default,
3876
3976
  {
3877
3977
  component: isPinned ? vsc.VscPinned : vsc.VscPin,
3878
3978
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -4191,7 +4291,7 @@ var DiffText = ({
4191
4291
  const textColor = colors[colorPalette][800];
4192
4292
  const bgColor = colors[colorPalette][100];
4193
4293
  return /* @__PURE__ */ jsxRuntime.jsxs(
4194
- Box34__default.default,
4294
+ Box35__default.default,
4195
4295
  {
4196
4296
  sx: {
4197
4297
  display: "flex",
@@ -4216,7 +4316,7 @@ var DiffText = ({
4216
4316
  },
4217
4317
  children: [
4218
4318
  /* @__PURE__ */ jsxRuntime.jsx(
4219
- Box34__default.default,
4319
+ Box35__default.default,
4220
4320
  {
4221
4321
  sx: {
4222
4322
  overflow: "hidden",
@@ -4337,7 +4437,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
4337
4437
  enterDelay: 300,
4338
4438
  placement: "top",
4339
4439
  children: /* @__PURE__ */ jsxRuntime.jsxs(
4340
- Box34__default.default,
4440
+ Box35__default.default,
4341
4441
  {
4342
4442
  gap: "5px",
4343
4443
  display: "flex",
@@ -4369,7 +4469,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
4369
4469
  }
4370
4470
  }
4371
4471
  return /* @__PURE__ */ jsxRuntime.jsxs(
4372
- Box34__default.default,
4472
+ Box35__default.default,
4373
4473
  {
4374
4474
  sx: {
4375
4475
  display: "flex",
@@ -5329,9 +5429,9 @@ function ColumnNameCell({
5329
5429
  title: "View column lineage",
5330
5430
  placement: "top",
5331
5431
  disableHoverListener: isCllDisabled,
5332
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
5432
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
5333
5433
  /* @__PURE__ */ jsxRuntime.jsx(
5334
- Box34__default.default,
5434
+ Box35__default.default,
5335
5435
  {
5336
5436
  sx: {
5337
5437
  overflow: "hidden",
@@ -5341,7 +5441,7 @@ function ColumnNameCell({
5341
5441
  children: name
5342
5442
  }
5343
5443
  ),
5344
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
5444
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
5345
5445
  cllRunning && /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 12, color: "inherit" }),
5346
5446
  showMenu && !singleEnv && model.resource_type !== "source" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
5347
5447
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -5611,7 +5711,7 @@ function PrimaryKeyIndicatorCell({
5611
5711
  }) {
5612
5712
  const isPrimaryKey2 = primaryKeys.includes(columnName);
5613
5713
  return /* @__PURE__ */ jsxRuntime.jsx(
5614
- Box34__default.default,
5714
+ Box35__default.default,
5615
5715
  {
5616
5716
  sx: {
5617
5717
  display: "flex",
@@ -5644,9 +5744,9 @@ function ValueDiffColumnNameCell({
5644
5744
  };
5645
5745
  runAction("value_diff_detail", newParams, options);
5646
5746
  };
5647
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex" }, children: [
5747
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex" }, children: [
5648
5748
  /* @__PURE__ */ jsxRuntime.jsx(
5649
- Box34__default.default,
5749
+ Box35__default.default,
5650
5750
  {
5651
5751
  sx: {
5652
5752
  overflow: "hidden",
@@ -5656,7 +5756,7 @@ function ValueDiffColumnNameCell({
5656
5756
  children: column
5657
5757
  }
5658
5758
  ),
5659
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
5759
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
5660
5760
  /* @__PURE__ */ jsxRuntime.jsx(
5661
5761
  IconButton2__default.default,
5662
5762
  {
@@ -5721,7 +5821,7 @@ function MatchedPercentCell({ value }) {
5721
5821
  displayValue = `${(value * 100).toFixed(2)} %`;
5722
5822
  }
5723
5823
  }
5724
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { textAlign: "right" }, children: displayValue });
5824
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { textAlign: "right" }, children: displayValue });
5725
5825
  }
5726
5826
  function createPrimaryKeyIndicatorRenderer(primaryKeys) {
5727
5827
  return (params) => {
@@ -6071,7 +6171,7 @@ agGridCommunity.themeQuartz.withParams({
6071
6171
  agGridCommunity.ModuleRegistry.registerModules([agGridCommunity.AllCommunityModule]);
6072
6172
  function EmptyRowsRenderer({ emptyMessage }) {
6073
6173
  return /* @__PURE__ */ jsxRuntime.jsx(
6074
- Box34__default.default,
6174
+ Box35__default.default,
6075
6175
  {
6076
6176
  sx: {
6077
6177
  display: "flex",
@@ -6146,7 +6246,7 @@ function _ScreenshotDataGrid({
6146
6246
  return `grid-${pinnedFields}`;
6147
6247
  }, [resolvedColumnDefs]);
6148
6248
  return /* @__PURE__ */ jsxRuntime.jsx(
6149
- Box34__default.default,
6249
+ Box35__default.default,
6150
6250
  {
6151
6251
  ref: containerRef,
6152
6252
  className: className ? `${className} no-track-pii-safe` : "no-track-pii-safe",
@@ -6239,7 +6339,7 @@ var ToggleSwitch = ({
6239
6339
  }) => {
6240
6340
  return /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup__default.default, { variant: "outlined", size: "xsmall", sx: { borderRadius: 1 }, children: [
6241
6341
  /* @__PURE__ */ jsxRuntime.jsx(
6242
- Button10__default.default,
6342
+ Button11__default.default,
6243
6343
  {
6244
6344
  onClick: () => {
6245
6345
  onChange(false);
@@ -6252,7 +6352,7 @@ var ToggleSwitch = ({
6252
6352
  }
6253
6353
  ),
6254
6354
  /* @__PURE__ */ jsxRuntime.jsx(
6255
- Button10__default.default,
6355
+ Button11__default.default,
6256
6356
  {
6257
6357
  onClick: () => {
6258
6358
  onChange(true);
@@ -6311,7 +6411,7 @@ var RunToolbar = ({
6311
6411
  children
6312
6412
  }) => {
6313
6413
  return /* @__PURE__ */ jsxRuntime.jsxs(
6314
- Box34__default.default,
6414
+ Box35__default.default,
6315
6415
  {
6316
6416
  sx: {
6317
6417
  display: "flex",
@@ -6324,7 +6424,7 @@ var RunToolbar = ({
6324
6424
  },
6325
6425
  children: [
6326
6426
  /* @__PURE__ */ jsxRuntime.jsx(
6327
- Box34__default.default,
6427
+ Box35__default.default,
6328
6428
  {
6329
6429
  sx: {
6330
6430
  display: "flex",
@@ -6332,14 +6432,14 @@ var RunToolbar = ({
6332
6432
  alignItems: "flex-start",
6333
6433
  gap: 0
6334
6434
  },
6335
- children: warnings?.map((warning) => /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
6435
+ children: warnings?.map((warning) => /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
6336
6436
  /* @__PURE__ */ jsxRuntime.jsx(pi.PiWarning, { color: "amber.600" }),
6337
6437
  " ",
6338
6438
  warning
6339
6439
  ] }, _3__default.default.uniqueId(`-${warning}`)))
6340
6440
  }
6341
6441
  ),
6342
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, minHeight: "32px" } }),
6442
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, minHeight: "32px" } }),
6343
6443
  children
6344
6444
  ]
6345
6445
  }
@@ -6403,7 +6503,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
6403
6503
  ]);
6404
6504
  if (gridData.columns.length === 0) {
6405
6505
  return /* @__PURE__ */ jsxRuntime.jsx(
6406
- Box34__default.default,
6506
+ Box35__default.default,
6407
6507
  {
6408
6508
  sx: {
6409
6509
  display: "flex",
@@ -6416,7 +6516,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
6416
6516
  );
6417
6517
  }
6418
6518
  return /* @__PURE__ */ jsxRuntime.jsxs(
6419
- Box34__default.default,
6519
+ Box35__default.default,
6420
6520
  {
6421
6521
  sx: {
6422
6522
  display: "flex",
@@ -6506,7 +6606,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
6506
6606
  ]);
6507
6607
  if (gridData.columns.length === 0) {
6508
6608
  return /* @__PURE__ */ jsxRuntime.jsx(
6509
- Box34__default.default,
6609
+ Box35__default.default,
6510
6610
  {
6511
6611
  sx: {
6512
6612
  display: "flex",
@@ -6519,7 +6619,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
6519
6619
  );
6520
6620
  }
6521
6621
  return /* @__PURE__ */ jsxRuntime.jsx(
6522
- Box34__default.default,
6622
+ Box35__default.default,
6523
6623
  {
6524
6624
  sx: {
6525
6625
  display: "flex",
@@ -6671,7 +6771,7 @@ var PrivateQueryDiffResultView = ({
6671
6771
  }
6672
6772
  if (gridData.columns.length === 0) {
6673
6773
  return /* @__PURE__ */ jsxRuntime.jsx(
6674
- Box34__default.default,
6774
+ Box35__default.default,
6675
6775
  {
6676
6776
  sx: {
6677
6777
  display: "flex",
@@ -6684,7 +6784,7 @@ var PrivateQueryDiffResultView = ({
6684
6784
  );
6685
6785
  }
6686
6786
  return /* @__PURE__ */ jsxRuntime.jsxs(
6687
- Box34__default.default,
6787
+ Box35__default.default,
6688
6788
  {
6689
6789
  sx: {
6690
6790
  display: "flex",
@@ -6831,7 +6931,7 @@ var PrivateQueryDiffJoinResultView = ({
6831
6931
  }
6832
6932
  if (gridData.columns.length === 0) {
6833
6933
  return /* @__PURE__ */ jsxRuntime.jsx(
6834
- Box34__default.default,
6934
+ Box35__default.default,
6835
6935
  {
6836
6936
  sx: {
6837
6937
  display: "flex",
@@ -6845,7 +6945,7 @@ var PrivateQueryDiffJoinResultView = ({
6845
6945
  }
6846
6946
  if (changedOnly && gridData.rows.length === 0) {
6847
6947
  return /* @__PURE__ */ jsxRuntime.jsxs(
6848
- Box34__default.default,
6948
+ Box35__default.default,
6849
6949
  {
6850
6950
  sx: {
6851
6951
  display: "flex",
@@ -6864,7 +6964,7 @@ var PrivateQueryDiffJoinResultView = ({
6864
6964
  }
6865
6965
  ),
6866
6966
  /* @__PURE__ */ jsxRuntime.jsx(
6867
- Box34__default.default,
6967
+ Box35__default.default,
6868
6968
  {
6869
6969
  sx: {
6870
6970
  display: "flex",
@@ -6880,7 +6980,7 @@ var PrivateQueryDiffJoinResultView = ({
6880
6980
  );
6881
6981
  }
6882
6982
  return /* @__PURE__ */ jsxRuntime.jsxs(
6883
- Box34__default.default,
6983
+ Box35__default.default,
6884
6984
  {
6885
6985
  sx: {
6886
6986
  display: "flex",
@@ -7040,7 +7140,7 @@ var PrivateQueryResultView = ({
7040
7140
  ]);
7041
7141
  if (gridData.columns.length === 0) {
7042
7142
  return /* @__PURE__ */ jsxRuntime.jsx(
7043
- Box34__default.default,
7143
+ Box35__default.default,
7044
7144
  {
7045
7145
  sx: {
7046
7146
  height: "100%",
@@ -7070,18 +7170,18 @@ var PrivateQueryResultView = ({
7070
7170
  children: [
7071
7171
  warning && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
7072
7172
  /* @__PURE__ */ jsxRuntime.jsx(
7073
- Box34__default.default,
7173
+ Box35__default.default,
7074
7174
  {
7075
7175
  component: pi.PiWarning,
7076
7176
  sx: { color: "amber.600", alignSelf: "center" }
7077
7177
  }
7078
7178
  ),
7079
7179
  " ",
7080
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: warning })
7180
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: warning })
7081
7181
  ] }),
7082
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1, minHeight: "32px" } }),
7182
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1, minHeight: "32px" } }),
7083
7183
  onAddToChecklist && /* @__PURE__ */ jsxRuntime.jsx(
7084
- Button10__default.default,
7184
+ Button11__default.default,
7085
7185
  {
7086
7186
  sx: { my: "5px" },
7087
7187
  size: "small",
@@ -7124,7 +7224,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
7124
7224
  }, [run]);
7125
7225
  if (gridData.rows.length === 0) {
7126
7226
  return /* @__PURE__ */ jsxRuntime.jsx(
7127
- Box34__default.default,
7227
+ Box35__default.default,
7128
7228
  {
7129
7229
  sx: {
7130
7230
  display: "flex",
@@ -7137,7 +7237,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
7137
7237
  }
7138
7238
  );
7139
7239
  }
7140
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
7240
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
7141
7241
  ScreenshotDataGrid,
7142
7242
  {
7143
7243
  ref,
@@ -7191,12 +7291,12 @@ function TopKDiffForm({
7191
7291
  setIsReadyToExecute(!!params.column_name);
7192
7292
  }, [params, setIsReadyToExecute]);
7193
7293
  if (isLoading) {
7194
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
7294
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
7195
7295
  }
7196
7296
  if (columnNames.length === 0 || error) {
7197
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7297
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7198
7298
  }
7199
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, children: [
7299
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(FormControl__default.default, { fullWidth: true, children: [
7200
7300
  /* @__PURE__ */ jsxRuntime.jsx(FormLabel__default.default, { sx: { mb: 1 }, children: "Pick a column to show top-k" }),
7201
7301
  /* @__PURE__ */ jsxRuntime.jsxs(
7202
7302
  NativeSelect__default.default,
@@ -7255,7 +7355,7 @@ function TopKChartTooltip({
7255
7355
  return /* @__PURE__ */ jsxRuntime.jsx(
7256
7356
  MuiTooltip__default.default,
7257
7357
  {
7258
- title: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7358
+ title: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
7259
7359
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { children: [
7260
7360
  /* @__PURE__ */ jsxRuntime.jsx(SquareIcon, { color: CURRENT_BAR_COLOR }),
7261
7361
  "Current: ",
@@ -7284,9 +7384,9 @@ function TopKSummaryBarChart({
7284
7384
  }) {
7285
7385
  const currents = prepareSummaryList(topKDiff.current, isDisplayTopTen);
7286
7386
  const bases = prepareSummaryList(topKDiff.base, isDisplayTopTen);
7287
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { width: "100%", px: 20, py: 2 }, children: [
7288
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
7289
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
7387
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { width: "100%", px: 20, py: 2 }, children: [
7388
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
7389
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
7290
7390
  /* @__PURE__ */ jsxRuntime.jsxs(
7291
7391
  Typography28__default.default,
7292
7392
  {
@@ -7309,7 +7409,7 @@ function TopKSummaryBarChart({
7309
7409
  ]
7310
7410
  }
7311
7411
  ),
7312
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
7412
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
7313
7413
  ] }),
7314
7414
  currents.map((current, index) => {
7315
7415
  const base = bases[index];
@@ -7318,7 +7418,7 @@ function TopKSummaryBarChart({
7318
7418
  }
7319
7419
  return /* @__PURE__ */ jsxRuntime.jsxs(React12.Fragment, { children: [
7320
7420
  /* @__PURE__ */ jsxRuntime.jsx(TopKChartTooltip, { base, current, children: /* @__PURE__ */ jsxRuntime.jsxs(
7321
- Box34__default.default,
7421
+ Box35__default.default,
7322
7422
  {
7323
7423
  sx: {
7324
7424
  display: "flex",
@@ -7343,7 +7443,7 @@ function TopKSummaryBarChart({
7343
7443
  }
7344
7444
  ),
7345
7445
  /* @__PURE__ */ jsxRuntime.jsxs(
7346
- Box34__default.default,
7446
+ Box35__default.default,
7347
7447
  {
7348
7448
  sx: {
7349
7449
  display: "flex",
@@ -7351,7 +7451,7 @@ function TopKSummaryBarChart({
7351
7451
  flexDirection: "column"
7352
7452
  },
7353
7453
  children: [
7354
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", height: "1em" }, children: [
7454
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", height: "1em" }, children: [
7355
7455
  /* @__PURE__ */ jsxRuntime.jsx(
7356
7456
  CategoricalBarChart,
7357
7457
  {
@@ -7385,7 +7485,7 @@ function TopKSummaryBarChart({
7385
7485
  }
7386
7486
  )
7387
7487
  ] }),
7388
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", height: "1em" }, children: [
7488
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", height: "1em" }, children: [
7389
7489
  /* @__PURE__ */ jsxRuntime.jsx(
7390
7490
  CategoricalBarChart,
7391
7491
  {
@@ -7434,7 +7534,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
7434
7534
  const endAtIndex = isDisplayTopTen ? 10 : topk.counts.length;
7435
7535
  const displayList = topk.counts.slice(0, endAtIndex);
7436
7536
  const remainingSumCount = valids - displayList.reduce((accum, curr) => accum + curr, 0);
7437
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
7537
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
7438
7538
  const isLastItemOthers = index === displayList.length;
7439
7539
  const topkCount = isLastItemOthers ? remainingSumCount : v;
7440
7540
  const catName = String(topk.values[index]);
@@ -7443,7 +7543,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
7443
7543
  const displayTopkRatio = formatIntervalMinMax(topkCount / valids);
7444
7544
  return /* @__PURE__ */ jsxRuntime.jsx(React12.Fragment, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
7445
7545
  /* @__PURE__ */ jsxRuntime.jsxs(
7446
- Box34__default.default,
7546
+ Box35__default.default,
7447
7547
  {
7448
7548
  sx: {
7449
7549
  display: "flex",
@@ -7467,7 +7567,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
7467
7567
  children: topkLabel
7468
7568
  }
7469
7569
  ) }),
7470
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsxRuntime.jsx(
7570
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsxRuntime.jsx(
7471
7571
  CategoricalBarChart,
7472
7572
  {
7473
7573
  topkCount,
@@ -7576,7 +7676,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
7576
7676
  const params = run.params;
7577
7677
  const baseTopK = result.base;
7578
7678
  const currentTopK = result.current;
7579
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
7679
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
7580
7680
  /* @__PURE__ */ jsxRuntime.jsxs(ScreenshotBox, { ref, blockSize: "auto", children: [
7581
7681
  /* @__PURE__ */ jsxRuntime.jsxs(
7582
7682
  Typography28__default.default,
@@ -7592,7 +7692,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
7592
7692
  }
7593
7693
  ),
7594
7694
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", children: [
7595
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
7695
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
7596
7696
  /* @__PURE__ */ jsxRuntime.jsx(
7597
7697
  TopKSummaryBarChart,
7598
7698
  {
@@ -7601,11 +7701,11 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
7601
7701
  isDisplayTopTen
7602
7702
  }
7603
7703
  ),
7604
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
7704
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } })
7605
7705
  ] })
7606
7706
  ] }),
7607
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
7608
- (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(
7707
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
7708
+ (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(
7609
7709
  Link__default.default,
7610
7710
  {
7611
7711
  component: "button",
@@ -7690,7 +7790,7 @@ var PrivateValueDiffDetailResultView = ({
7690
7790
  }
7691
7791
  if (gridData.columns.length === 0) {
7692
7792
  return /* @__PURE__ */ jsxRuntime.jsx(
7693
- Box34__default.default,
7793
+ Box35__default.default,
7694
7794
  {
7695
7795
  sx: {
7696
7796
  display: "flex",
@@ -7704,7 +7804,7 @@ var PrivateValueDiffDetailResultView = ({
7704
7804
  }
7705
7805
  if (changedOnly && gridData.rows.length === 0) {
7706
7806
  return /* @__PURE__ */ jsxRuntime.jsxs(
7707
- Box34__default.default,
7807
+ Box35__default.default,
7708
7808
  {
7709
7809
  sx: {
7710
7810
  display: "flex",
@@ -7723,7 +7823,7 @@ var PrivateValueDiffDetailResultView = ({
7723
7823
  }
7724
7824
  ),
7725
7825
  /* @__PURE__ */ jsxRuntime.jsx(
7726
- Box34__default.default,
7826
+ Box35__default.default,
7727
7827
  {
7728
7828
  sx: {
7729
7829
  display: "flex",
@@ -7739,7 +7839,7 @@ var PrivateValueDiffDetailResultView = ({
7739
7839
  );
7740
7840
  }
7741
7841
  return /* @__PURE__ */ jsxRuntime.jsxs(
7742
- Box34__default.default,
7842
+ Box35__default.default,
7743
7843
  {
7744
7844
  sx: {
7745
7845
  display: "flex",
@@ -7839,13 +7939,13 @@ function ValueDiffForm({
7839
7939
  const columnNames = columns.map((c) => c.name);
7840
7940
  const primaryKeys = Array.isArray(primaryKey) ? primaryKey : primaryKey ? [primaryKey] : void 0;
7841
7941
  if (isLoading) {
7842
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Loading..." });
7942
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Loading..." });
7843
7943
  }
7844
7944
  if (columnNames.length === 0 || error) {
7845
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7945
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7846
7946
  }
7847
7947
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
7848
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7948
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
7849
7949
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
7850
7950
  /* @__PURE__ */ jsxRuntime.jsx(
7851
7951
  TextField__default.default,
@@ -7857,7 +7957,7 @@ function ValueDiffForm({
7857
7957
  }
7858
7958
  )
7859
7959
  ] }),
7860
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7960
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
7861
7961
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Primary key" }),
7862
7962
  /* @__PURE__ */ jsxRuntime.jsx(
7863
7963
  ReactSelect2__default.default,
@@ -7891,7 +7991,7 @@ function ValueDiffForm({
7891
7991
  }
7892
7992
  )
7893
7993
  ] }),
7894
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
7994
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
7895
7995
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
7896
7996
  /* @__PURE__ */ jsxRuntime.jsx(
7897
7997
  FormControlLabel4__default.default,
@@ -7965,7 +8065,7 @@ function _ValueDiffResultView({ run }, ref) {
7965
8065
  }
7966
8066
  const { columns, rows } = gridData;
7967
8067
  return /* @__PURE__ */ jsxRuntime.jsxs(
7968
- Box34__default.default,
8068
+ Box35__default.default,
7969
8069
  {
7970
8070
  sx: {
7971
8071
  display: "flex",
@@ -7975,7 +8075,7 @@ function _ValueDiffResultView({ run }, ref) {
7975
8075
  height: "100%"
7976
8076
  },
7977
8077
  children: [
7978
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { px: "16px" }, children: [
8078
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { px: "16px" }, children: [
7979
8079
  "Model: ",
7980
8080
  params.model,
7981
8081
  ", ",
@@ -8506,7 +8606,7 @@ function useCopyToClipboardButton(options) {
8506
8606
  }) {
8507
8607
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
8508
8608
  /* @__PURE__ */ jsxRuntime.jsx(
8509
- Button10__default.default,
8609
+ Button11__default.default,
8510
8610
  {
8511
8611
  size: "small",
8512
8612
  sx: { position: "absolute", bottom: 16, right: 16 },
@@ -8576,7 +8676,7 @@ function useImageDownloadModal() {
8576
8676
  /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
8577
8677
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { sx: { px: "10px", gap: "10px" }, children: [
8578
8678
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: "5px", children: [
8579
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiInfo, sx: { color: "error.main" } }),
8679
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiInfo, sx: { color: "error.main" } }),
8580
8680
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontWeight: 500, display: "inline" }, children: "Copy to the Clipboard" }),
8581
8681
  " ",
8582
8682
  "is not supported in the current browser"
@@ -8584,7 +8684,7 @@ function useImageDownloadModal() {
8584
8684
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Please download it directly" })
8585
8685
  ] }),
8586
8686
  /* @__PURE__ */ jsxRuntime.jsx(
8587
- Box34__default.default,
8687
+ Box35__default.default,
8588
8688
  {
8589
8689
  component: "img",
8590
8690
  src: base64Img,
@@ -8594,8 +8694,8 @@ function useImageDownloadModal() {
8594
8694
  )
8595
8695
  ] }),
8596
8696
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
8597
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
8598
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
8697
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
8698
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
8599
8699
  ] })
8600
8700
  ] });
8601
8701
  }
@@ -8655,40 +8755,6 @@ var useRun = (runId) => {
8655
8755
  RunResultView
8656
8756
  };
8657
8757
  };
8658
- var HSplit = (props) => {
8659
- const { style, children, gutterSize = 5, ...rest } = props;
8660
- return /* @__PURE__ */ jsxRuntime.jsx(
8661
- ReactSplit__default.default,
8662
- {
8663
- style: {
8664
- display: "flex",
8665
- flexDirection: "row",
8666
- ...style
8667
- },
8668
- direction: "horizontal",
8669
- gutterSize,
8670
- ...rest,
8671
- children
8672
- }
8673
- );
8674
- };
8675
- var VSplit = (props) => {
8676
- const { style, children, gutterSize = 5, ...rest } = props;
8677
- return /* @__PURE__ */ jsxRuntime.jsx(
8678
- ReactSplit__default.default,
8679
- {
8680
- style: {
8681
- display: "flex",
8682
- flexDirection: "column",
8683
- ...style
8684
- },
8685
- gutterSize,
8686
- direction: "vertical",
8687
- ...rest,
8688
- children
8689
- }
8690
- );
8691
- };
8692
8758
  function ActionControl({ onClose }) {
8693
8759
  const { cancel, actionState } = useLineageViewContextSafe();
8694
8760
  const getProgressMessage = () => {
@@ -8706,7 +8772,7 @@ function ActionControl({ onClose }) {
8706
8772
  }
8707
8773
  }
8708
8774
  };
8709
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
8775
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
8710
8776
  Stack24__default.default,
8711
8777
  {
8712
8778
  direction: "row",
@@ -8714,14 +8780,14 @@ function ActionControl({ onClose }) {
8714
8780
  spacing: 2,
8715
8781
  sx: { p: "5px 15px", mt: 2 },
8716
8782
  children: [
8717
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { fontSize: "10pt" }, children: [
8783
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { fontSize: "10pt" }, children: [
8718
8784
  "Progress: ",
8719
8785
  getProgressMessage(),
8720
8786
  " ",
8721
8787
  actionState.status === "canceled" ? " (canceled)" : ""
8722
8788
  ] }),
8723
8789
  actionState.status === "running" || actionState.status === "canceling" ? /* @__PURE__ */ jsxRuntime.jsx(
8724
- Button10__default.default,
8790
+ Button11__default.default,
8725
8791
  {
8726
8792
  size: "small",
8727
8793
  variant: "outlined",
@@ -8729,7 +8795,7 @@ function ActionControl({ onClose }) {
8729
8795
  disabled: actionState.status === "canceling",
8730
8796
  children: actionState.status === "canceling" ? "Canceling" : "Cancel"
8731
8797
  }
8732
- ) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", children: /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
8798
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", children: /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
8733
8799
  ]
8734
8800
  }
8735
8801
  ) });
@@ -8852,7 +8918,7 @@ function ChangeStatusLegend() {
8852
8918
  modified: ["Modified", "Modified resource"]
8853
8919
  };
8854
8920
  return /* @__PURE__ */ jsxRuntime.jsx(
8855
- Box34__default.default,
8921
+ Box35__default.default,
8856
8922
  {
8857
8923
  sx: {
8858
8924
  bgcolor: "white",
@@ -8864,7 +8930,7 @@ function ChangeStatusLegend() {
8864
8930
  children: Object.entries(CHANGE_STATUS_MSGS).map(([key, [label, tip]]) => {
8865
8931
  const { icon, color } = getIconForChangeStatus(key);
8866
8932
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(
8867
- Box34__default.default,
8933
+ Box35__default.default,
8868
8934
  {
8869
8935
  sx: {
8870
8936
  display: "flex",
@@ -8873,7 +8939,7 @@ function ChangeStatusLegend() {
8873
8939
  mb: "2px"
8874
8940
  },
8875
8941
  children: [
8876
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { color } }),
8942
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { color } }),
8877
8943
  " ",
8878
8944
  label
8879
8945
  ]
@@ -8902,7 +8968,7 @@ var ModeMessage = () => {
8902
8968
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
8903
8969
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { component: "span", sx: { mr: "5px" }, children: "Impact Radius for" }),
8904
8970
  /* @__PURE__ */ jsxRuntime.jsx(
8905
- Box34__default.default,
8971
+ Box35__default.default,
8906
8972
  {
8907
8973
  component: "code",
8908
8974
  onClick: () => {
@@ -8927,7 +8993,7 @@ var ModeMessage = () => {
8927
8993
  " "
8928
8994
  ] }),
8929
8995
  /* @__PURE__ */ jsxRuntime.jsxs(
8930
- Box34__default.default,
8996
+ Box35__default.default,
8931
8997
  {
8932
8998
  component: "code",
8933
8999
  onClick: () => {
@@ -8964,14 +9030,14 @@ var ColumnLevelLineageControl = ({
8964
9030
  const { lineageGraph } = useLineageGraphContext();
8965
9031
  const noCatalogCurrent = !lineageGraph?.catalogMetadata.current;
8966
9032
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: "5px", children: [
8967
- !singleEnv && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
9033
+ !singleEnv && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
8968
9034
  MuiTooltip__default.default,
8969
9035
  {
8970
9036
  enterDelay: 50,
8971
9037
  title: noCatalogCurrent ? "Please provide catalog.json to enable Impact Radius" : "",
8972
9038
  placement: "top",
8973
9039
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
8974
- Button10__default.default,
9040
+ Button11__default.default,
8975
9041
  {
8976
9042
  size: "small",
8977
9043
  variant: "outlined",
@@ -9025,7 +9091,7 @@ var ColumnLevelLineageControl = ({
9025
9091
  alignItems: "center"
9026
9092
  },
9027
9093
  children: /* @__PURE__ */ jsxRuntime.jsx(
9028
- Box34__default.default,
9094
+ Box35__default.default,
9029
9095
  {
9030
9096
  component: pi.PiInfo,
9031
9097
  sx: { color: "error.main", fontSize: "14px" }
@@ -9063,7 +9129,7 @@ var ChangeStatus = ({
9063
9129
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
9064
9130
  }
9065
9131
  return /* @__PURE__ */ jsxRuntime.jsx(
9066
- Box34__default.default,
9132
+ Box35__default.default,
9067
9133
  {
9068
9134
  component: IconChangeStatus,
9069
9135
  sx: {
@@ -9137,7 +9203,7 @@ function GraphColumnNode(nodeProps) {
9137
9203
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
9138
9204
  }
9139
9205
  return /* @__PURE__ */ jsxRuntime.jsxs(
9140
- Box34__default.default,
9206
+ Box35__default.default,
9141
9207
  {
9142
9208
  sx: {
9143
9209
  display: "flex",
@@ -9159,7 +9225,7 @@ function GraphColumnNode(nodeProps) {
9159
9225
  },
9160
9226
  children: [
9161
9227
  /* @__PURE__ */ jsxRuntime.jsxs(
9162
- Box34__default.default,
9228
+ Box35__default.default,
9163
9229
  {
9164
9230
  sx: {
9165
9231
  display: "flex",
@@ -9172,10 +9238,10 @@ function GraphColumnNode(nodeProps) {
9172
9238
  },
9173
9239
  children: [
9174
9240
  isShowingChangeAnalysis && changeStatus ? /* @__PURE__ */ jsxRuntime.jsx(ChangeStatus, { changeStatus }) : /* @__PURE__ */ jsxRuntime.jsx(TransformationType, { transformationType }),
9175
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
9176
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
9241
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
9242
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
9177
9243
  isHovered ? /* @__PURE__ */ jsxRuntime.jsx(
9178
- Box34__default.default,
9244
+ Box35__default.default,
9179
9245
  {
9180
9246
  component: vsc.VscKebabVertical,
9181
9247
  sx: {
@@ -9193,7 +9259,7 @@ function GraphColumnNode(nodeProps) {
9193
9259
  );
9194
9260
  }
9195
9261
  }
9196
- ) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
9262
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
9197
9263
  ]
9198
9264
  }
9199
9265
  ),
@@ -9249,7 +9315,7 @@ function ColumnLevelLineageLegend() {
9249
9315
  ]
9250
9316
  };
9251
9317
  return /* @__PURE__ */ jsxRuntime.jsx(
9252
- Box34__default.default,
9318
+ Box35__default.default,
9253
9319
  {
9254
9320
  sx: {
9255
9321
  bgcolor: "white",
@@ -9260,7 +9326,7 @@ function ColumnLevelLineageLegend() {
9260
9326
  },
9261
9327
  children: Object.entries(TRANSFORMATION_MSGS).map(([key, [label, tip]]) => {
9262
9328
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(
9263
- Box34__default.default,
9329
+ Box35__default.default,
9264
9330
  {
9265
9331
  sx: {
9266
9332
  display: "flex",
@@ -9369,7 +9435,7 @@ function SetupConnectionPopover({
9369
9435
  }
9370
9436
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9371
9437
  /* @__PURE__ */ jsxRuntime.jsx(
9372
- Box34__default.default,
9438
+ Box35__default.default,
9373
9439
  {
9374
9440
  ref: anchorRef,
9375
9441
  onMouseEnter: handleMouseEnter,
@@ -9443,8 +9509,8 @@ function ResourceTypeTag({ node }) {
9443
9509
  const { icon: ResourceTypeIcon } = getIconForResourceType(
9444
9510
  node.data.resourceType
9445
9511
  );
9446
- 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: [
9447
- ResourceTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeIcon, {}) }),
9512
+ 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: [
9513
+ ResourceTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeIcon, {}) }),
9448
9514
  node.data.resourceType
9449
9515
  ] }) });
9450
9516
  }
@@ -9464,13 +9530,13 @@ function _RowCountByRate({ rowCount }) {
9464
9530
  } else if (base === current) {
9465
9531
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
9466
9532
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
9467
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiSwapLine, {}) }),
9533
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiSwapLine, {}) }),
9468
9534
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", sx: { color: "grey.500" }, children: "No Change" })
9469
9535
  ] });
9470
9536
  } else if (base < current) {
9471
9537
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
9472
9538
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
9473
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowUpSFill, {}) }),
9539
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowUpSFill, {}) }),
9474
9540
  /* @__PURE__ */ jsxRuntime.jsx(
9475
9541
  Typography28__default.default,
9476
9542
  {
@@ -9484,7 +9550,7 @@ function _RowCountByRate({ rowCount }) {
9484
9550
  } else {
9485
9551
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
9486
9552
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: currentLabel }),
9487
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowDownSFill, {}) }),
9553
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowDownSFill, {}) }),
9488
9554
  /* @__PURE__ */ jsxRuntime.jsx(
9489
9555
  Typography28__default.default,
9490
9556
  {
@@ -9501,7 +9567,7 @@ function ModelRowCount({ rowCount }) {
9501
9567
  if (!rowCount) {
9502
9568
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
9503
9569
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", component: "span", children: "Failed to load" }),
9504
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiFrown, {}) })
9570
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiFrown, {}) })
9505
9571
  ] });
9506
9572
  }
9507
9573
  const base = rowCount.base ?? "N/A";
@@ -9523,7 +9589,7 @@ function RowCountDiffTag({
9523
9589
  const rowsToShow = rowCount;
9524
9590
  const label = rowCount ? `${rowCount.base ?? "N/A"} -> ${rowCount.curr ?? "N/A"} rows` : "";
9525
9591
  return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: label, children: /* @__PURE__ */ jsxRuntime.jsx(SetupConnectionPopover, { display: featureToggles.mode === "metadata only", children: /* @__PURE__ */ jsxRuntime.jsxs(
9526
- Box34__default.default,
9592
+ Box35__default.default,
9527
9593
  {
9528
9594
  component: "span",
9529
9595
  sx: {
@@ -9563,8 +9629,8 @@ function RowCountTag({
9563
9629
  const rows = rowCount.curr ?? "N/A";
9564
9630
  label = `${rows} rows`;
9565
9631
  }
9566
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { component: "span", sx: tagRootSx, children: [
9567
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(RunTypeIcon, {}) }),
9632
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { component: "span", sx: tagRootSx, children: [
9633
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsxRuntime.jsx(RunTypeIcon, {}) }),
9568
9634
  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" }),
9569
9635
  onRefresh && /* @__PURE__ */ jsxRuntime.jsx(
9570
9636
  IconButton2__default.default,
@@ -9600,8 +9666,8 @@ var ActionTag = ({ node, action }) => {
9600
9666
  gap: "3px"
9601
9667
  },
9602
9668
  children: [
9603
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Skipped" }),
9604
- 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, {}) }) })
9669
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Skipped" }),
9670
+ 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, {}) }) })
9605
9671
  ]
9606
9672
  }
9607
9673
  ),
@@ -9634,8 +9700,8 @@ var ActionTag = ({ node, action }) => {
9634
9700
  direction: "row",
9635
9701
  sx: { fontSize: "10pt", color: "gray", alignItems: "center" },
9636
9702
  children: [
9637
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: "Error" }),
9638
- 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, {}) }) })
9703
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: "Error" }),
9704
+ 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, {}) }) })
9639
9705
  ]
9640
9706
  }
9641
9707
  );
@@ -9744,14 +9810,14 @@ var NodeRunsAggregated = ({
9744
9810
  const colorChanged = inverted ? "white" : getIconForChangeStatus("modified").color;
9745
9811
  const colorUnchanged = inverted ? "gray" : "gray.100";
9746
9812
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
9747
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
9813
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
9748
9814
  schemaChanged !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
9749
9815
  MuiTooltip__default.default,
9750
9816
  {
9751
9817
  title: `Schema (${schemaChanged ? "changed" : "no change"})`,
9752
9818
  enterDelay: 500,
9753
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsxRuntime.jsx(
9754
- Box34__default.default,
9819
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsxRuntime.jsx(
9820
+ Box35__default.default,
9755
9821
  {
9756
9822
  component: SchemaDiffIcon,
9757
9823
  sx: { color: schemaChanged ? colorChanged : colorUnchanged }
@@ -9759,13 +9825,13 @@ var NodeRunsAggregated = ({
9759
9825
  ) })
9760
9826
  }
9761
9827
  ),
9762
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
9828
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
9763
9829
  runs?.row_count_diff && rowCountChanged !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
9764
9830
  MuiTooltip__default.default,
9765
9831
  {
9766
9832
  title: `Row count (${rowCountChanged ? "changed" : "="})`,
9767
9833
  enterDelay: 500,
9768
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
9834
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
9769
9835
  _RowCountDiffTag,
9770
9836
  {
9771
9837
  rowCount: runs.row_count_diff.result
@@ -9780,7 +9846,7 @@ var GraphNodeCheckbox = ({
9780
9846
  onClick
9781
9847
  }) => {
9782
9848
  return /* @__PURE__ */ jsxRuntime.jsx(
9783
- Box34__default.default,
9849
+ Box35__default.default,
9784
9850
  {
9785
9851
  onClick,
9786
9852
  sx: {
@@ -9789,7 +9855,7 @@ var GraphNodeCheckbox = ({
9789
9855
  alignItems: "center",
9790
9856
  cursor: "pointer"
9791
9857
  },
9792
- 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 } })
9858
+ 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 } })
9793
9859
  }
9794
9860
  );
9795
9861
  };
@@ -9799,7 +9865,7 @@ var GraphNodeTitle = ({
9799
9865
  resourceType
9800
9866
  }) => {
9801
9867
  return /* @__PURE__ */ jsxRuntime.jsx(
9802
- Box34__default.default,
9868
+ Box35__default.default,
9803
9869
  {
9804
9870
  sx: {
9805
9871
  flex: 1,
@@ -9906,7 +9972,7 @@ function GraphNode(nodeProps) {
9906
9972
  }
9907
9973
  })();
9908
9974
  return /* @__PURE__ */ jsxRuntime.jsxs(
9909
- Box34__default.default,
9975
+ Box35__default.default,
9910
9976
  {
9911
9977
  sx: {
9912
9978
  display: "flex",
@@ -9931,7 +9997,7 @@ function GraphNode(nodeProps) {
9931
9997
  },
9932
9998
  children: [
9933
9999
  /* @__PURE__ */ jsxRuntime.jsxs(
9934
- Box34__default.default,
10000
+ Box35__default.default,
9935
10001
  {
9936
10002
  sx: {
9937
10003
  display: "flex",
@@ -9947,7 +10013,7 @@ function GraphNode(nodeProps) {
9947
10013
  },
9948
10014
  children: [
9949
10015
  /* @__PURE__ */ jsxRuntime.jsx(
9950
- Box34__default.default,
10016
+ Box35__default.default,
9951
10017
  {
9952
10018
  sx: {
9953
10019
  display: "flex",
@@ -9975,7 +10041,7 @@ function GraphNode(nodeProps) {
9975
10041
  }
9976
10042
  ),
9977
10043
  /* @__PURE__ */ jsxRuntime.jsxs(
9978
- Box34__default.default,
10044
+ Box35__default.default,
9979
10045
  {
9980
10046
  sx: {
9981
10047
  display: "flex",
@@ -9986,7 +10052,7 @@ function GraphNode(nodeProps) {
9986
10052
  },
9987
10053
  children: [
9988
10054
  /* @__PURE__ */ jsxRuntime.jsxs(
9989
- Box34__default.default,
10055
+ Box35__default.default,
9990
10056
  {
9991
10057
  sx: {
9992
10058
  display: "flex",
@@ -10016,7 +10082,7 @@ function GraphNode(nodeProps) {
10016
10082
  placement: "top",
10017
10083
  enterDelay: 500,
10018
10084
  children: /* @__PURE__ */ jsxRuntime.jsx(
10019
- Box34__default.default,
10085
+ Box35__default.default,
10020
10086
  {
10021
10087
  sx: {
10022
10088
  display: "flex",
@@ -10024,7 +10090,7 @@ function GraphNode(nodeProps) {
10024
10090
  justifyContent: "center"
10025
10091
  },
10026
10092
  children: /* @__PURE__ */ jsxRuntime.jsx(
10027
- Box34__default.default,
10093
+ Box35__default.default,
10028
10094
  {
10029
10095
  component: fa.FaRegDotCircle,
10030
10096
  sx: {
@@ -10049,7 +10115,7 @@ function GraphNode(nodeProps) {
10049
10115
  }
10050
10116
  ),
10051
10117
  /* @__PURE__ */ jsxRuntime.jsx(
10052
- Box34__default.default,
10118
+ Box35__default.default,
10053
10119
  {
10054
10120
  component: vsc.VscKebabVertical,
10055
10121
  sx: {
@@ -10069,14 +10135,14 @@ function GraphNode(nodeProps) {
10069
10135
  )
10070
10136
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10071
10137
  ResourceIcon && /* @__PURE__ */ jsxRuntime.jsx(
10072
- Box34__default.default,
10138
+ Box35__default.default,
10073
10139
  {
10074
10140
  component: ResourceIcon,
10075
10141
  sx: { fontSize: 16, color: iconResourceColor }
10076
10142
  }
10077
10143
  ),
10078
10144
  changeStatus && IconChangeStatus && /* @__PURE__ */ jsxRuntime.jsx(
10079
- Box34__default.default,
10145
+ Box35__default.default,
10080
10146
  {
10081
10147
  component: IconChangeStatus,
10082
10148
  sx: { color: iconChangeStatusColor }
@@ -10087,7 +10153,7 @@ function GraphNode(nodeProps) {
10087
10153
  }
10088
10154
  ),
10089
10155
  /* @__PURE__ */ jsxRuntime.jsx(
10090
- Box34__default.default,
10156
+ Box35__default.default,
10091
10157
  {
10092
10158
  sx: {
10093
10159
  display: "flex",
@@ -10098,7 +10164,7 @@ function GraphNode(nodeProps) {
10098
10164
  visibility: showContent ? "inherit" : "hidden"
10099
10165
  },
10100
10166
  children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: 1, children: action ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10101
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
10167
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
10102
10168
  /* @__PURE__ */ jsxRuntime.jsx(
10103
10169
  ActionTag,
10104
10170
  {
@@ -10107,7 +10173,7 @@ function GraphNode(nodeProps) {
10107
10173
  }
10108
10174
  )
10109
10175
  ] }) : isShowingChangeAnalysis ? /* @__PURE__ */ jsxRuntime.jsx(
10110
- Box34__default.default,
10176
+ Box35__default.default,
10111
10177
  {
10112
10178
  sx: {
10113
10179
  height: 20,
@@ -10140,7 +10206,7 @@ function GraphNode(nodeProps) {
10140
10206
  }
10141
10207
  ),
10142
10208
  showColumns && /* @__PURE__ */ jsxRuntime.jsx(
10143
- Box34__default.default,
10209
+ Box35__default.default,
10144
10210
  {
10145
10211
  sx: {
10146
10212
  p: "10px 10px",
@@ -10152,7 +10218,7 @@ function GraphNode(nodeProps) {
10152
10218
  borderBottomRightRadius: 8
10153
10219
  },
10154
10220
  children: /* @__PURE__ */ jsxRuntime.jsx(
10155
- Box34__default.default,
10221
+ Box35__default.default,
10156
10222
  {
10157
10223
  sx: {
10158
10224
  height: `${columnSet.size * COLUMN_HEIGHT}px`,
@@ -10395,7 +10461,7 @@ from {{ ref("${modelNode.name}") }}`;
10395
10461
  }
10396
10462
  menuItems.push({
10397
10463
  label: "Query",
10398
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10464
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10399
10465
  isDisabled: isQueryDisabled,
10400
10466
  action: () => {
10401
10467
  setSqlQuery(query);
@@ -10416,7 +10482,7 @@ from {{ ref("${modelNode.name}") }}`;
10416
10482
  });
10417
10483
  menuItems.push({
10418
10484
  label: "Query Related Columns",
10419
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10485
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10420
10486
  isDisabled: isQueryDisabled,
10421
10487
  action: () => {
10422
10488
  const query2 = `select
@@ -10443,7 +10509,7 @@ from {{ ref("${modelNode.name}") }}`;
10443
10509
  });
10444
10510
  menuItems.push({
10445
10511
  label: "Query Modified Columns",
10446
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10512
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10447
10513
  isDisabled: isQueryDisabled,
10448
10514
  action: () => {
10449
10515
  const query2 = `select
@@ -10467,7 +10533,7 @@ from {{ ref("${modelNode.name}") }}`;
10467
10533
  menuItems.push({
10468
10534
  label: rowCountAndRowCountRun.title,
10469
10535
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
10470
- Box34__default.default,
10536
+ Box35__default.default,
10471
10537
  {
10472
10538
  component: rowCountAndRowCountRun.icon,
10473
10539
  sx: { display: "inline-flex" }
@@ -10493,7 +10559,7 @@ from {{ ref("${modelNode.name}") }}`;
10493
10559
  menuItems.push({
10494
10560
  label: profileAndProfileDiffRun.title,
10495
10561
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
10496
- Box34__default.default,
10562
+ Box35__default.default,
10497
10563
  {
10498
10564
  component: profileAndProfileDiffRun.icon,
10499
10565
  sx: { display: "inline-flex" }
@@ -10518,7 +10584,7 @@ from {{ ref("${modelNode.name}") }}`;
10518
10584
  const valueDiffRun = findByRunType("value_diff");
10519
10585
  menuItems.push({
10520
10586
  label: valueDiffRun.title,
10521
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
10587
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
10522
10588
  isDisabled: isQueryDisabled,
10523
10589
  action: () => {
10524
10590
  const columns2 = Array.from(getNodeColumnSet(node.id));
@@ -10671,7 +10737,7 @@ var ColumnNodeContextMenu = ({
10671
10737
  const run = findByRunType(singleEnv ? "profile" : "profile_diff");
10672
10738
  menuItems.push({
10673
10739
  label: run.title,
10674
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10740
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: run.icon, sx: { display: "inline-flex" } }),
10675
10741
  action: handleProfileDiff,
10676
10742
  isDisabled: addedOrRemoved || !isActionAvailable("profile_diff") || isQueryDisabled
10677
10743
  });
@@ -10680,7 +10746,7 @@ var ColumnNodeContextMenu = ({
10680
10746
  menuItems.push({
10681
10747
  label: isHistogramDiffRun2.title,
10682
10748
  itemIcon: /* @__PURE__ */ jsxRuntime.jsx(
10683
- Box34__default.default,
10749
+ Box35__default.default,
10684
10750
  {
10685
10751
  component: isHistogramDiffRun2.icon,
10686
10752
  sx: { display: "inline-flex" }
@@ -10692,14 +10758,14 @@ var ColumnNodeContextMenu = ({
10692
10758
  const isTopKDiffRun2 = findByRunType("top_k_diff");
10693
10759
  menuItems.push({
10694
10760
  label: isTopKDiffRun2.title,
10695
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
10761
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
10696
10762
  action: handleTopkDiff,
10697
10763
  isDisabled: addedOrRemoved || isQueryDisabled
10698
10764
  });
10699
10765
  const isValueDiffRun2 = findByRunType("value_diff");
10700
10766
  menuItems.push({
10701
10767
  label: isValueDiffRun2.title,
10702
- itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
10768
+ itemIcon: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
10703
10769
  action: handleValueDiff,
10704
10770
  isDisabled: addedOrRemoved || isQueryDisabled
10705
10771
  });
@@ -10809,7 +10875,7 @@ function LineageViewNotification({
10809
10875
  error: "error.light"
10810
10876
  }[type];
10811
10877
  return /* @__PURE__ */ jsxRuntime.jsxs(
10812
- Box34__default.default,
10878
+ Box35__default.default,
10813
10879
  {
10814
10880
  sx: {
10815
10881
  width: "100%",
@@ -10826,7 +10892,7 @@ function LineageViewNotification({
10826
10892
  },
10827
10893
  children: [
10828
10894
  notification,
10829
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
10895
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
10830
10896
  /* @__PURE__ */ jsxRuntime.jsx(
10831
10897
  IconButton2__default.default,
10832
10898
  {
@@ -10847,10 +10913,10 @@ function HistoryToggle() {
10847
10913
  if (isHistoryOpen) {
10848
10914
  return;
10849
10915
  }
10850
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
10851
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { fontSize: "8pt" }, children: "History" }),
10916
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
10917
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { fontSize: "8pt" }, children: "History" }),
10852
10918
  /* @__PURE__ */ jsxRuntime.jsx(
10853
- Button10__default.default,
10919
+ Button11__default.default,
10854
10920
  {
10855
10921
  size: "xsmall",
10856
10922
  variant: "outlined",
@@ -10869,7 +10935,7 @@ var SelectFilterTooltip = () => {
10869
10935
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { fontSize: "10pt", color: "text.secondary", pb: 1, children: "Select nodes by dbt node selector syntax" }),
10870
10936
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
10871
10937
  /* @__PURE__ */ jsxRuntime.jsx(
10872
- Box34__default.default,
10938
+ Box35__default.default,
10873
10939
  {
10874
10940
  component: "code",
10875
10941
  sx: {
@@ -10886,7 +10952,7 @@ var SelectFilterTooltip = () => {
10886
10952
  ] }),
10887
10953
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
10888
10954
  /* @__PURE__ */ jsxRuntime.jsx(
10889
- Box34__default.default,
10955
+ Box35__default.default,
10890
10956
  {
10891
10957
  component: "code",
10892
10958
  sx: {
@@ -10903,7 +10969,7 @@ var SelectFilterTooltip = () => {
10903
10969
  ] }),
10904
10970
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
10905
10971
  /* @__PURE__ */ jsxRuntime.jsx(
10906
- Box34__default.default,
10972
+ Box35__default.default,
10907
10973
  {
10908
10974
  component: "code",
10909
10975
  sx: {
@@ -10920,7 +10986,7 @@ var SelectFilterTooltip = () => {
10920
10986
  ] }),
10921
10987
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { fontSize: "8pt", children: [
10922
10988
  /* @__PURE__ */ jsxRuntime.jsx(
10923
- Box34__default.default,
10989
+ Box35__default.default,
10924
10990
  {
10925
10991
  component: "code",
10926
10992
  sx: {
@@ -10959,7 +11025,7 @@ var ViewModeSelectMenu = ({ isDisabled }) => {
10959
11025
  const ModelIcon = getIconForResourceType("model").icon;
10960
11026
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10961
11027
  /* @__PURE__ */ jsxRuntime.jsx(
10962
- Button10__default.default,
11028
+ Button11__default.default,
10963
11029
  {
10964
11030
  size: "xsmall",
10965
11031
  variant: "outlined",
@@ -11047,7 +11113,7 @@ var PackageSelectMenu = ({ isDisabled }) => {
11047
11113
  };
11048
11114
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11049
11115
  /* @__PURE__ */ jsxRuntime.jsx(
11050
- Button10__default.default,
11116
+ Button11__default.default,
11051
11117
  {
11052
11118
  size: "xsmall",
11053
11119
  variant: "outlined",
@@ -11184,7 +11250,7 @@ var ExcludeFilter = ({ isDisabled }) => {
11184
11250
  );
11185
11251
  };
11186
11252
  var ControlItem = (props) => {
11187
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { style: props.style, sx: { maxWidth: 300 }, children: [
11253
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { style: props.style, sx: { maxWidth: 300 }, children: [
11188
11254
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { fontSize: "8pt", children: (props.label ?? "").trim() || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) }),
11189
11255
  props.children
11190
11256
  ] });
@@ -11232,11 +11298,11 @@ var LineageViewTopBar = () => {
11232
11298
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Package", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(PackageSelectMenu, { isDisabled: isFilterDisabled }) }),
11233
11299
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Select", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(SelectFilter, { isDisabled: isFilterDisabled }) }),
11234
11300
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Exclude", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(ExcludeFilter, { isDisabled: isFilterDisabled }) }),
11235
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
11301
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
11236
11302
  isMultiSelect && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11237
11303
  /* @__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` }) }),
11238
11304
  /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "", children: /* @__PURE__ */ jsxRuntime.jsx(
11239
- Button10__default.default,
11305
+ Button11__default.default,
11240
11306
  {
11241
11307
  variant: "outlined",
11242
11308
  color: "neutral",
@@ -11248,9 +11314,9 @@ var LineageViewTopBar = () => {
11248
11314
  children: "Deselect"
11249
11315
  }
11250
11316
  ) }),
11251
- isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "inline-flex" }, children: [
11317
+ isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "inline-flex" }, children: [
11252
11318
  /* @__PURE__ */ jsxRuntime.jsx(
11253
- Button10__default.default,
11319
+ Button11__default.default,
11254
11320
  {
11255
11321
  size: "xsmall",
11256
11322
  color: "neutral",
@@ -11287,9 +11353,9 @@ var LineageViewTopBar = () => {
11287
11353
  )
11288
11354
  ] }) })
11289
11355
  ] }),
11290
- !isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "inline-flex" }, children: [
11356
+ !isSingleEnvOnboarding && /* @__PURE__ */ jsxRuntime.jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "inline-flex" }, children: [
11291
11357
  /* @__PURE__ */ jsxRuntime.jsx(
11292
- Button10__default.default,
11358
+ Button11__default.default,
11293
11359
  {
11294
11360
  size: "xsmall",
11295
11361
  color: "neutral",
@@ -11411,7 +11477,7 @@ var DisableTooltipMessages = {
11411
11477
  };
11412
11478
  var RecceNotification = (props) => {
11413
11479
  return /* @__PURE__ */ jsxRuntime.jsxs(
11414
- Box34__default.default,
11480
+ Box35__default.default,
11415
11481
  {
11416
11482
  sx: {
11417
11483
  display: "flex",
@@ -11429,14 +11495,14 @@ var RecceNotification = (props) => {
11429
11495
  },
11430
11496
  children: [
11431
11497
  /* @__PURE__ */ jsxRuntime.jsx(
11432
- Box34__default.default,
11498
+ Box35__default.default,
11433
11499
  {
11434
11500
  component: fi.FiInfo,
11435
11501
  sx: { width: "20px", height: "20px", color: "primary.900" }
11436
11502
  }
11437
11503
  ),
11438
11504
  props.children,
11439
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
11505
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
11440
11506
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: props.onClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
11441
11507
  ]
11442
11508
  }
@@ -11536,7 +11602,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
11536
11602
  await handleViewCll(row.name);
11537
11603
  }
11538
11604
  };
11539
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
11605
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
11540
11606
  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, {}),
11541
11607
  rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
11542
11608
  ScreenshotDataGrid,
@@ -11662,7 +11728,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
11662
11728
  }
11663
11729
  await handleViewCll(row.name);
11664
11730
  };
11665
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
11731
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
11666
11732
  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, {}),
11667
11733
  rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
11668
11734
  ScreenshotDataGrid,
@@ -11759,6 +11825,7 @@ function CodeEditor({
11759
11825
  }
11760
11826
  );
11761
11827
  }
11828
+ var CodeEditor_default = CodeEditor;
11762
11829
  var getLanguageExtension2 = (language) => {
11763
11830
  switch (language) {
11764
11831
  case "sql":
@@ -11874,6 +11941,7 @@ function DiffEditor({
11874
11941
  }
11875
11942
  );
11876
11943
  }
11944
+ var DiffEditor_default = DiffEditor;
11877
11945
  var NodeSqlView = ({ node }) => {
11878
11946
  const [isOpen, setIsOpen] = React12.useState(false);
11879
11947
  const [isHovered, setIsHovered] = React12.useState(false);
@@ -11889,7 +11957,7 @@ var NodeSqlView = ({ node }) => {
11889
11957
  const modified = node.data.data.current?.raw_code;
11890
11958
  const modelName = node.data.data.base?.name ?? node.data.data.current?.name ?? "";
11891
11959
  return /* @__PURE__ */ jsxRuntime.jsxs(
11892
- Box34__default.default,
11960
+ Box35__default.default,
11893
11961
  {
11894
11962
  className: "no-track-pii-safe",
11895
11963
  sx: { position: "relative", height: "100%" },
@@ -11956,7 +12024,7 @@ var NodeSqlView = ({ node }) => {
11956
12024
  /* @__PURE__ */ jsxRuntime.jsx("code", { children: modelName }),
11957
12025
  "\xA0Model Code Diff"
11958
12026
  ] }),
11959
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
12027
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
11960
12028
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
11961
12029
  ] }),
11962
12030
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -12013,7 +12081,7 @@ function ReactionFeedback({
12013
12081
  externalLinkText
12014
12082
  }) {
12015
12083
  return /* @__PURE__ */ jsxRuntime.jsxs(
12016
- Box34__default.default,
12084
+ Box35__default.default,
12017
12085
  {
12018
12086
  sx: {
12019
12087
  display: "flex",
@@ -12030,7 +12098,7 @@ function ReactionFeedback({
12030
12098
  "aria-label": "thumbs up",
12031
12099
  onClick: onLike,
12032
12100
  sx: { width: "32px", height: "32px" },
12033
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
12101
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
12034
12102
  }
12035
12103
  ),
12036
12104
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -12040,7 +12108,7 @@ function ReactionFeedback({
12040
12108
  onClick: onDislike,
12041
12109
  sx: { width: "32px", height: "32px" },
12042
12110
  children: /* @__PURE__ */ jsxRuntime.jsx(
12043
- Box34__default.default,
12111
+ Box35__default.default,
12044
12112
  {
12045
12113
  component: "img",
12046
12114
  src: "/imgs/feedback/thumbs-down.png",
@@ -12176,6 +12244,246 @@ function extractSchemas(lineageGraph) {
12176
12244
  }
12177
12245
  return [baseSchemas, currentSchemas];
12178
12246
  }
12247
+ function buildEnvironmentTrackingData(envInfo, reviewMode, baseSchemas, currentSchemas) {
12248
+ const git = envInfo?.git;
12249
+ const pr = envInfo?.pullRequest;
12250
+ const dbtBase = envInfo?.dbt?.base;
12251
+ const dbtCurrent = envInfo?.dbt?.current;
12252
+ const trackingData = {
12253
+ review_mode: reviewMode || false,
12254
+ adapter_type: envInfo?.adapterType || null,
12255
+ has_git_info: !_3.isEmpty(git),
12256
+ has_pr_info: !_3.isEmpty(pr)
12257
+ };
12258
+ if (envInfo?.adapterType === "dbt") {
12259
+ trackingData.base = {
12260
+ schema_count: baseSchemas.size,
12261
+ dbt_version: dbtBase?.dbt_version || null,
12262
+ timestamp: dbtBase?.generated_at || null
12263
+ };
12264
+ trackingData.current = {
12265
+ schema_count: currentSchemas.size,
12266
+ dbt_version: dbtCurrent?.dbt_version || null,
12267
+ timestamp: dbtCurrent?.generated_at || null
12268
+ };
12269
+ trackingData.schemas_match = baseSchemas.size === currentSchemas.size && Array.from(baseSchemas).every((s) => currentSchemas.has(s));
12270
+ }
12271
+ if (envInfo?.adapterType === "sqlmesh") {
12272
+ trackingData.base = {
12273
+ has_env: !!envInfo.sqlmesh?.base_env
12274
+ };
12275
+ trackingData.current = {
12276
+ has_env: !!envInfo.sqlmesh?.current_env
12277
+ };
12278
+ }
12279
+ return trackingData;
12280
+ }
12281
+ function renderInfoEntries(info) {
12282
+ if (Object.values(info).every((value) => value === null)) {
12283
+ return [
12284
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { ml: "10px" }, children: "No information" }, "no info")
12285
+ ];
12286
+ }
12287
+ return Object.entries(info).filter(
12288
+ ([key, value]) => key !== "url" && value !== null && value !== void 0
12289
+ ).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginLeft: "10px" }, children: [
12290
+ key,
12291
+ ": ",
12292
+ value
12293
+ ] }, key));
12294
+ }
12295
+ function EnvInfo() {
12296
+ const { envInfo, reviewMode, lineageGraph } = useLineageGraphContext();
12297
+ const [open, setOpen] = React12.useState(false);
12298
+ const git = envInfo?.git;
12299
+ const pr = envInfo?.pullRequest;
12300
+ const reviewInfo = { ...git, ...pr };
12301
+ const dbtBase = envInfo?.dbt?.base;
12302
+ const dbtCurrent = envInfo?.dbt?.current;
12303
+ const baseTime = dbtBase?.generated_at ? formatTimestamp(dbtBase.generated_at) : "";
12304
+ const currentTime = dbtCurrent?.generated_at ? formatTimestamp(dbtCurrent.generated_at) : "";
12305
+ let baseRelativeTime = "";
12306
+ let currentRelativeTime = "";
12307
+ if (dbtBase) {
12308
+ baseRelativeTime = dbtBase.generated_at ? formatTimeToNow(dbtBase.generated_at) : "";
12309
+ }
12310
+ if (dbtCurrent) {
12311
+ currentRelativeTime = dbtCurrent.generated_at ? formatTimeToNow(dbtCurrent.generated_at) : "";
12312
+ }
12313
+ const [baseSchemas, currentSchemas] = extractSchemas(lineageGraph);
12314
+ const hasTrackedRef = React12.useRef(false);
12315
+ React12.useEffect(() => {
12316
+ if (!hasTrackedRef.current && envInfo) {
12317
+ hasTrackedRef.current = true;
12318
+ const trackingData = buildEnvironmentTrackingData(
12319
+ envInfo,
12320
+ reviewMode,
12321
+ baseSchemas,
12322
+ currentSchemas
12323
+ );
12324
+ trackEnvironmentConfig(trackingData);
12325
+ }
12326
+ }, [envInfo, reviewMode, baseSchemas, currentSchemas]);
12327
+ const handleOpen = () => setOpen(true);
12328
+ const handleClose = () => setOpen(false);
12329
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
12330
+ /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Environment Info", placement: "bottom-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
12331
+ "div",
12332
+ {
12333
+ className: "flex items-center hover:cursor-pointer hover:text-black",
12334
+ onClick: handleOpen,
12335
+ children: [
12336
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden text-sm lg:flex lg:flex-col", children: [
12337
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
12338
+ /* @__PURE__ */ jsxRuntime.jsx(
12339
+ Typography28__default.default,
12340
+ {
12341
+ component: "span",
12342
+ sx: { color: "warning.main" },
12343
+ className: "no-track-pii-safe max-w-32 truncate",
12344
+ children: Array.from(baseSchemas).join(", ")
12345
+ }
12346
+ ),
12347
+ " ",
12348
+ "(",
12349
+ baseRelativeTime,
12350
+ ")"
12351
+ ] }),
12352
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
12353
+ /* @__PURE__ */ jsxRuntime.jsx(
12354
+ Typography28__default.default,
12355
+ {
12356
+ component: "span",
12357
+ sx: { color: "primary.main" },
12358
+ className: "no-track-pii-safe max-w-32 truncate",
12359
+ children: Array.from(currentSchemas).join(", ")
12360
+ }
12361
+ ),
12362
+ " ",
12363
+ "(",
12364
+ currentRelativeTime,
12365
+ ")"
12366
+ ] })
12367
+ ] }),
12368
+ /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", "aria-label": "Environment Info", children: /* @__PURE__ */ jsxRuntime.jsx(
12369
+ Box35__default.default,
12370
+ {
12371
+ component: IconInfo,
12372
+ sx: { fontSize: 16, verticalAlign: "middle" }
12373
+ }
12374
+ ) })
12375
+ ]
12376
+ }
12377
+ ) }),
12378
+ /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { open, onClose: handleClose, maxWidth: "sm", fullWidth: true, children: [
12379
+ /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
12380
+ "Environment Information",
12381
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
12382
+ /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
12383
+ ] }),
12384
+ /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 1, children: [
12385
+ reviewMode ? /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
12386
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "Review Information" }),
12387
+ /* @__PURE__ */ jsxRuntime.jsxs("ul", { style: { margin: 0, paddingLeft: "20px" }, children: [
12388
+ reviewInfo.url && /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginLeft: "10px" }, children: [
12389
+ "url:",
12390
+ " ",
12391
+ /* @__PURE__ */ jsxRuntime.jsxs(
12392
+ Link__default.default,
12393
+ {
12394
+ href: reviewInfo.url,
12395
+ target: "_blank",
12396
+ sx: { color: "primary.main" },
12397
+ children: [
12398
+ reviewInfo.url,
12399
+ " ",
12400
+ /* @__PURE__ */ jsxRuntime.jsx(lu.LuExternalLink, {})
12401
+ ]
12402
+ }
12403
+ )
12404
+ ] }),
12405
+ !_3.isEmpty(reviewInfo) && renderInfoEntries(reviewInfo)
12406
+ ] })
12407
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
12408
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "Dev Information" }),
12409
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: "20px" }, children: git && renderInfoEntries(git) })
12410
+ ] }),
12411
+ /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
12412
+ envInfo?.adapterType === "dbt" && /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
12413
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "DBT" }),
12414
+ /* @__PURE__ */ jsxRuntime.jsx(
12415
+ TableContainer__default.default,
12416
+ {
12417
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
12418
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Table__default.default, { size: "small", stickyHeader: true, children: [
12419
+ /* @__PURE__ */ jsxRuntime.jsx(TableHead__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12420
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, {}),
12421
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "base" }),
12422
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "current" })
12423
+ ] }) }),
12424
+ /* @__PURE__ */ jsxRuntime.jsxs(TableBody__default.default, { children: [
12425
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12426
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "schema" }),
12427
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: Array.from(baseSchemas).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
12428
+ MuiTooltip__default.default,
12429
+ {
12430
+ title: item,
12431
+ placement: "bottom",
12432
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-72 truncate", children: item })
12433
+ },
12434
+ item
12435
+ )) }),
12436
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: Array.from(currentSchemas).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
12437
+ MuiTooltip__default.default,
12438
+ {
12439
+ title: item,
12440
+ placement: "bottom",
12441
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-72 truncate", children: item })
12442
+ },
12443
+ item
12444
+ )) })
12445
+ ] }),
12446
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12447
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "version" }),
12448
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: dbtBase?.dbt_version }),
12449
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: dbtCurrent?.dbt_version })
12450
+ ] }),
12451
+ /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12452
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "timestamp" }),
12453
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: baseTime }),
12454
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: currentTime })
12455
+ ] })
12456
+ ] })
12457
+ ] })
12458
+ }
12459
+ )
12460
+ ] }),
12461
+ envInfo?.adapterType === "sqlmesh" && /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "column", spacing: 0.5, children: [
12462
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { fontSize: "1rem" }, children: "SQLMesh" }),
12463
+ /* @__PURE__ */ jsxRuntime.jsx(
12464
+ TableContainer__default.default,
12465
+ {
12466
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
12467
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Table__default.default, { stickyHeader: true, children: [
12468
+ /* @__PURE__ */ jsxRuntime.jsx(TableHead__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12469
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, {}),
12470
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "base" }),
12471
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "current" })
12472
+ ] }) }),
12473
+ /* @__PURE__ */ jsxRuntime.jsx(TableBody__default.default, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow__default.default, { children: [
12474
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { children: "Environment" }),
12475
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.base_env }),
12476
+ /* @__PURE__ */ jsxRuntime.jsx(TableCell__default.default, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.current_env })
12477
+ ] }) })
12478
+ ] })
12479
+ }
12480
+ )
12481
+ ] })
12482
+ ] }) }),
12483
+ /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", onClick: handleClose, children: "Close" }) })
12484
+ ] })
12485
+ ] });
12486
+ }
12179
12487
  var DropdownValuesInput = (props) => {
12180
12488
  const { defaultValues, suggestionList, onValuesChange, className } = props;
12181
12489
  const [values, setValues] = React12.useState(defaultValues ?? []);
@@ -12246,7 +12554,7 @@ var DropdownValuesInput = (props) => {
12246
12554
  }
12247
12555
  };
12248
12556
  return /* @__PURE__ */ jsxRuntime.jsxs(
12249
- Box34__default.default,
12557
+ Box35__default.default,
12250
12558
  {
12251
12559
  sx: {
12252
12560
  display: "flex",
@@ -12256,7 +12564,7 @@ var DropdownValuesInput = (props) => {
12256
12564
  className,
12257
12565
  children: [
12258
12566
  /* @__PURE__ */ jsxRuntime.jsxs(
12259
- Button10__default.default,
12567
+ Button11__default.default,
12260
12568
  {
12261
12569
  variant: "outlined",
12262
12570
  color: "neutral",
@@ -12323,8 +12631,8 @@ var DropdownValuesInput = (props) => {
12323
12631
  }
12324
12632
  },
12325
12633
  children: [
12326
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
12327
- Box34__default.default,
12634
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
12635
+ Box35__default.default,
12328
12636
  {
12329
12637
  sx: {
12330
12638
  border: "1px solid",
@@ -12431,7 +12739,7 @@ var DropdownValuesInput = (props) => {
12431
12739
  {
12432
12740
  title: "Please use filter to find more items",
12433
12741
  placement: "top",
12434
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
12742
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
12435
12743
  "and ",
12436
12744
  filteredList.length - limit,
12437
12745
  " more items..."
@@ -12471,7 +12779,7 @@ var QueryForm = ({
12471
12779
  }
12472
12780
  return Array.from(columnSet).sort();
12473
12781
  }, [lineageGraph]);
12474
- 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: [
12782
+ 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: [
12475
12783
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
12476
12784
  /* @__PURE__ */ jsxRuntime.jsx(
12477
12785
  Typography28__default.default,
@@ -12482,7 +12790,7 @@ var QueryForm = ({
12482
12790
  }
12483
12791
  ),
12484
12792
  /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: labelInfo, placement: "bottom-end", children: /* @__PURE__ */ jsxRuntime.jsx(
12485
- Box34__default.default,
12793
+ Box35__default.default,
12486
12794
  {
12487
12795
  component: "span",
12488
12796
  sx: { display: "flex", color: "grey.600", cursor: "help" },
@@ -12571,7 +12879,7 @@ function AuthModal({
12571
12879
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Your instance will be securely and freely hosted for sharing." }),
12572
12880
  variant === "auth" && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "This step is recommended but optional." })
12573
12881
  ] }),
12574
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1 }, children: [
12882
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1 }, children: [
12575
12883
  "More directions",
12576
12884
  /* @__PURE__ */ jsxRuntime.jsxs(
12577
12885
  Link__default.default,
@@ -12593,7 +12901,7 @@ function AuthModal({
12593
12901
  ] }),
12594
12902
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
12595
12903
  /* @__PURE__ */ jsxRuntime.jsxs(
12596
- Button10__default.default,
12904
+ Button11__default.default,
12597
12905
  {
12598
12906
  fullWidth: true,
12599
12907
  color: "brand",
@@ -12612,7 +12920,7 @@ function AuthModal({
12612
12920
  }
12613
12921
  ),
12614
12922
  /* @__PURE__ */ jsxRuntime.jsx(
12615
- Button10__default.default,
12923
+ Button11__default.default,
12616
12924
  {
12617
12925
  fullWidth: true,
12618
12926
  color: "neutral",
@@ -12624,7 +12932,7 @@ function AuthModal({
12624
12932
  }
12625
12933
  ),
12626
12934
  variant === "auth" && /* @__PURE__ */ jsxRuntime.jsx(
12627
- Button10__default.default,
12935
+ Button11__default.default,
12628
12936
  {
12629
12937
  fullWidth: true,
12630
12938
  variant: "text",
@@ -12644,7 +12952,7 @@ function AuthModal({
12644
12952
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
12645
12953
  /* @__PURE__ */ jsxRuntime.jsx(DialogContent__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: [
12646
12954
  /* @__PURE__ */ jsxRuntime.jsx(
12647
- Box34__default.default,
12955
+ Box35__default.default,
12648
12956
  {
12649
12957
  component: "img",
12650
12958
  sx: { height: "6rem", objectFit: "contain", mx: "auto", mb: 1 },
@@ -12656,7 +12964,7 @@ function AuthModal({
12656
12964
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Reload to complete connection to Recce Cloud" })
12657
12965
  ] }) }),
12658
12966
  /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
12659
- Button10__default.default,
12967
+ Button11__default.default,
12660
12968
  {
12661
12969
  fullWidth: true,
12662
12970
  color: "brand",
@@ -12903,9 +13211,9 @@ function SqlEditor({
12903
13211
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: timestamp }),
12904
13212
  ")"
12905
13213
  ] }),
12906
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
13214
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
12907
13215
  (onRun ?? onRunBase) && /* @__PURE__ */ jsxRuntime.jsx(
12908
- Button10__default.default,
13216
+ Button11__default.default,
12909
13217
  {
12910
13218
  size: "xsmall",
12911
13219
  variant: "outlined",
@@ -13060,7 +13368,7 @@ var RunStatusAndDate = ({ run }) => {
13060
13368
  }
13061
13369
  const dateTime = run.run_at ? formatRunDateTime(new Date(run.run_at)) : null;
13062
13370
  return /* @__PURE__ */ jsxRuntime.jsxs(
13063
- Box34__default.default,
13371
+ Box35__default.default,
13064
13372
  {
13065
13373
  sx: {
13066
13374
  display: "flex",
@@ -13098,61 +13406,6 @@ var RunStatusAndDate = ({ run }) => {
13098
13406
  }
13099
13407
  );
13100
13408
  };
13101
- var Fallback = (errorData) => {
13102
- return /* @__PURE__ */ jsxRuntime.jsx(
13103
- Box34__default.default,
13104
- {
13105
- sx: {
13106
- height: "100%",
13107
- bgcolor: "grey.50",
13108
- display: "flex",
13109
- alignItems: "center",
13110
- justifyContent: "center"
13111
- },
13112
- children: /* @__PURE__ */ jsxRuntime.jsxs(
13113
- Box34__default.default,
13114
- {
13115
- sx: {
13116
- p: 4,
13117
- display: "flex",
13118
- flexDirection: "column",
13119
- justifyContent: "flex-start",
13120
- bgcolor: "white",
13121
- border: "solid lightgray 1px",
13122
- minHeight: "200px"
13123
- },
13124
- children: [
13125
- /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
13126
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
13127
- /* @__PURE__ */ jsxRuntime.jsx(
13128
- Button10__default.default,
13129
- {
13130
- sx: {
13131
- justifySelf: "center",
13132
- alignSelf: "center",
13133
- mt: "20px"
13134
- },
13135
- color: "iochmara",
13136
- variant: "contained",
13137
- size: "small",
13138
- onClick: () => {
13139
- errorData.resetError();
13140
- },
13141
- children: "Reset"
13142
- }
13143
- )
13144
- ]
13145
- }
13146
- )
13147
- }
13148
- );
13149
- };
13150
- var ErrorBoundary = ({
13151
- children,
13152
- fallback = Fallback
13153
- }) => {
13154
- return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { fallback, children });
13155
- };
13156
13409
  var ResultErrorFallback = (errorData) => {
13157
13410
  return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "error", children: String(errorData.error) });
13158
13411
  };
@@ -13187,7 +13440,7 @@ var RunView = React12.forwardRef(
13187
13440
  }
13188
13441
  const progressValue = progress?.percentage != null ? progress.percentage * 100 : void 0;
13189
13442
  return /* @__PURE__ */ jsxRuntime.jsx(
13190
- Box34__default.default,
13443
+ Box35__default.default,
13191
13444
  {
13192
13445
  sx: {
13193
13446
  display: "flex",
@@ -13199,7 +13452,7 @@ var RunView = React12.forwardRef(
13199
13452
  },
13200
13453
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", children: [
13201
13454
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: 1, children: [
13202
- progressValue == null ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 32 }) : /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { position: "relative", display: "inline-flex" }, children: [
13455
+ progressValue == null ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress4__default.default, { size: 32 }) : /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { position: "relative", display: "inline-flex" }, children: [
13203
13456
  /* @__PURE__ */ jsxRuntime.jsx(
13204
13457
  CircularProgress4__default.default,
13205
13458
  {
@@ -13209,7 +13462,7 @@ var RunView = React12.forwardRef(
13209
13462
  }
13210
13463
  ),
13211
13464
  /* @__PURE__ */ jsxRuntime.jsx(
13212
- Box34__default.default,
13465
+ Box35__default.default,
13213
13466
  {
13214
13467
  sx: {
13215
13468
  top: 0,
@@ -13235,14 +13488,14 @@ var RunView = React12.forwardRef(
13235
13488
  ] }),
13236
13489
  isAborting ? /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Aborting..." }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { className: "no-track-pii-safe", children: loadingMessage })
13237
13490
  ] }),
13238
- !isAborting && /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
13491
+ !isAborting && /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
13239
13492
  ] })
13240
13493
  }
13241
13494
  );
13242
13495
  }
13243
13496
  if (!run) {
13244
13497
  return /* @__PURE__ */ jsxRuntime.jsx(
13245
- Box34__default.default,
13498
+ Box35__default.default,
13246
13499
  {
13247
13500
  sx: {
13248
13501
  display: "flex",
@@ -13266,7 +13519,7 @@ var RunView = React12.forwardRef(
13266
13519
  );
13267
13520
  }
13268
13521
  return /* @__PURE__ */ jsxRuntime.jsxs(
13269
- Box34__default.default,
13522
+ Box35__default.default,
13270
13523
  {
13271
13524
  sx: {
13272
13525
  height: "100%",
@@ -13349,7 +13602,7 @@ var RunResultShareMenu = ({
13349
13602
  };
13350
13603
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13351
13604
  /* @__PURE__ */ jsxRuntime.jsx(
13352
- Button10__default.default,
13605
+ Button11__default.default,
13353
13606
  {
13354
13607
  size: "small",
13355
13608
  variant: "outlined",
@@ -13439,10 +13692,10 @@ var PrivateLoadableRunView = ({
13439
13692
  const isQuery = run?.type === "query" || run?.type === "query_diff" || run?.type === "query_base";
13440
13693
  const { ref, onCopyToClipboard, onMouseEnter, onMouseLeave } = useCopyToClipboardButton();
13441
13694
  const disableCopyToClipboard = !runId || !run?.result || !!error || tabValue !== "result";
13442
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
13695
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
13443
13696
  showSingleEnvironmentSetupNotification && /* @__PURE__ */ jsxRuntime.jsx(SingleEnvironmentSetupNotification, { runType: run?.type }),
13444
13697
  /* @__PURE__ */ jsxRuntime.jsxs(
13445
- Box34__default.default,
13698
+ Box35__default.default,
13446
13699
  {
13447
13700
  sx: {
13448
13701
  display: "flex",
@@ -13464,7 +13717,7 @@ var PrivateLoadableRunView = ({
13464
13717
  ]
13465
13718
  }
13466
13719
  ),
13467
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
13720
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
13468
13721
  /* @__PURE__ */ jsxRuntime.jsxs(
13469
13722
  Stack24__default.default,
13470
13723
  {
@@ -13475,7 +13728,7 @@ var PrivateLoadableRunView = ({
13475
13728
  children: [
13476
13729
  run && /* @__PURE__ */ jsxRuntime.jsx(RunStatusAndDate, { run }),
13477
13730
  /* @__PURE__ */ jsxRuntime.jsx(
13478
- Button10__default.default,
13731
+ Button11__default.default,
13479
13732
  {
13480
13733
  variant: "outlined",
13481
13734
  color: "neutral",
@@ -13488,7 +13741,7 @@ var PrivateLoadableRunView = ({
13488
13741
  }
13489
13742
  ),
13490
13743
  featureToggles.disableShare ? /* @__PURE__ */ jsxRuntime.jsx(
13491
- Button10__default.default,
13744
+ Button11__default.default,
13492
13745
  {
13493
13746
  variant: "outlined",
13494
13747
  color: "neutral",
@@ -13612,7 +13865,7 @@ function AddToCheckButton({
13612
13865
  }
13613
13866
  if (run?.check_id) {
13614
13867
  return /* @__PURE__ */ jsxRuntime.jsx(
13615
- Button10__default.default,
13868
+ Button11__default.default,
13616
13869
  {
13617
13870
  disabled: !runId || !run.result || !!error,
13618
13871
  size: "small",
@@ -13625,7 +13878,7 @@ function AddToCheckButton({
13625
13878
  );
13626
13879
  }
13627
13880
  return /* @__PURE__ */ jsxRuntime.jsx(
13628
- Button10__default.default,
13881
+ Button11__default.default,
13629
13882
  {
13630
13883
  disabled: !runId || !run?.result || !!error,
13631
13884
  size: "small",
@@ -13659,7 +13912,7 @@ function SandboxTopBar({
13659
13912
  flex: "0 0 54px"
13660
13913
  },
13661
13914
  children: [
13662
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
13915
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
13663
13916
  /* @__PURE__ */ jsxRuntime.jsxs(
13664
13917
  Typography28__default.default,
13665
13918
  {
@@ -13667,7 +13920,7 @@ function SandboxTopBar({
13667
13920
  component: "h2",
13668
13921
  sx: { display: "flex", alignItems: "center", gap: "5px" },
13669
13922
  children: [
13670
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: ai.AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
13923
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: ai.AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
13671
13924
  "Sandbox"
13672
13925
  ]
13673
13926
  }
@@ -13678,7 +13931,7 @@ function SandboxTopBar({
13678
13931
  /* @__PURE__ */ jsxRuntime.jsx("b", { children: current?.name })
13679
13932
  ] })
13680
13933
  ] }),
13681
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
13934
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
13682
13935
  /* @__PURE__ */ jsxRuntime.jsx(
13683
13936
  QueryForm,
13684
13937
  {
@@ -13687,7 +13940,7 @@ function SandboxTopBar({
13687
13940
  }
13688
13941
  ),
13689
13942
  /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Run diff to see the changes", children: /* @__PURE__ */ jsxRuntime.jsx(
13690
- Button10__default.default,
13943
+ Button11__default.default,
13691
13944
  {
13692
13945
  size: "small",
13693
13946
  sx: { mt: "16px", fontSize: "14px" },
@@ -13885,7 +14138,7 @@ function SandboxView({ isOpen, onClose, current }) {
13885
14138
  },
13886
14139
  children: [
13887
14140
  /* @__PURE__ */ jsxRuntime.jsxs(
13888
- Box34__default.default,
14141
+ Box35__default.default,
13889
14142
  {
13890
14143
  sx: {
13891
14144
  height: "40px",
@@ -13904,7 +14157,7 @@ function SandboxView({ isOpen, onClose, current }) {
13904
14157
  sx: { height: "100%", gap: "10px" },
13905
14158
  children: [
13906
14159
  /* @__PURE__ */ jsxRuntime.jsx(
13907
- Box34__default.default,
14160
+ Box35__default.default,
13908
14161
  {
13909
14162
  component: "img",
13910
14163
  sx: { width: "20px", height: "20px", ml: "18px" },
@@ -13998,11 +14251,11 @@ function SandboxView({ isOpen, onClose, current }) {
13998
14251
  onClose: () => setIsRunResultOpen(false),
13999
14252
  disableAddToChecklist: true
14000
14253
  }
14001
- ) : /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, {})
14254
+ ) : /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, {})
14002
14255
  ]
14003
14256
  }
14004
14257
  ) }),
14005
- /* @__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(
14258
+ /* @__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(
14006
14259
  IconButton2__default.default,
14007
14260
  {
14008
14261
  "aria-label": "feedback",
@@ -14064,7 +14317,7 @@ function NodeView({ node, onCloseNode }) {
14064
14317
  const baseColumns = Object.keys(node.data.data.base?.columns ?? {});
14065
14318
  const currentColumns = Object.keys(node.data.data.current?.columns ?? {});
14066
14319
  return /* @__PURE__ */ jsxRuntime.jsxs(
14067
- Box34__default.default,
14320
+ Box35__default.default,
14068
14321
  {
14069
14322
  sx: {
14070
14323
  height: "100%",
@@ -14073,7 +14326,7 @@ function NodeView({ node, onCloseNode }) {
14073
14326
  },
14074
14327
  children: [
14075
14328
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", children: [
14076
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14329
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14077
14330
  Typography28__default.default,
14078
14331
  {
14079
14332
  variant: "subtitle1",
@@ -14082,7 +14335,7 @@ function NodeView({ node, onCloseNode }) {
14082
14335
  children: node.data.name
14083
14336
  }
14084
14337
  ) }),
14085
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
14338
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
14086
14339
  isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
14087
14340
  SingleEnvironmentMenuButton,
14088
14341
  {
@@ -14103,18 +14356,18 @@ function NodeView({ node, onCloseNode }) {
14103
14356
  onSandboxOpen: () => setIsSandboxOpen(true)
14104
14357
  }
14105
14358
  ),
14106
- /* @__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, {}) }) })
14359
+ /* @__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, {}) }) })
14107
14360
  ] }),
14108
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, children: [
14361
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, children: [
14109
14362
  /* @__PURE__ */ jsxRuntime.jsx(ResourceTypeTag, { node }),
14110
14363
  (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 }))
14111
14364
  ] }) }),
14112
14365
  withColumns && /* @__PURE__ */ jsxRuntime.jsxs(
14113
- Box34__default.default,
14366
+ Box35__default.default,
14114
14367
  {
14115
14368
  sx: { overflow: "auto", display: "flex", flexDirection: "column" },
14116
14369
  children: [
14117
- isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14370
+ isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14118
14371
  RecceNotification,
14119
14372
  {
14120
14373
  onClose: () => setIsNotificationOpen(false),
@@ -14138,15 +14391,15 @@ function NodeView({ node, onCloseNode }) {
14138
14391
  ]
14139
14392
  }
14140
14393
  ),
14141
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
14142
- /* @__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(
14394
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
14395
+ /* @__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(
14143
14396
  SchemaView,
14144
14397
  {
14145
14398
  base: node.data.data.base,
14146
14399
  current: node.data.data.current
14147
14400
  }
14148
14401
  ) }) }),
14149
- /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeSqlView, { node }) }) })
14402
+ /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(NodeSqlView, { node }) }) })
14150
14403
  ] })
14151
14404
  ]
14152
14405
  }
@@ -14196,7 +14449,7 @@ from {{ ref("${node.data.name}") }}`;
14196
14449
  const ProfileIcon = findByRunType("profile").icon;
14197
14450
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14198
14451
  /* @__PURE__ */ jsxRuntime.jsx(
14199
- Button10__default.default,
14452
+ Button11__default.default,
14200
14453
  {
14201
14454
  size: "small",
14202
14455
  variant: "outlined",
@@ -14327,7 +14580,7 @@ from {{ ref("${node.data.name}") }}`;
14327
14580
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
14328
14581
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14329
14582
  /* @__PURE__ */ jsxRuntime.jsx(
14330
- Button10__default.default,
14583
+ Button11__default.default,
14331
14584
  {
14332
14585
  size: "xsmall",
14333
14586
  variant: "outlined",
@@ -14545,7 +14798,7 @@ function SetupConnectionBanner() {
14545
14798
  return null;
14546
14799
  }
14547
14800
  return /* @__PURE__ */ jsxRuntime.jsx(
14548
- Box34__default.default,
14801
+ Box35__default.default,
14549
14802
  {
14550
14803
  sx: {
14551
14804
  display: "flex",
@@ -14563,10 +14816,10 @@ function SetupConnectionBanner() {
14563
14816
  sx: { flex: 1, fontSize: "0.875rem", color: "cyan.600" },
14564
14817
  spacing: 1,
14565
14818
  children: [
14566
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiInfo }),
14819
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiInfo }),
14567
14820
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "inherit", color: "inherit" }, children: "Query functions disabled without a data warehouse connection." }),
14568
14821
  /* @__PURE__ */ jsxRuntime.jsx(
14569
- Button10__default.default,
14822
+ Button11__default.default,
14570
14823
  {
14571
14824
  sx: { bgcolor: "iochmara.400" },
14572
14825
  size: "small",
@@ -14606,7 +14859,7 @@ function BaseEnvironmentSetupGuide() {
14606
14859
  children: [
14607
14860
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 2, children: [
14608
14861
  /* @__PURE__ */ jsxRuntime.jsx(
14609
- Box34__default.default,
14862
+ Box35__default.default,
14610
14863
  {
14611
14864
  sx: {
14612
14865
  p: 1,
@@ -14618,7 +14871,7 @@ function BaseEnvironmentSetupGuide() {
14618
14871
  boxShadow: 2
14619
14872
  },
14620
14873
  children: /* @__PURE__ */ jsxRuntime.jsx(
14621
- Box34__default.default,
14874
+ Box35__default.default,
14622
14875
  {
14623
14876
  component: ri.RiTerminalBoxLine,
14624
14877
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -14649,7 +14902,7 @@ function BaseEnvironmentSetupGuide() {
14649
14902
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Take the next step toward better data impact assessment." })
14650
14903
  ] }),
14651
14904
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { width: "100%", mt: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14652
- Button10__default.default,
14905
+ Button11__default.default,
14653
14906
  {
14654
14907
  color: "iochmara",
14655
14908
  variant: "contained",
@@ -14672,7 +14925,7 @@ function BaseEnvironmentSetupGuide() {
14672
14925
  function BaseEnvironmentSetupNotification() {
14673
14926
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: "10px", alignItems: "flex-start", children: [
14674
14927
  /* @__PURE__ */ jsxRuntime.jsx(
14675
- Box34__default.default,
14928
+ Box35__default.default,
14676
14929
  {
14677
14930
  component: ri.RiMindMap,
14678
14931
  sx: { color: "iochmara.main", fontSize: 20 }
@@ -15022,14 +15275,14 @@ function useValueDiffAlertDialog() {
15022
15275
  children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
15023
15276
  }
15024
15277
  ),
15025
- /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
15278
+ /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
15026
15279
  "Value diff will be executed on ",
15027
15280
  nodeCount,
15028
15281
  " nodes in the Lineage, which can add extra costs to your bill."
15029
15282
  ] }) }) }),
15030
15283
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 0.5 }, children: [
15031
15284
  /* @__PURE__ */ jsxRuntime.jsx(
15032
- Button10__default.default,
15285
+ Button11__default.default,
15033
15286
  {
15034
15287
  ref: cancelRef,
15035
15288
  onClick: handleCancel,
@@ -15039,7 +15292,7 @@ function useValueDiffAlertDialog() {
15039
15292
  }
15040
15293
  ),
15041
15294
  /* @__PURE__ */ jsxRuntime.jsx(
15042
- Button10__default.default,
15295
+ Button11__default.default,
15043
15296
  {
15044
15297
  color: "iochmara",
15045
15298
  variant: "contained",
@@ -15840,7 +16093,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15840
16093
  };
15841
16094
  if (isLoading) {
15842
16095
  return /* @__PURE__ */ jsxRuntime.jsx(
15843
- Box34__default.default,
16096
+ Box35__default.default,
15844
16097
  {
15845
16098
  sx: {
15846
16099
  width: "100%",
@@ -15855,7 +16108,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15855
16108
  }
15856
16109
  if (error) {
15857
16110
  return /* @__PURE__ */ jsxRuntime.jsx(
15858
- Box34__default.default,
16111
+ Box35__default.default,
15859
16112
  {
15860
16113
  sx: {
15861
16114
  height: "100%",
@@ -15864,14 +16117,14 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15864
16117
  justifyContent: "center"
15865
16118
  },
15866
16119
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 1, children: [
15867
- /* @__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." }),
15868
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
16120
+ /* @__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." }),
16121
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
15869
16122
  "[Reason: ",
15870
16123
  error,
15871
16124
  "]"
15872
16125
  ] }),
15873
16126
  /* @__PURE__ */ jsxRuntime.jsx(
15874
- Button10__default.default,
16127
+ Button11__default.default,
15875
16128
  {
15876
16129
  color: "iochmara",
15877
16130
  variant: "contained",
@@ -15892,7 +16145,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15892
16145
  }
15893
16146
  if (viewMode === "changed_models" && !lineageGraph.modifiedSet.length) {
15894
16147
  return /* @__PURE__ */ jsxRuntime.jsx(
15895
- Box34__default.default,
16148
+ Box35__default.default,
15896
16149
  {
15897
16150
  sx: {
15898
16151
  height: "100%",
@@ -15903,7 +16156,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15903
16156
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 1, children: [
15904
16157
  /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "No change detected" }),
15905
16158
  /* @__PURE__ */ jsxRuntime.jsx(
15906
- Button10__default.default,
16159
+ Button11__default.default,
15907
16160
  {
15908
16161
  color: "iochmara",
15909
16162
  variant: "contained",
@@ -15993,7 +16246,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
15993
16246
  from: "lineage_view"
15994
16247
  });
15995
16248
  },
15996
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: fi.FiCopy })
16249
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: fi.FiCopy })
15997
16250
  }
15998
16251
  )
15999
16252
  }
@@ -16051,7 +16304,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
16051
16304
  ]
16052
16305
  }
16053
16306
  ),
16054
- 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, {})
16307
+ 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, {})
16055
16308
  ]
16056
16309
  }
16057
16310
  ),
@@ -16072,7 +16325,7 @@ function SetupConnectionGuide() {
16072
16325
  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: [
16073
16326
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "center", spacing: 2, children: [
16074
16327
  /* @__PURE__ */ jsxRuntime.jsx(
16075
- Box34__default.default,
16328
+ Box35__default.default,
16076
16329
  {
16077
16330
  sx: {
16078
16331
  p: 1,
@@ -16084,7 +16337,7 @@ function SetupConnectionGuide() {
16084
16337
  boxShadow: 2
16085
16338
  },
16086
16339
  children: /* @__PURE__ */ jsxRuntime.jsx(
16087
- Box34__default.default,
16340
+ Box35__default.default,
16088
16341
  {
16089
16342
  component: ri.RiTerminalBoxLine,
16090
16343
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -16100,7 +16353,7 @@ function SetupConnectionGuide() {
16100
16353
  ] })
16101
16354
  ] }),
16102
16355
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { sx: { width: "50%", mt: 3, mx: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
16103
- Button10__default.default,
16356
+ Button11__default.default,
16104
16357
  {
16105
16358
  color: "iochmara",
16106
16359
  variant: "contained",
@@ -16120,7 +16373,7 @@ var QueryModeToggle = () => {
16120
16373
  setCustomQueries(!isCustomQueries);
16121
16374
  };
16122
16375
  const customQueriesDescription = "Custom queries allow you to use two SQL queries to compare results between current and base environments.";
16123
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
16376
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
16124
16377
  /* @__PURE__ */ jsxRuntime.jsxs(
16125
16378
  Stack24__default.default,
16126
16379
  {
@@ -16130,7 +16383,7 @@ var QueryModeToggle = () => {
16130
16383
  fontSize: "0.75rem",
16131
16384
  children: [
16132
16385
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { fontSize: "0.75rem" }, children: "Custom Queries" }),
16133
- /* @__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" }) }) })
16386
+ /* @__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" }) }) })
16134
16387
  ]
16135
16388
  }
16136
16389
  ),
@@ -16214,9 +16467,9 @@ ${sqlQuery}`;
16214
16467
  }, initialValue);
16215
16468
  }, [lineageGraph]);
16216
16469
  if (singleEnv || featureToggles.mode === "metadata only") {
16217
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
16470
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
16218
16471
  /* @__PURE__ */ jsxRuntime.jsxs(
16219
- Box34__default.default,
16472
+ Box35__default.default,
16220
16473
  {
16221
16474
  sx: {
16222
16475
  display: "flex",
@@ -16229,14 +16482,14 @@ ${sqlQuery}`;
16229
16482
  },
16230
16483
  children: [
16231
16484
  /* @__PURE__ */ jsxRuntime.jsx(HistoryToggle, {}),
16232
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
16485
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
16233
16486
  singleEnv ? /* @__PURE__ */ jsxRuntime.jsx(
16234
16487
  MuiTooltip__default.default,
16235
16488
  {
16236
16489
  title: "Please configure the base environment before running the diff",
16237
16490
  placement: "left",
16238
16491
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
16239
- Button10__default.default,
16492
+ Button11__default.default,
16240
16493
  {
16241
16494
  variant: "contained",
16242
16495
  disabled: true,
@@ -16251,7 +16504,7 @@ ${sqlQuery}`;
16251
16504
  {
16252
16505
  display: featureToggles.mode === "metadata only",
16253
16506
  children: /* @__PURE__ */ jsxRuntime.jsx(
16254
- Button10__default.default,
16507
+ Button11__default.default,
16255
16508
  {
16256
16509
  variant: "contained",
16257
16510
  disabled: true,
@@ -16279,9 +16532,9 @@ ${sqlQuery}`;
16279
16532
  )
16280
16533
  ] });
16281
16534
  }
16282
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
16535
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
16283
16536
  /* @__PURE__ */ jsxRuntime.jsxs(
16284
- Box34__default.default,
16537
+ Box35__default.default,
16285
16538
  {
16286
16539
  sx: {
16287
16540
  display: "flex",
@@ -16296,7 +16549,7 @@ ${sqlQuery}`;
16296
16549
  children: [
16297
16550
  /* @__PURE__ */ jsxRuntime.jsx(HistoryToggle, {}),
16298
16551
  /* @__PURE__ */ jsxRuntime.jsx(QueryModeToggle, {}),
16299
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
16552
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
16300
16553
  /* @__PURE__ */ jsxRuntime.jsx(
16301
16554
  QueryForm,
16302
16555
  {
@@ -16305,7 +16558,7 @@ ${sqlQuery}`;
16305
16558
  }
16306
16559
  ),
16307
16560
  /* @__PURE__ */ jsxRuntime.jsx(
16308
- Button10__default.default,
16561
+ Button11__default.default,
16309
16562
  {
16310
16563
  variant: "contained",
16311
16564
  onClick: () => {
@@ -16319,7 +16572,7 @@ ${sqlQuery}`;
16319
16572
  ]
16320
16573
  }
16321
16574
  ),
16322
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsxRuntime.jsx(
16575
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsxRuntime.jsx(
16323
16576
  DualSqlEditor,
16324
16577
  {
16325
16578
  value: sqlQuery,
@@ -16397,7 +16650,7 @@ var ChecklistItem = ({
16397
16650
  const isMarkAsApprovedDisabled = isDisabledByNoResult(check.type, run) || featureToggles.disableUpdateChecklist;
16398
16651
  const isNoResult = isDisabledByNoResult(check.type, run);
16399
16652
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
16400
- Box34__default.default,
16653
+ Box35__default.default,
16401
16654
  {
16402
16655
  sx: {
16403
16656
  width: "100%",
@@ -16417,9 +16670,9 @@ var ChecklistItem = ({
16417
16670
  onSelect(check.check_id);
16418
16671
  },
16419
16672
  children: [
16420
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { fontSize: 20 } }),
16673
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { fontSize: 20 } }),
16421
16674
  /* @__PURE__ */ jsxRuntime.jsx(
16422
- Box34__default.default,
16675
+ Box35__default.default,
16423
16676
  {
16424
16677
  sx: {
16425
16678
  flex: 1,
@@ -16437,7 +16690,7 @@ var ChecklistItem = ({
16437
16690
  title: isNoResult ? "Run the check first" : "Click to mark as approved",
16438
16691
  placement: "top",
16439
16692
  arrow: true,
16440
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
16693
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
16441
16694
  Checkbox4__default.default,
16442
16695
  {
16443
16696
  checked: check.is_checked,
@@ -16548,7 +16801,7 @@ var CheckList = ({
16548
16801
  };
16549
16802
  }
16550
16803
  return /* @__PURE__ */ jsxRuntime.jsx(
16551
- Box34__default.default,
16804
+ Box35__default.default,
16552
16805
  {
16553
16806
  ref: provided2.innerRef,
16554
16807
  ...provided2.draggableProps,
@@ -16578,7 +16831,7 @@ var CheckList = ({
16578
16831
  /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
16579
16832
  /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
16580
16833
  "Mark as Approved?",
16581
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
16834
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
16582
16835
  /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
16583
16836
  ] }),
16584
16837
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
@@ -16603,9 +16856,9 @@ var CheckList = ({
16603
16856
  ] }),
16604
16857
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
16605
16858
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 0 }, children: [
16606
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
16859
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
16607
16860
  /* @__PURE__ */ jsxRuntime.jsx(
16608
- Button10__default.default,
16861
+ Button11__default.default,
16609
16862
  {
16610
16863
  color: "iochmara",
16611
16864
  variant: "contained",
@@ -16756,7 +17009,7 @@ function CommentInput({
16756
17009
  handleSubmit();
16757
17010
  }
16758
17011
  };
16759
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
17012
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
16760
17013
  /* @__PURE__ */ jsxRuntime.jsx(
16761
17014
  TextField__default.default,
16762
17015
  {
@@ -16784,7 +17037,7 @@ function CommentInput({
16784
17037
  }
16785
17038
  ),
16786
17039
  /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
16787
- Button10__default.default,
17040
+ Button11__default.default,
16788
17041
  {
16789
17042
  size: "small",
16790
17043
  color: "iochmara",
@@ -16836,7 +17089,7 @@ function ExternalLinkConfirmDialog({
16836
17089
  id: "external-link-dialog-title",
16837
17090
  sx: { display: "flex", alignItems: "center", gap: 1 },
16838
17091
  children: [
16839
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
17092
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: pi.PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
16840
17093
  "External Link"
16841
17094
  ]
16842
17095
  }
@@ -16858,7 +17111,7 @@ function ExternalLinkConfirmDialog({
16858
17111
  /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
16859
17112
  /* @__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?" }),
16860
17113
  /* @__PURE__ */ jsxRuntime.jsx(
16861
- Box34__default.default,
17114
+ Box35__default.default,
16862
17115
  {
16863
17116
  sx: {
16864
17117
  bgcolor: "grey.50",
@@ -16868,7 +17121,7 @@ function ExternalLinkConfirmDialog({
16868
17121
  borderColor: "grey.200"
16869
17122
  },
16870
17123
  children: /* @__PURE__ */ jsxRuntime.jsx(
16871
- Box34__default.default,
17124
+ Box35__default.default,
16872
17125
  {
16873
17126
  component: "code",
16874
17127
  sx: {
@@ -16885,8 +17138,8 @@ function ExternalLinkConfirmDialog({
16885
17138
  )
16886
17139
  ] }),
16887
17140
  /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 1 }, children: [
16888
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
16889
- /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
17141
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
17142
+ /* @__PURE__ */ jsxRuntime.jsx(Button11__default.default, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
16890
17143
  ] })
16891
17144
  ]
16892
17145
  }
@@ -16973,7 +17226,7 @@ function CodeBlock({
16973
17226
  const isInline = !match && !String(children).includes("\n");
16974
17227
  if (isInline) {
16975
17228
  return /* @__PURE__ */ jsxRuntime.jsx(
16976
- Box34__default.default,
17229
+ Box35__default.default,
16977
17230
  {
16978
17231
  component: "code",
16979
17232
  sx: {
@@ -16989,7 +17242,7 @@ function CodeBlock({
16989
17242
  );
16990
17243
  }
16991
17244
  return /* @__PURE__ */ jsxRuntime.jsx(
16992
- Box34__default.default,
17245
+ Box35__default.default,
16993
17246
  {
16994
17247
  sx: { my: 2, borderRadius: 1, overflow: "hidden", fontSize: "0.875rem" },
16995
17248
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -17052,12 +17305,12 @@ function MarkdownContent({
17052
17305
  ),
17053
17306
  h3: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "1rem", fontWeight: 600, mb: 2, mt: 2 }, children }),
17054
17307
  // Lists
17055
- ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
17056
- ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
17057
- li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "li", sx: { fontSize, mb: 1 }, children }),
17308
+ ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
17309
+ ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
17310
+ li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "li", sx: { fontSize, mb: 1 }, children }),
17058
17311
  // Blockquotes
17059
17312
  blockquote: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
17060
- Box34__default.default,
17313
+ Box35__default.default,
17061
17314
  {
17062
17315
  sx: {
17063
17316
  borderLeft: "3px solid",
@@ -17072,8 +17325,8 @@ function MarkdownContent({
17072
17325
  }
17073
17326
  ),
17074
17327
  // Tables
17075
- table: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
17076
- Box34__default.default,
17328
+ table: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
17329
+ Box35__default.default,
17077
17330
  {
17078
17331
  component: "table",
17079
17332
  sx: {
@@ -17086,10 +17339,10 @@ function MarkdownContent({
17086
17339
  children
17087
17340
  }
17088
17341
  ) }),
17089
- thead: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
17090
- tbody: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "tbody", children }),
17342
+ thead: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
17343
+ tbody: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "tbody", children }),
17091
17344
  tr: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
17092
- Box34__default.default,
17345
+ Box35__default.default,
17093
17346
  {
17094
17347
  component: "tr",
17095
17348
  sx: { borderBottom: "1px solid", borderColor: "grey.200" },
@@ -17097,16 +17350,16 @@ function MarkdownContent({
17097
17350
  }
17098
17351
  ),
17099
17352
  th: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
17100
- Box34__default.default,
17353
+ Box35__default.default,
17101
17354
  {
17102
17355
  component: "th",
17103
17356
  sx: { px: 2, py: 1, fontWeight: 600, textAlign: "left" },
17104
17357
  children
17105
17358
  }
17106
17359
  ),
17107
- td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "td", sx: { px: 2, py: 1 }, children }),
17360
+ td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "td", sx: { px: 2, py: 1 }, children }),
17108
17361
  // Horizontal rule
17109
- hr: () => /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
17362
+ hr: () => /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
17110
17363
  // Strong/Bold
17111
17364
  strong: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { component: "strong", sx: { fontWeight: 600 }, children }),
17112
17365
  // Emphasis/Italic
@@ -17121,7 +17374,7 @@ function MarkdownContent({
17121
17374
  }
17122
17375
  )
17123
17376
  };
17124
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { className: "markdown-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins: [remarkGfm__default.default], components, children: content }) });
17377
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { className: "markdown-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { remarkPlugins: [remarkGfm__default.default], components, children: content }) });
17125
17378
  }
17126
17379
  function EventIcon({ event }) {
17127
17380
  const iconType = getEventIconType(event);
@@ -17143,7 +17396,7 @@ function EventIcon({ event }) {
17143
17396
  };
17144
17397
  const IconComponent = iconMap[iconType];
17145
17398
  const color = colorMap[iconType];
17146
- return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: IconComponent, sx: { color, fontSize: 16 } });
17399
+ return /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: IconComponent, sx: { color, fontSize: 16 } });
17147
17400
  }
17148
17401
  function UserAvatar({ event }) {
17149
17402
  const { actor } = event;
@@ -17193,9 +17446,9 @@ function StateChangeEvent({ event }) {
17193
17446
  default:
17194
17447
  message = "made a change";
17195
17448
  }
17196
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
17197
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17198
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
17449
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
17450
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17451
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
17199
17452
  Stack24__default.default,
17200
17453
  {
17201
17454
  direction: "row",
@@ -17282,14 +17535,14 @@ function CommentEvent({
17282
17535
  }
17283
17536
  };
17284
17537
  if (event.is_deleted) {
17285
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
17286
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17287
- /* @__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" }) })
17538
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
17539
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17540
+ /* @__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" }) })
17288
17541
  ] });
17289
17542
  }
17290
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
17291
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17292
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { flex: 1 }, children: [
17543
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
17544
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(EventIcon, { event }) }),
17545
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { flex: 1 }, children: [
17293
17546
  /* @__PURE__ */ jsxRuntime.jsxs(
17294
17547
  Stack24__default.default,
17295
17548
  {
@@ -17322,7 +17575,7 @@ function CommentEvent({
17322
17575
  ),
17323
17576
  isEditing ? (
17324
17577
  // Edit mode
17325
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
17578
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { children: [
17326
17579
  /* @__PURE__ */ jsxRuntime.jsx(
17327
17580
  TextField__default.default,
17328
17581
  {
@@ -17354,7 +17607,7 @@ function CommentEvent({
17354
17607
  justifyContent: "flex-end",
17355
17608
  children: [
17356
17609
  /* @__PURE__ */ jsxRuntime.jsx(
17357
- Button10__default.default,
17610
+ Button11__default.default,
17358
17611
  {
17359
17612
  size: "small",
17360
17613
  variant: "text",
@@ -17364,7 +17617,7 @@ function CommentEvent({
17364
17617
  }
17365
17618
  ),
17366
17619
  /* @__PURE__ */ jsxRuntime.jsx(
17367
- Button10__default.default,
17620
+ Button11__default.default,
17368
17621
  {
17369
17622
  size: "small",
17370
17623
  variant: "contained",
@@ -17380,7 +17633,7 @@ function CommentEvent({
17380
17633
  ) : (
17381
17634
  // View mode
17382
17635
  /* @__PURE__ */ jsxRuntime.jsxs(
17383
- Box34__default.default,
17636
+ Box35__default.default,
17384
17637
  {
17385
17638
  sx: {
17386
17639
  bgcolor: "grey.50",
@@ -17443,7 +17696,7 @@ function CommentEvent({
17443
17696
  vertical: "top",
17444
17697
  horizontal: "center"
17445
17698
  },
17446
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { p: 2 }, children: [
17699
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { p: 2 }, children: [
17447
17700
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "body2", sx: { mb: 2 }, children: "Delete this comment?" }),
17448
17701
  /* @__PURE__ */ jsxRuntime.jsxs(
17449
17702
  Stack24__default.default,
@@ -17453,7 +17706,7 @@ function CommentEvent({
17453
17706
  justifyContent: "flex-end",
17454
17707
  children: [
17455
17708
  /* @__PURE__ */ jsxRuntime.jsx(
17456
- Button10__default.default,
17709
+ Button11__default.default,
17457
17710
  {
17458
17711
  size: "small",
17459
17712
  variant: "text",
@@ -17463,7 +17716,7 @@ function CommentEvent({
17463
17716
  }
17464
17717
  ),
17465
17718
  /* @__PURE__ */ jsxRuntime.jsx(
17466
- Button10__default.default,
17719
+ Button11__default.default,
17467
17720
  {
17468
17721
  size: "small",
17469
17722
  variant: "contained",
@@ -17535,7 +17788,7 @@ function CheckTimeline({ checkId }) {
17535
17788
  };
17536
17789
  if (isLoading) {
17537
17790
  return /* @__PURE__ */ jsxRuntime.jsx(
17538
- Box34__default.default,
17791
+ Box35__default.default,
17539
17792
  {
17540
17793
  sx: {
17541
17794
  height: "100%",
@@ -17550,7 +17803,7 @@ function CheckTimeline({ checkId }) {
17550
17803
  }
17551
17804
  if (error) {
17552
17805
  return /* @__PURE__ */ jsxRuntime.jsx(
17553
- Box34__default.default,
17806
+ Box35__default.default,
17554
17807
  {
17555
17808
  sx: {
17556
17809
  height: "100%",
@@ -17575,7 +17828,7 @@ function CheckTimeline({ checkId }) {
17575
17828
  spacing: 0,
17576
17829
  children: [
17577
17830
  /* @__PURE__ */ jsxRuntime.jsx(
17578
- Box34__default.default,
17831
+ Box35__default.default,
17579
17832
  {
17580
17833
  sx: {
17581
17834
  px: 3,
@@ -17586,7 +17839,7 @@ function CheckTimeline({ checkId }) {
17586
17839
  children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "subtitle2", sx: { fontWeight: 500 }, children: "Activity" })
17587
17840
  }
17588
17841
  ),
17589
- /* @__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: [
17842
+ /* @__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: [
17590
17843
  /* @__PURE__ */ jsxRuntime.jsx(
17591
17844
  TimelineEvent,
17592
17845
  {
@@ -17599,7 +17852,7 @@ function CheckTimeline({ checkId }) {
17599
17852
  index < events.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, { sx: { borderColor: "grey.100" } })
17600
17853
  ] }, event.id)) }) }),
17601
17854
  /* @__PURE__ */ jsxRuntime.jsx(
17602
- Box34__default.default,
17855
+ Box35__default.default,
17603
17856
  {
17604
17857
  sx: {
17605
17858
  px: 3,
@@ -17688,7 +17941,7 @@ function CheckBreadcrumb({ name, setName }) {
17688
17941
  overflow: "hidden"
17689
17942
  },
17690
17943
  className: "no-track-pii-safe",
17691
- children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
17944
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
17692
17945
  TextField__default.default,
17693
17946
  {
17694
17947
  inputRef: editInputRef,
@@ -17700,7 +17953,7 @@ function CheckBreadcrumb({ name, setName }) {
17700
17953
  variant: "outlined"
17701
17954
  }
17702
17955
  ) : /* @__PURE__ */ jsxRuntime.jsx(
17703
- Box34__default.default,
17956
+ Box35__default.default,
17704
17957
  {
17705
17958
  sx: {
17706
17959
  flex: "0 1 auto",
@@ -17792,7 +18045,7 @@ function CheckDescription({ value, onChange }) {
17792
18045
  }
17793
18046
  ),
17794
18047
  /* @__PURE__ */ jsxRuntime.jsx(
17795
- Button10__default.default,
18048
+ Button11__default.default,
17796
18049
  {
17797
18050
  sx: { mt: "8px" },
17798
18051
  size: "small",
@@ -17849,7 +18102,7 @@ function _LineageDiffView({ check }, ref) {
17849
18102
  ...check.params,
17850
18103
  ...check.view_options
17851
18104
  };
17852
- 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 }) }) });
18105
+ 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 }) }) });
17853
18106
  }
17854
18107
  var LineageDiffView = React12.forwardRef(
17855
18108
  _LineageDiffView
@@ -17906,7 +18159,7 @@ var NodelistItem = ({
17906
18159
  statusColor = getIconForChangeStatus("removed").color;
17907
18160
  }
17908
18161
  return /* @__PURE__ */ jsxRuntime.jsx(ListItem__default.default, { disablePadding: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
17909
- Box34__default.default,
18162
+ Box35__default.default,
17910
18163
  {
17911
18164
  sx: {
17912
18165
  display: "flex",
@@ -17923,9 +18176,9 @@ var NodelistItem = ({
17923
18176
  onSelect(node.id);
17924
18177
  },
17925
18178
  children: [
17926
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon }),
18179
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon }),
17927
18180
  /* @__PURE__ */ jsxRuntime.jsx(
17928
- Box34__default.default,
18181
+ Box35__default.default,
17929
18182
  {
17930
18183
  sx: {
17931
18184
  flex: 1,
@@ -17936,7 +18189,7 @@ var NodelistItem = ({
17936
18189
  children: node.data.name
17937
18190
  }
17938
18191
  ),
17939
- statusIcon && statusColor && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: statusIcon, sx: { color: statusColor } })
18192
+ statusIcon && statusColor && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: statusIcon, sx: { color: statusColor } })
17940
18193
  ]
17941
18194
  }
17942
18195
  ) });
@@ -18018,7 +18271,7 @@ function PrivateSchemaDiffView({ check }, ref) {
18018
18271
  const [selected, setSelected] = React12.useState(0);
18019
18272
  if (isLoading) {
18020
18273
  return /* @__PURE__ */ jsxRuntime.jsx(
18021
- Box34__default.default,
18274
+ Box35__default.default,
18022
18275
  {
18023
18276
  sx: {
18024
18277
  display: "flex",
@@ -18032,7 +18285,7 @@ function PrivateSchemaDiffView({ check }, ref) {
18032
18285
  );
18033
18286
  } else if (error) {
18034
18287
  return /* @__PURE__ */ jsxRuntime.jsxs(
18035
- Box34__default.default,
18288
+ Box35__default.default,
18036
18289
  {
18037
18290
  sx: {
18038
18291
  display: "flex",
@@ -18050,7 +18303,7 @@ function PrivateSchemaDiffView({ check }, ref) {
18050
18303
  );
18051
18304
  } else if (nodes.length == 0) {
18052
18305
  return /* @__PURE__ */ jsxRuntime.jsx(
18053
- Box34__default.default,
18306
+ Box35__default.default,
18054
18307
  {
18055
18308
  sx: {
18056
18309
  display: "flex",
@@ -18240,7 +18493,7 @@ function CheckDetail({
18240
18493
  });
18241
18494
  if (isLoading) {
18242
18495
  return /* @__PURE__ */ jsxRuntime.jsx(
18243
- Box34__default.default,
18496
+ Box35__default.default,
18244
18497
  {
18245
18498
  sx: {
18246
18499
  display: "flex",
@@ -18254,7 +18507,7 @@ function CheckDetail({
18254
18507
  }
18255
18508
  if (error) {
18256
18509
  return /* @__PURE__ */ jsxRuntime.jsxs(
18257
- Box34__default.default,
18510
+ Box35__default.default,
18258
18511
  {
18259
18512
  sx: {
18260
18513
  display: "flex",
@@ -18277,12 +18530,12 @@ function CheckDetail({
18277
18530
  sizes: [30, 70],
18278
18531
  style: { height: "100%", width: "100%", maxHeight: "100%" },
18279
18532
  children: /* @__PURE__ */ jsxRuntime.jsx(
18280
- Box34__default.default,
18533
+ Box35__default.default,
18281
18534
  {
18282
18535
  style: { contain: "strict" },
18283
18536
  sx: { display: "flex", flexDirection: "column" },
18284
18537
  children: /* @__PURE__ */ jsxRuntime.jsx(
18285
- Box34__default.default,
18538
+ Box35__default.default,
18286
18539
  {
18287
18540
  sx: {
18288
18541
  display: "flex",
@@ -18325,7 +18578,7 @@ function CheckDetail({
18325
18578
  style: { height: "100%", width: "100%", maxHeight: "100%" },
18326
18579
  children: [
18327
18580
  /* @__PURE__ */ jsxRuntime.jsx(
18328
- Box34__default.default,
18581
+ Box35__default.default,
18329
18582
  {
18330
18583
  sx: {
18331
18584
  height: "100%",
@@ -18334,7 +18587,7 @@ function CheckDetail({
18334
18587
  flexDirection: "row"
18335
18588
  },
18336
18589
  children: /* @__PURE__ */ jsxRuntime.jsxs(
18337
- Box34__default.default,
18590
+ Box35__default.default,
18338
18591
  {
18339
18592
  sx: {
18340
18593
  flex: 1,
@@ -18346,7 +18599,7 @@ function CheckDetail({
18346
18599
  },
18347
18600
  children: [
18348
18601
  /* @__PURE__ */ jsxRuntime.jsxs(
18349
- Box34__default.default,
18602
+ Box35__default.default,
18350
18603
  {
18351
18604
  sx: {
18352
18605
  display: "flex",
@@ -18358,7 +18611,7 @@ function CheckDetail({
18358
18611
  },
18359
18612
  children: [
18360
18613
  checkTypeIcon && /* @__PURE__ */ jsxRuntime.jsx(
18361
- Box34__default.default,
18614
+ Box35__default.default,
18362
18615
  {
18363
18616
  component: checkTypeIcon,
18364
18617
  sx: { fontSize: 20, mr: 1, flexShrink: 0 }
@@ -18373,10 +18626,10 @@ function CheckDetail({
18373
18626
  }
18374
18627
  }
18375
18628
  ),
18376
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
18629
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
18377
18630
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 2, sx: { mr: "10px" }, children: [
18378
18631
  relativeTime && /* @__PURE__ */ jsxRuntime.jsx(
18379
- Box34__default.default,
18632
+ Box35__default.default,
18380
18633
  {
18381
18634
  sx: {
18382
18635
  textOverflow: "ellipsis",
@@ -18390,7 +18643,7 @@ function CheckDetail({
18390
18643
  }
18391
18644
  ),
18392
18645
  isPresetCheck && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "This is a preset check", children: /* @__PURE__ */ jsxRuntime.jsx(
18393
- Box34__default.default,
18646
+ Box35__default.default,
18394
18647
  {
18395
18648
  display: "flex",
18396
18649
  alignItems: "center",
@@ -18477,7 +18730,7 @@ function CheckDetail({
18477
18730
  title: isDisabledByNoResult(check.type, run) ? "Run the check first" : check.is_checked ? "Remove approval" : "Mark as approved",
18478
18731
  placement: "bottom-end",
18479
18732
  children: /* @__PURE__ */ jsxRuntime.jsx(
18480
- Button10__default.default,
18733
+ Button11__default.default,
18481
18734
  {
18482
18735
  size: "small",
18483
18736
  color: check.is_checked ? "success" : "neutral",
@@ -18497,7 +18750,7 @@ function CheckDetail({
18497
18750
  ]
18498
18751
  }
18499
18752
  ),
18500
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
18753
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
18501
18754
  CheckDescription,
18502
18755
  {
18503
18756
  value: check.description,
@@ -18510,8 +18763,8 @@ function CheckDetail({
18510
18763
  )
18511
18764
  }
18512
18765
  ),
18513
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
18514
- Box34__default.default,
18766
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
18767
+ Box35__default.default,
18515
18768
  {
18516
18769
  sx: {
18517
18770
  height: "100%",
@@ -18520,7 +18773,7 @@ function CheckDetail({
18520
18773
  },
18521
18774
  children: [
18522
18775
  /* @__PURE__ */ jsxRuntime.jsxs(
18523
- Box34__default.default,
18776
+ Box35__default.default,
18524
18777
  {
18525
18778
  sx: {
18526
18779
  display: "flex",
@@ -18555,10 +18808,10 @@ function CheckDetail({
18555
18808
  ]
18556
18809
  }
18557
18810
  ),
18558
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
18811
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flexGrow: 1 } }),
18559
18812
  /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", spacing: 1, sx: { mr: "10px" }, children: [
18560
18813
  RunResultView && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: "Rerun", children: /* @__PURE__ */ jsxRuntime.jsx(
18561
- Button10__default.default,
18814
+ Button11__default.default,
18562
18815
  {
18563
18816
  variant: "outlined",
18564
18817
  color: "neutral",
@@ -18571,7 +18824,7 @@ function CheckDetail({
18571
18824
  }
18572
18825
  ) }),
18573
18826
  /* @__PURE__ */ jsxRuntime.jsx(
18574
- Button10__default.default,
18827
+ Button11__default.default,
18575
18828
  {
18576
18829
  variant: "outlined",
18577
18830
  color: "neutral",
@@ -18596,8 +18849,8 @@ function CheckDetail({
18596
18849
  ]
18597
18850
  }
18598
18851
  ),
18599
- /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { flex: 1, contain: "strict" }, children: [
18600
- tabValue === "result" && /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { width: "100%", height: "100%" }, children: [
18852
+ /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { flex: 1, contain: "strict" }, children: [
18853
+ tabValue === "result" && /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { width: "100%", height: "100%" }, children: [
18601
18854
  RunResultView && (check.last_run || trackedRunId ? /* @__PURE__ */ jsxRuntime.jsx(
18602
18855
  RunView,
18603
18856
  {
@@ -18614,7 +18867,7 @@ function CheckDetail({
18614
18867
  onExecuteRun: handleRerun
18615
18868
  }
18616
18869
  ) : /* @__PURE__ */ jsxRuntime.jsx(
18617
- Box34__default.default,
18870
+ Box35__default.default,
18618
18871
  {
18619
18872
  sx: {
18620
18873
  display: "flex",
@@ -18624,13 +18877,13 @@ function CheckDetail({
18624
18877
  height: "100%"
18625
18878
  },
18626
18879
  children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", children: [
18627
- /* @__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." }),
18880
+ /* @__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." }),
18628
18881
  /* @__PURE__ */ jsxRuntime.jsx(
18629
18882
  SetupConnectionPopover,
18630
18883
  {
18631
18884
  display: featureToggles.mode === "metadata only",
18632
18885
  children: /* @__PURE__ */ jsxRuntime.jsx(
18633
- Button10__default.default,
18886
+ Button11__default.default,
18634
18887
  {
18635
18888
  onClick: handleRerun,
18636
18889
  variant: "contained",
@@ -18661,7 +18914,7 @@ function CheckDetail({
18661
18914
  check.check_id
18662
18915
  )
18663
18916
  ] }),
18664
- 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(
18917
+ 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(
18665
18918
  DualSqlEditor,
18666
18919
  {
18667
18920
  value: check.params.sql_template || "",
@@ -18712,7 +18965,7 @@ function CheckDetail({
18712
18965
  "the following template and paste it into the",
18713
18966
  " ",
18714
18967
  /* @__PURE__ */ jsxRuntime.jsx(
18715
- Box34__default.default,
18968
+ Box35__default.default,
18716
18969
  {
18717
18970
  component: "span",
18718
18971
  sx: { px: 0.5, bgcolor: "error.light", borderRadius: 0.5 },
@@ -18772,6 +19025,69 @@ ${buildQuery(check)}`;
18772
19025
  }
18773
19026
  return buildDescription(check);
18774
19027
  }
19028
+ var CheckEmptyState = () => {
19029
+ const queryClient = reactQuery.useQueryClient();
19030
+ const [, setLocation] = useAppLocation();
19031
+ const { mutate: createSchemaCheck, isPending } = reactQuery.useMutation({
19032
+ mutationFn: () => createSchemaDiffCheck({ select: "state:modified" }),
19033
+ onSuccess: async (check) => {
19034
+ await queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
19035
+ setLocation(`/checks/?id=${check.check_id}`);
19036
+ }
19037
+ });
19038
+ const handleCreateSchemaCheck = () => {
19039
+ createSchemaCheck();
19040
+ };
19041
+ return /* @__PURE__ */ jsxRuntime.jsx(
19042
+ Box35__default.default,
19043
+ {
19044
+ sx: {
19045
+ height: "100%",
19046
+ width: "100%",
19047
+ display: "flex",
19048
+ alignItems: "center",
19049
+ justifyContent: "center"
19050
+ },
19051
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
19052
+ Stack24__default.default,
19053
+ {
19054
+ spacing: 3,
19055
+ sx: { textAlign: "center", maxWidth: "400px", alignItems: "center" },
19056
+ children: [
19057
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: tb.TbChecklist, sx: { fontSize: 64, color: "grey.400" } }),
19058
+ /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 1, children: [
19059
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { color: "grey.600" }, children: "No checks yet" }),
19060
+ /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { color: "grey.500" }, children: "Checks help you validate data quality and catch issues." })
19061
+ ] }),
19062
+ /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 1.5, sx: { width: "100%" }, children: [
19063
+ /* @__PURE__ */ jsxRuntime.jsx(
19064
+ Typography28__default.default,
19065
+ {
19066
+ sx: { fontSize: "0.875rem", color: "grey.600", fontWeight: 500 },
19067
+ children: "Get started with your first check:"
19068
+ }
19069
+ ),
19070
+ /* @__PURE__ */ jsxRuntime.jsx(
19071
+ Button11__default.default,
19072
+ {
19073
+ color: "iochmara",
19074
+ variant: "contained",
19075
+ onClick: handleCreateSchemaCheck,
19076
+ disabled: isPending,
19077
+ size: "large",
19078
+ fullWidth: true,
19079
+ startIcon: /* @__PURE__ */ jsxRuntime.jsx(tb.TbPlus, {}),
19080
+ children: "Create Schema Diff Check"
19081
+ }
19082
+ ),
19083
+ /* @__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." })
19084
+ ] })
19085
+ ]
19086
+ }
19087
+ )
19088
+ }
19089
+ );
19090
+ };
18775
19091
  var RunPage = ({ runId }) => {
18776
19092
  const { error, data: run } = reactQuery.useQuery({
18777
19093
  queryKey: cacheKeys.run(runId),
@@ -18803,7 +19119,7 @@ var RunListItem = ({
18803
19119
  const checkId = run.check_id;
18804
19120
  const hideAddToChecklist = featureToggles.disableUpdateChecklist;
18805
19121
  return /* @__PURE__ */ jsxRuntime.jsxs(
18806
- Box34__default.default,
19122
+ Box35__default.default,
18807
19123
  {
18808
19124
  sx: {
18809
19125
  minWidth: "200px",
@@ -18823,7 +19139,7 @@ var RunListItem = ({
18823
19139
  },
18824
19140
  children: [
18825
19141
  /* @__PURE__ */ jsxRuntime.jsxs(
18826
- Box34__default.default,
19142
+ Box35__default.default,
18827
19143
  {
18828
19144
  sx: { display: "flex", alignItems: "center", gap: "12px" },
18829
19145
  onClick: () => {
@@ -18832,7 +19148,7 @@ var RunListItem = ({
18832
19148
  children: [
18833
19149
  /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {}),
18834
19150
  /* @__PURE__ */ jsxRuntime.jsx(
18835
- Box34__default.default,
19151
+ Box35__default.default,
18836
19152
  {
18837
19153
  className: "no-track-pii-safe",
18838
19154
  sx: {
@@ -18877,7 +19193,7 @@ var RunListItem = ({
18877
19193
  }
18878
19194
  ),
18879
19195
  /* @__PURE__ */ jsxRuntime.jsx(
18880
- Box34__default.default,
19196
+ Box35__default.default,
18881
19197
  {
18882
19198
  sx: {
18883
19199
  display: "flex",
@@ -18897,7 +19213,7 @@ var RunListItem = ({
18897
19213
  var DateSegmentItem = ({ runAt }) => {
18898
19214
  const dateTime = runAt ? formatRunDate(new Date(runAt)) : null;
18899
19215
  return /* @__PURE__ */ jsxRuntime.jsx(
18900
- Box34__default.default,
19216
+ Box35__default.default,
18901
19217
  {
18902
19218
  sx: {
18903
19219
  minWidth: "200px",
@@ -18920,7 +19236,7 @@ var RunList = () => {
18920
19236
  },
18921
19237
  retry: false
18922
19238
  });
18923
- return /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
19239
+ return /* @__PURE__ */ jsxRuntime.jsxs(Box35__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
18924
19240
  /* @__PURE__ */ jsxRuntime.jsxs(
18925
19241
  Stack24__default.default,
18926
19242
  {
@@ -18934,7 +19250,7 @@ var RunList = () => {
18934
19250
  },
18935
19251
  children: [
18936
19252
  /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h6", children: "History" }),
18937
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
19253
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: 1 } }),
18938
19254
  /* @__PURE__ */ jsxRuntime.jsx(
18939
19255
  IconButton2__default.default,
18940
19256
  {
@@ -18949,8 +19265,8 @@ var RunList = () => {
18949
19265
  ]
18950
19266
  }
18951
19267
  ),
18952
- /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
18953
- Box34__default.default,
19268
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
19269
+ Box35__default.default,
18954
19270
  {
18955
19271
  sx: {
18956
19272
  display: "flex",
@@ -19054,8 +19370,8 @@ function SummaryText({
19054
19370
  return /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { alignItems: "stretch", children: [
19055
19371
  /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { sx: { fontSize: "0.875rem", color: "grey.600" }, children: [
19056
19372
  name,
19057
- tip && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsxRuntime.jsx(
19058
- Box34__default.default,
19373
+ tip && /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { title: tip, children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsxRuntime.jsx(
19374
+ Box35__default.default,
19059
19375
  {
19060
19376
  component: fi.FiInfo,
19061
19377
  sx: { mx: "2px", fontSize: 12, verticalAlign: "middle" }
@@ -19079,7 +19395,7 @@ function ChangeStatusCountLabel({
19079
19395
  alignItems: "center",
19080
19396
  sx: { fontSize: "0.875rem", color: "grey.600" },
19081
19397
  children: [
19082
- icon && /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
19398
+ icon && /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
19083
19399
  label
19084
19400
  ]
19085
19401
  }
@@ -19214,7 +19530,7 @@ function SchemaDiffCard({ node, ...props }) {
19214
19530
  ] })
19215
19531
  }
19216
19532
  ),
19217
- /* @__PURE__ */ jsxRuntime.jsx(CardContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
19533
+ /* @__PURE__ */ jsxRuntime.jsx(CardContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
19218
19534
  SchemaView,
19219
19535
  {
19220
19536
  base: node.data.data.base,
@@ -19247,7 +19563,7 @@ function SchemaSummary({ lineageGraph }) {
19247
19563
  }, [lineageGraph]);
19248
19564
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
19249
19565
  /* @__PURE__ */ jsxRuntime.jsx(
19250
- Box34__default.default,
19566
+ Box35__default.default,
19251
19567
  {
19252
19568
  sx: {
19253
19569
  width: "100%",
@@ -19258,8 +19574,8 @@ function SchemaSummary({ lineageGraph }) {
19258
19574
  children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { variant: "h5", sx: { fontSize: 24 }, children: "Schema Summary" })
19259
19575
  }
19260
19576
  ),
19261
- /* @__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(
19262
- Box34__default.default,
19577
+ /* @__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(
19578
+ Box35__default.default,
19263
19579
  {
19264
19580
  sx: {
19265
19581
  display: "grid",
@@ -19286,7 +19602,7 @@ function SchemaSummary({ lineageGraph }) {
19286
19602
  function SummaryView() {
19287
19603
  const { lineageGraph } = useLineageGraphContext();
19288
19604
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { sx: { width: "100%", minHeight: "650px" }, children: [
19289
- /* @__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" }) }),
19605
+ /* @__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" }) }),
19290
19606
  lineageGraph && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
19291
19607
  /* @__PURE__ */ jsxRuntime.jsx(ChangeSummary, { lineageGraph }),
19292
19608
  /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
@@ -19294,6 +19610,35 @@ function SummaryView() {
19294
19610
  ] })
19295
19611
  ] }) });
19296
19612
  }
19613
+ var WARNING_THRESHOLD_SECONDS = 60;
19614
+ function IdleTimeoutBadge() {
19615
+ const { remainingSeconds, isEnabled } = useIdleTimeout();
19616
+ if (!isEnabled || remainingSeconds === null) {
19617
+ return null;
19618
+ }
19619
+ if (remainingSeconds > WARNING_THRESHOLD_SECONDS) {
19620
+ return null;
19621
+ }
19622
+ return /* @__PURE__ */ jsxRuntime.jsxs(
19623
+ Badge__default.default,
19624
+ {
19625
+ color: "warning",
19626
+ variant: "standard",
19627
+ sx: {
19628
+ display: "flex",
19629
+ alignItems: "center",
19630
+ gap: 1,
19631
+ fontSize: "0.75rem",
19632
+ mr: 2
19633
+ },
19634
+ children: [
19635
+ /* @__PURE__ */ jsxRuntime.jsx(Box35__default.default, { component: io5.IoWarning, sx: { display: "inline-flex" } }),
19636
+ "Idle timeout: ",
19637
+ formatDuration(remainingSeconds, "compact")
19638
+ ]
19639
+ }
19640
+ );
19641
+ }
19297
19642
 
19298
19643
  // recce-source/js/src/lib/api/rowcount.ts
19299
19644
  async function submitRowCountDiff(params, options) {
@@ -19368,10 +19713,15 @@ exports.ChangeSummary = ChangeSummary;
19368
19713
  exports.CheckBreadcrumb = CheckBreadcrumb;
19369
19714
  exports.CheckDescription = CheckDescription;
19370
19715
  exports.CheckDetail = CheckDetail;
19716
+ exports.CheckEmptyState = CheckEmptyState;
19371
19717
  exports.CheckList = CheckList;
19718
+ exports.CodeEditor = CodeEditor_default;
19372
19719
  exports.ColumnNameCell = ColumnNameCell;
19720
+ exports.DiffEditor = DiffEditor_default;
19373
19721
  exports.DiffText = DiffText;
19374
19722
  exports.DisableTooltipMessages = DisableTooltipMessages;
19723
+ exports.EnvInfo = EnvInfo;
19724
+ exports.ErrorBoundary = ErrorBoundary;
19375
19725
  exports.GraphColumnNode = GraphColumnNode;
19376
19726
  exports.GraphEdge = GraphEdge;
19377
19727
  exports.GraphNode = GraphNode;
@@ -19386,6 +19736,7 @@ exports.IconImport = IconImport;
19386
19736
  exports.IconInfo = IconInfo;
19387
19737
  exports.IconSave = IconSave;
19388
19738
  exports.IconSync = IconSync;
19739
+ exports.IdleTimeoutBadge = IdleTimeoutBadge;
19389
19740
  exports.IdleTimeoutProvider = IdleTimeoutProvider;
19390
19741
  exports.LineageDiffView = LineageDiffView;
19391
19742
  exports.LineageGraphContextProvider = LineageGraphContextProvider;
@@ -19420,6 +19771,7 @@ exports.RowCountStateContextProvider = RowCountStateContextProvider;
19420
19771
  exports.RunList = RunList;
19421
19772
  exports.RunModal = RunModal;
19422
19773
  exports.RunPage = RunPage;
19774
+ exports.RunResultPane = RunResultPane;
19423
19775
  exports.RunStatusAndDate = RunStatusAndDate;
19424
19776
  exports.RunToolbar = RunToolbar;
19425
19777
  exports.RunView = RunView;
@@ -19428,6 +19780,8 @@ exports.SchemaSummary = SchemaSummary;
19428
19780
  exports.SchemaView = SchemaView;
19429
19781
  exports.ScreenshotBox = ScreenshotBox;
19430
19782
  exports.ScreenshotDataGrid = ScreenshotDataGrid;
19783
+ exports.SetupConnectionBanner = SetupConnectionBanner;
19784
+ exports.SetupConnectionGuide = SetupConnectionGuide;
19431
19785
  exports.SqlEditor = SqlEditor_default;
19432
19786
  exports.SquareIcon = SquareIcon;
19433
19787
  exports.SummaryView = SummaryView;
@@ -19438,7 +19792,9 @@ exports.TopKDiffResultView = TopKDiffResultView;
19438
19792
  exports.TopKSummaryList = TopKSummaryList;
19439
19793
  exports.VERSION = VERSION;
19440
19794
  exports.VSplit = VSplit;
19795
+ exports.ValueDiffDetailResultView = ValueDiffDetailResultView;
19441
19796
  exports.ValueDiffForm = ValueDiffForm;
19797
+ exports.ValueDiffResultView = ValueDiffResultView;
19442
19798
  exports.aggregateRuns = aggregateRuns;
19443
19799
  exports.axiosClient = axiosClient;
19444
19800
  exports.cancelRun = cancelRun;