@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/components.mjs CHANGED
@@ -8,9 +8,12 @@ import CircularProgress4 from '@mui/material/CircularProgress';
8
8
  import Snackbar from '@mui/material/Snackbar';
9
9
  import Stack24 from '@mui/material/Stack';
10
10
  import Typography28 from '@mui/material/Typography';
11
+ import Box35 from '@mui/material/Box';
12
+ import Button11 from '@mui/material/Button';
13
+ import { ErrorBoundary as ErrorBoundary$1 } from '@sentry/react';
14
+ import ReactSplit from 'react-split';
15
+ import './styles-PJUYW64Y.css';
11
16
  import { useReactFlow, useNodesState, useEdgesState, ReactFlow, Background, Controls, ControlButton, Panel, MiniMap, getNodesBounds, ReactFlowProvider, getBezierPath, BaseEdge, useStore, Handle, Position } from '@xyflow/react';
12
- import Box34 from '@mui/material/Box';
13
- import Button10 from '@mui/material/Button';
14
17
  import Divider from '@mui/material/Divider';
15
18
  import dagre from '@dagrejs/dagre';
16
19
  import '@xyflow/react/dist/style.css';
@@ -23,7 +26,7 @@ import DialogActions6 from '@mui/material/DialogActions';
23
26
  import DialogContent7 from '@mui/material/DialogContent';
24
27
  import DialogTitle3 from '@mui/material/DialogTitle';
25
28
  import IconButton2 from '@mui/material/IconButton';
26
- import { IoClose, IoBookmarksOutline } from 'react-icons/io5';
29
+ import { IoClose, IoBookmarksOutline, IoWarning } from 'react-icons/io5';
27
30
  import 'next/link';
28
31
  import 'lodash/throttle';
29
32
  import { useRouter, usePathname } from 'next/navigation';
@@ -31,11 +34,11 @@ import Link from '@mui/material/Link';
31
34
  import MuiPopover from '@mui/material/Popover';
32
35
  import { LuChartBarBig, LuExternalLink } from 'react-icons/lu';
33
36
  import { MdFormatListNumberedRtl, MdSchema } from 'react-icons/md';
34
- import { TbEyeEdit, TbChartHistogram, TbAlignBoxLeftStretch, TbEyeSearch, TbSql, TbBrandStackshare, TbCloudUpload } from 'react-icons/tb';
37
+ import { TbEyeEdit, TbChartHistogram, TbAlignBoxLeftStretch, TbEyeSearch, TbSql, TbBrandStackshare, TbCloudUpload, TbChecklist, TbPlus } from 'react-icons/tb';
35
38
  import FormControl from '@mui/material/FormControl';
36
39
  import FormLabel from '@mui/material/FormLabel';
37
40
  import NativeSelect from '@mui/material/NativeSelect';
38
- import _3 from 'lodash';
41
+ import _3, { isEmpty } from 'lodash';
39
42
  import { Chart, BarElement, TimeSeriesScale, LinearScale, CategoryScale, Title, Legend, Tooltip } from 'chart.js';
40
43
  import { Chart as Chart$1, Bar } from 'react-chartjs-2';
41
44
  import '@jeromefitz/date-fns-tz';
@@ -59,8 +62,6 @@ import ButtonGroup from '@mui/material/ButtonGroup';
59
62
  import { formatDistanceToNow, format, parseISO, formatDistance } from 'date-fns';
60
63
  import saveAs from 'file-saver';
61
64
  import { toCanvas } from 'html-to-image';
62
- import ReactSplit from 'react-split';
63
- import './styles-PJUYW64Y.css';
64
65
  import { FaRegDotCircle, FaCube, FaDatabase, FaSeedling, FaCamera, FaCheckSquare, FaRegSquare, FaExpandArrowsAlt, FaCheckCircle, FaRegCheckCircle } from 'react-icons/fa';
65
66
  import { FaChartSimple, FaGauge, FaCircleNodes, FaPlay, FaBookmark } from 'react-icons/fa6';
66
67
  import Chip2 from '@mui/material/Chip';
@@ -82,16 +83,15 @@ import { githubDark, githubLight } from '@uiw/codemirror-theme-github';
82
83
  import CodeMirror from '@uiw/react-codemirror';
83
84
  import { MergeView, unifiedMergeView } from '@codemirror/merge';
84
85
  import { AiOutlineExperiment } from 'react-icons/ai';
85
- import '@mui/material/Table';
86
- import '@mui/material/TableBody';
87
- import '@mui/material/TableCell';
88
- import '@mui/material/TableContainer';
89
- import '@mui/material/TableHead';
90
- import '@mui/material/TableRow';
86
+ import Table from '@mui/material/Table';
87
+ import TableBody from '@mui/material/TableBody';
88
+ import TableCell from '@mui/material/TableCell';
89
+ import TableContainer from '@mui/material/TableContainer';
90
+ import TableHead from '@mui/material/TableHead';
91
+ import TableRow from '@mui/material/TableRow';
91
92
  import InputBase from '@mui/material/InputBase';
92
93
  import YAML from 'yaml';
93
94
  import Cookies from 'js-cookie';
94
- import { ErrorBoundary as ErrorBoundary$1 } from '@sentry/react';
95
95
  import List from '@mui/material/List';
96
96
  import ListItem from '@mui/material/ListItem';
97
97
  import MuiSwitch from '@mui/material/Switch';
@@ -110,6 +110,7 @@ import 'simplebar/dist/simplebar.min.css';
110
110
  import Card from '@mui/material/Card';
111
111
  import CardContent from '@mui/material/CardContent';
112
112
  import CardHeader from '@mui/material/CardHeader';
113
+ import Badge from '@mui/material/Badge';
113
114
 
114
115
  var colors = {
115
116
  iochmara: {
@@ -1121,6 +1122,123 @@ function Toaster() {
1121
1122
  toast.id
1122
1123
  )) });
1123
1124
  }
1125
+ var Fallback = (errorData) => {
1126
+ return /* @__PURE__ */ jsx(
1127
+ Box35,
1128
+ {
1129
+ sx: {
1130
+ height: "100%",
1131
+ bgcolor: "grey.50",
1132
+ display: "flex",
1133
+ alignItems: "center",
1134
+ justifyContent: "center"
1135
+ },
1136
+ children: /* @__PURE__ */ jsxs(
1137
+ Box35,
1138
+ {
1139
+ sx: {
1140
+ p: 4,
1141
+ display: "flex",
1142
+ flexDirection: "column",
1143
+ justifyContent: "flex-start",
1144
+ bgcolor: "white",
1145
+ border: "solid lightgray 1px",
1146
+ minHeight: "200px"
1147
+ },
1148
+ children: [
1149
+ /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
1150
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
1151
+ /* @__PURE__ */ jsx(
1152
+ Button11,
1153
+ {
1154
+ sx: {
1155
+ justifySelf: "center",
1156
+ alignSelf: "center",
1157
+ mt: "20px"
1158
+ },
1159
+ color: "iochmara",
1160
+ variant: "contained",
1161
+ size: "small",
1162
+ onClick: () => {
1163
+ errorData.resetError();
1164
+ },
1165
+ children: "Reset"
1166
+ }
1167
+ )
1168
+ ]
1169
+ }
1170
+ )
1171
+ }
1172
+ );
1173
+ };
1174
+ var ErrorBoundary = ({
1175
+ children,
1176
+ fallback = Fallback
1177
+ }) => {
1178
+ return /* @__PURE__ */ jsx(ErrorBoundary$1, { fallback, children });
1179
+ };
1180
+ var HSplit = (props) => {
1181
+ const { style, children, gutterSize = 5, ...rest } = props;
1182
+ return /* @__PURE__ */ jsx(
1183
+ ReactSplit,
1184
+ {
1185
+ style: {
1186
+ display: "flex",
1187
+ flexDirection: "row",
1188
+ ...style
1189
+ },
1190
+ direction: "horizontal",
1191
+ gutterSize,
1192
+ ...rest,
1193
+ children
1194
+ }
1195
+ );
1196
+ };
1197
+ var VSplit = (props) => {
1198
+ const { style, children, gutterSize = 5, ...rest } = props;
1199
+ return /* @__PURE__ */ jsx(
1200
+ ReactSplit,
1201
+ {
1202
+ style: {
1203
+ display: "flex",
1204
+ flexDirection: "column",
1205
+ ...style
1206
+ },
1207
+ gutterSize,
1208
+ direction: "vertical",
1209
+ ...rest,
1210
+ children
1211
+ }
1212
+ );
1213
+ };
1214
+ var ScreenshotBox = forwardRef(
1215
+ ({
1216
+ backgroundColor = "white",
1217
+ blockSize,
1218
+ children,
1219
+ ...restProps
1220
+ }, ref) => {
1221
+ return /* @__PURE__ */ jsx(
1222
+ Box35,
1223
+ {
1224
+ ref,
1225
+ ...restProps,
1226
+ sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
1227
+ children: /* @__PURE__ */ jsx(
1228
+ Box35,
1229
+ {
1230
+ sx: {
1231
+ backgroundColor,
1232
+ height: "100%",
1233
+ blockSize
1234
+ },
1235
+ children
1236
+ }
1237
+ )
1238
+ }
1239
+ );
1240
+ }
1241
+ );
1124
1242
 
1125
1243
  // recce-source/js/src/components/lineage/graph.ts
1126
1244
  function getNeighborSet(nodeIds, getNeighbors, degree = 1e3) {
@@ -1435,6 +1553,9 @@ function trackCopyToClipboard(props) {
1435
1553
  function trackLineageViewRender(props) {
1436
1554
  track("[Web] lineage_view_render", props);
1437
1555
  }
1556
+ function trackEnvironmentConfig(props) {
1557
+ track("[Web] environment_config", props);
1558
+ }
1438
1559
  var EXPLORE_ACTION = {
1439
1560
  ROW_COUNT: "row_count",
1440
1561
  ROW_COUNT_DIFF: "row_count_diff",
@@ -1516,6 +1637,42 @@ function isHistogramDiffRun(run) {
1516
1637
  // recce-source/js/src/constants/urls.ts
1517
1638
  var RECCE_SUPPORT_CALENDAR_URL = "https://cal.com/team/recce/chat";
1518
1639
 
1640
+ // recce-source/js/src/lib/utils/formatTime.ts
1641
+ function getTimeComponents(totalSeconds) {
1642
+ const seconds = Math.floor(totalSeconds);
1643
+ return {
1644
+ hours: Math.floor(seconds / 3600),
1645
+ minutes: Math.floor(seconds % 3600 / 60),
1646
+ seconds: seconds % 60
1647
+ };
1648
+ }
1649
+ function formatCompact({ hours, minutes, seconds }) {
1650
+ if (hours > 0) {
1651
+ return `${hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
1652
+ }
1653
+ return `${minutes}:${seconds.toString().padStart(2, "0")}`;
1654
+ }
1655
+ function formatVerbose({ hours, minutes, seconds }) {
1656
+ const parts = [];
1657
+ if (hours > 0) {
1658
+ parts.push(`${hours} hour${hours !== 1 ? "s" : ""}`);
1659
+ }
1660
+ if (minutes > 0) {
1661
+ parts.push(`${minutes} min${minutes !== 1 ? "s" : ""}`);
1662
+ }
1663
+ if (hours === 0 && (parts.length === 0 || seconds > 0)) {
1664
+ parts.push(`${seconds} second${seconds !== 1 ? "s" : ""}`);
1665
+ }
1666
+ return parts.join(" ");
1667
+ }
1668
+ function formatDuration(totalSeconds, style = "verbose") {
1669
+ const components = getTimeComponents(totalSeconds);
1670
+ if (style === "compact") {
1671
+ return formatCompact(components);
1672
+ }
1673
+ return formatVerbose(components);
1674
+ }
1675
+
1519
1676
  // recce-source/js/src/lib/api/cacheKeys.ts
1520
1677
  var cacheKeys = {
1521
1678
  rowCount: (model) => ["row_count", model],
@@ -1623,9 +1780,16 @@ async function listRuns() {
1623
1780
  );
1624
1781
  return response.data;
1625
1782
  }
1626
- createContext(
1783
+ var IdleTimeoutContext = createContext(
1627
1784
  void 0
1628
1785
  );
1786
+ function useIdleTimeout() {
1787
+ const context = useContext(IdleTimeoutContext);
1788
+ if (!context) {
1789
+ throw new Error("useIdleTimeout must be used within IdleTimeoutProvider");
1790
+ }
1791
+ return context;
1792
+ }
1629
1793
  var useRecceServerFlag = () => {
1630
1794
  return useQuery({
1631
1795
  queryKey: cacheKeys.flag(),
@@ -1848,7 +2012,7 @@ var RunModal = ({
1848
2012
  onMouseEnter: (e) => setAnchorEl(e.currentTarget),
1849
2013
  onMouseLeave: () => setAnchorEl(null),
1850
2014
  onClick: () => window.open(documentationUrl, "_blank"),
1851
- children: /* @__PURE__ */ jsx(Box34, { component: IconInfo, sx: { fontSize: "16px" } })
2015
+ children: /* @__PURE__ */ jsx(Box35, { component: IconInfo, sx: { fontSize: "16px" } })
1852
2016
  }
1853
2017
  ),
1854
2018
  /* @__PURE__ */ jsx(
@@ -1918,7 +2082,7 @@ var RunModal = ({
1918
2082
  borderTop: "1px solid lightgray",
1919
2083
  borderBottom: "1px solid lightgray"
1920
2084
  },
1921
- children: /* @__PURE__ */ jsx(Box34, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsx(
2085
+ children: /* @__PURE__ */ jsx(Box35, { sx: { contain: "layout" }, children: RunForm && /* @__PURE__ */ jsx(
1922
2086
  RunForm,
1923
2087
  {
1924
2088
  params,
@@ -1929,7 +2093,7 @@ var RunModal = ({
1929
2093
  }
1930
2094
  ),
1931
2095
  /* @__PURE__ */ jsx(DialogActions6, { children: /* @__PURE__ */ jsx(Stack24, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsx(
1932
- Button10,
2096
+ Button11,
1933
2097
  {
1934
2098
  disabled: !isReadyToExecute,
1935
2099
  color: "iochmara",
@@ -2116,12 +2280,12 @@ function HistogramDiffForm({
2116
2280
  (c) => !isStringDataType(c.type) && !isBooleanDataType(c.type) && !isDateTimeType(c.type)
2117
2281
  );
2118
2282
  if (isLoading) {
2119
- return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
2283
+ return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
2120
2284
  }
2121
2285
  if (allColumns.length === 0 || error) {
2122
- return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2286
+ return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2123
2287
  }
2124
- return /* @__PURE__ */ jsx(Box34, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled: columns.length === 0, children: [
2288
+ return /* @__PURE__ */ jsx(Box35, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled: columns.length === 0, children: [
2125
2289
  /* @__PURE__ */ jsx(FormLabel, { sx: { mb: 1 }, children: "Pick a column to show Histogram Diff" }),
2126
2290
  /* @__PURE__ */ jsxs(
2127
2291
  NativeSelect,
@@ -2223,7 +2387,7 @@ var CURRENT_BAR_COLOR_WITH_ALPHA = `${CURRENT_BAR_COLOR}A5`;
2223
2387
  var BASE_BAR_COLOR_WITH_ALPHA = `${BASE_BAR_COLOR}A5`;
2224
2388
  function SquareIcon({ color }) {
2225
2389
  return /* @__PURE__ */ jsx(
2226
- Box34,
2390
+ Box35,
2227
2391
  {
2228
2392
  sx: {
2229
2393
  display: "inline-block",
@@ -2405,34 +2569,6 @@ function formatDisplayedBinItem(binEdges, currentIndex) {
2405
2569
  const formattedEnd = formatAsAbbreviatedNumber(endEdge);
2406
2570
  return `${formattedStart} - ${formattedEnd}`;
2407
2571
  }
2408
- var ScreenshotBox = forwardRef(
2409
- ({
2410
- backgroundColor = "white",
2411
- blockSize,
2412
- children,
2413
- ...restProps
2414
- }, ref) => {
2415
- return /* @__PURE__ */ jsx(
2416
- Box34,
2417
- {
2418
- ref,
2419
- ...restProps,
2420
- sx: { overflowY: "auto", overflowX: "hidden", ...restProps.sx },
2421
- children: /* @__PURE__ */ jsx(
2422
- Box34,
2423
- {
2424
- sx: {
2425
- backgroundColor,
2426
- height: "100%",
2427
- blockSize
2428
- },
2429
- children
2430
- }
2431
- )
2432
- }
2433
- );
2434
- }
2435
- );
2436
2572
  function _HistogramDiffResultView({ run }, ref) {
2437
2573
  if (!isHistogramDiffRun(run)) {
2438
2574
  throw new Error("Run type must be histogram_diff");
@@ -2446,9 +2582,9 @@ function _HistogramDiffResultView({ run }, ref) {
2446
2582
  if (!base || !current) {
2447
2583
  return /* @__PURE__ */ jsx("div", { children: "Loading..." });
2448
2584
  }
2449
- return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "row" }, children: [
2450
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
2451
- /* @__PURE__ */ jsx(Box34, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsx(
2585
+ return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ScreenshotBox, { ref, height: "100%", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "row" }, children: [
2586
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
2587
+ /* @__PURE__ */ jsx(Box35, { sx: { width: "80%", height: "35vh", m: 4 }, children: /* @__PURE__ */ jsx(
2452
2588
  HistogramChart,
2453
2589
  {
2454
2590
  data: {
@@ -2462,7 +2598,7 @@ function _HistogramDiffResultView({ run }, ref) {
2462
2598
  }
2463
2599
  }
2464
2600
  ) }),
2465
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
2601
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
2466
2602
  ] }) }) });
2467
2603
  }
2468
2604
  var HistogramDiffResultView = forwardRef(_HistogramDiffResultView);
@@ -2481,13 +2617,13 @@ function ProfileDiffForm({
2481
2617
  }, [model, setIsReadyToExecute]);
2482
2618
  const columnNames = columns.map((c) => c.name);
2483
2619
  if (isLoading) {
2484
- return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
2620
+ return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
2485
2621
  }
2486
2622
  if (columnNames.length === 0 || error) {
2487
- return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2623
+ return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
2488
2624
  }
2489
2625
  return /* @__PURE__ */ jsxs(Stack24, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
2490
- /* @__PURE__ */ jsxs(Box34, { children: [
2626
+ /* @__PURE__ */ jsxs(Box35, { children: [
2491
2627
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
2492
2628
  /* @__PURE__ */ jsx(
2493
2629
  TextField,
@@ -2499,7 +2635,7 @@ function ProfileDiffForm({
2499
2635
  }
2500
2636
  )
2501
2637
  ] }),
2502
- /* @__PURE__ */ jsxs(Box34, { children: [
2638
+ /* @__PURE__ */ jsxs(Box35, { children: [
2503
2639
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
2504
2640
  /* @__PURE__ */ jsx(
2505
2641
  FormControlLabel4,
@@ -2791,14 +2927,14 @@ function DataFrameColumnGroupHeader({
2791
2927
  onPinnedColumnsChange(newPinnedColumns);
2792
2928
  };
2793
2929
  return /* @__PURE__ */ jsxs(
2794
- Box34,
2930
+ Box35,
2795
2931
  {
2796
2932
  sx: { display: "flex", alignItems: "center", gap: "10px", width: "100%" },
2797
2933
  className: "grid-header",
2798
2934
  children: [
2799
2935
  isPK && /* @__PURE__ */ jsx(VscKey, {}),
2800
2936
  /* @__PURE__ */ jsx(
2801
- Box34,
2937
+ Box35,
2802
2938
  {
2803
2939
  sx: {
2804
2940
  flex: 1,
@@ -2810,7 +2946,7 @@ function DataFrameColumnGroupHeader({
2810
2946
  }
2811
2947
  ),
2812
2948
  canBePk && onPrimaryKeyChange && /* @__PURE__ */ jsx(
2813
- Box34,
2949
+ Box35,
2814
2950
  {
2815
2951
  component: isPK ? VscClose : VscKey,
2816
2952
  className: isPK ? "close-icon" : "key-icon",
@@ -2822,7 +2958,7 @@ function DataFrameColumnGroupHeader({
2822
2958
  }
2823
2959
  ),
2824
2960
  !isPK && onPinnedColumnsChange && /* @__PURE__ */ jsx(
2825
- Box34,
2961
+ Box35,
2826
2962
  {
2827
2963
  component: isPinned ? VscPinned : VscPin,
2828
2964
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -2894,14 +3030,14 @@ function DataFrameColumnHeader({
2894
3030
  onPinnedColumnsChange(newPinnedColumns);
2895
3031
  };
2896
3032
  return /* @__PURE__ */ jsxs(
2897
- Box34,
3033
+ Box35,
2898
3034
  {
2899
3035
  sx: { display: "flex", alignItems: "center", width: "100%" },
2900
3036
  className: "grid-header",
2901
3037
  children: [
2902
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 }, children: name }),
3038
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 }, children: name }),
2903
3039
  /* @__PURE__ */ jsx(
2904
- Box34,
3040
+ Box35,
2905
3041
  {
2906
3042
  component: isPinned ? VscPinned : VscPin,
2907
3043
  className: isPinned ? "unpin-icon" : "pin-icon",
@@ -3220,7 +3356,7 @@ var DiffText = ({
3220
3356
  const textColor = colors[colorPalette][800];
3221
3357
  const bgColor = colors[colorPalette][100];
3222
3358
  return /* @__PURE__ */ jsxs(
3223
- Box34,
3359
+ Box35,
3224
3360
  {
3225
3361
  sx: {
3226
3362
  display: "flex",
@@ -3245,7 +3381,7 @@ var DiffText = ({
3245
3381
  },
3246
3382
  children: [
3247
3383
  /* @__PURE__ */ jsx(
3248
- Box34,
3384
+ Box35,
3249
3385
  {
3250
3386
  sx: {
3251
3387
  overflow: "hidden",
@@ -3366,7 +3502,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
3366
3502
  enterDelay: 300,
3367
3503
  placement: "top",
3368
3504
  children: /* @__PURE__ */ jsxs(
3369
- Box34,
3505
+ Box35,
3370
3506
  {
3371
3507
  gap: "5px",
3372
3508
  display: "flex",
@@ -3398,7 +3534,7 @@ Change: ${netChange >= 0 ? "+" : ""}${netChange} (${changePercent >= 0 ? "+" : "
3398
3534
  }
3399
3535
  }
3400
3536
  return /* @__PURE__ */ jsxs(
3401
- Box34,
3537
+ Box35,
3402
3538
  {
3403
3539
  sx: {
3404
3540
  display: "flex",
@@ -4358,9 +4494,9 @@ function ColumnNameCell({
4358
4494
  title: "View column lineage",
4359
4495
  placement: "top",
4360
4496
  disableHoverListener: isCllDisabled,
4361
- children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
4497
+ children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", alignItems: "center", gap: "3px" }, children: [
4362
4498
  /* @__PURE__ */ jsx(
4363
- Box34,
4499
+ Box35,
4364
4500
  {
4365
4501
  sx: {
4366
4502
  overflow: "hidden",
@@ -4370,7 +4506,7 @@ function ColumnNameCell({
4370
4506
  children: name
4371
4507
  }
4372
4508
  ),
4373
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
4509
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
4374
4510
  cllRunning && /* @__PURE__ */ jsx(CircularProgress4, { size: 12, color: "inherit" }),
4375
4511
  showMenu && !singleEnv && model.resource_type !== "source" && /* @__PURE__ */ jsxs(Fragment, { children: [
4376
4512
  /* @__PURE__ */ jsx(
@@ -4640,7 +4776,7 @@ function PrimaryKeyIndicatorCell({
4640
4776
  }) {
4641
4777
  const isPrimaryKey2 = primaryKeys.includes(columnName);
4642
4778
  return /* @__PURE__ */ jsx(
4643
- Box34,
4779
+ Box35,
4644
4780
  {
4645
4781
  sx: {
4646
4782
  display: "flex",
@@ -4673,9 +4809,9 @@ function ValueDiffColumnNameCell({
4673
4809
  };
4674
4810
  runAction("value_diff_detail", newParams, options);
4675
4811
  };
4676
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex" }, children: [
4812
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex" }, children: [
4677
4813
  /* @__PURE__ */ jsx(
4678
- Box34,
4814
+ Box35,
4679
4815
  {
4680
4816
  sx: {
4681
4817
  overflow: "hidden",
@@ -4685,7 +4821,7 @@ function ValueDiffColumnNameCell({
4685
4821
  children: column
4686
4822
  }
4687
4823
  ),
4688
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
4824
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
4689
4825
  /* @__PURE__ */ jsx(
4690
4826
  IconButton2,
4691
4827
  {
@@ -4750,7 +4886,7 @@ function MatchedPercentCell({ value }) {
4750
4886
  displayValue = `${(value * 100).toFixed(2)} %`;
4751
4887
  }
4752
4888
  }
4753
- return /* @__PURE__ */ jsx(Box34, { sx: { textAlign: "right" }, children: displayValue });
4889
+ return /* @__PURE__ */ jsx(Box35, { sx: { textAlign: "right" }, children: displayValue });
4754
4890
  }
4755
4891
  function createPrimaryKeyIndicatorRenderer(primaryKeys) {
4756
4892
  return (params) => {
@@ -5100,7 +5236,7 @@ themeQuartz.withParams({
5100
5236
  ModuleRegistry.registerModules([AllCommunityModule]);
5101
5237
  function EmptyRowsRenderer({ emptyMessage }) {
5102
5238
  return /* @__PURE__ */ jsx(
5103
- Box34,
5239
+ Box35,
5104
5240
  {
5105
5241
  sx: {
5106
5242
  display: "flex",
@@ -5175,7 +5311,7 @@ function _ScreenshotDataGrid({
5175
5311
  return `grid-${pinnedFields}`;
5176
5312
  }, [resolvedColumnDefs]);
5177
5313
  return /* @__PURE__ */ jsx(
5178
- Box34,
5314
+ Box35,
5179
5315
  {
5180
5316
  ref: containerRef,
5181
5317
  className: className ? `${className} no-track-pii-safe` : "no-track-pii-safe",
@@ -5268,7 +5404,7 @@ var ToggleSwitch = ({
5268
5404
  }) => {
5269
5405
  return /* @__PURE__ */ jsxs(ButtonGroup, { variant: "outlined", size: "xsmall", sx: { borderRadius: 1 }, children: [
5270
5406
  /* @__PURE__ */ jsx(
5271
- Button10,
5407
+ Button11,
5272
5408
  {
5273
5409
  onClick: () => {
5274
5410
  onChange(false);
@@ -5281,7 +5417,7 @@ var ToggleSwitch = ({
5281
5417
  }
5282
5418
  ),
5283
5419
  /* @__PURE__ */ jsx(
5284
- Button10,
5420
+ Button11,
5285
5421
  {
5286
5422
  onClick: () => {
5287
5423
  onChange(true);
@@ -5340,7 +5476,7 @@ var RunToolbar = ({
5340
5476
  children
5341
5477
  }) => {
5342
5478
  return /* @__PURE__ */ jsxs(
5343
- Box34,
5479
+ Box35,
5344
5480
  {
5345
5481
  sx: {
5346
5482
  display: "flex",
@@ -5353,7 +5489,7 @@ var RunToolbar = ({
5353
5489
  },
5354
5490
  children: [
5355
5491
  /* @__PURE__ */ jsx(
5356
- Box34,
5492
+ Box35,
5357
5493
  {
5358
5494
  sx: {
5359
5495
  display: "flex",
@@ -5361,14 +5497,14 @@ var RunToolbar = ({
5361
5497
  alignItems: "flex-start",
5362
5498
  gap: 0
5363
5499
  },
5364
- children: warnings?.map((warning) => /* @__PURE__ */ jsxs(Box34, { children: [
5500
+ children: warnings?.map((warning) => /* @__PURE__ */ jsxs(Box35, { children: [
5365
5501
  /* @__PURE__ */ jsx(PiWarning, { color: "amber.600" }),
5366
5502
  " ",
5367
5503
  warning
5368
5504
  ] }, _3.uniqueId(`-${warning}`)))
5369
5505
  }
5370
5506
  ),
5371
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, minHeight: "32px" } }),
5507
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, minHeight: "32px" } }),
5372
5508
  children
5373
5509
  ]
5374
5510
  }
@@ -5432,7 +5568,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
5432
5568
  ]);
5433
5569
  if (gridData.columns.length === 0) {
5434
5570
  return /* @__PURE__ */ jsx(
5435
- Box34,
5571
+ Box35,
5436
5572
  {
5437
5573
  sx: {
5438
5574
  display: "flex",
@@ -5445,7 +5581,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
5445
5581
  );
5446
5582
  }
5447
5583
  return /* @__PURE__ */ jsxs(
5448
- Box34,
5584
+ Box35,
5449
5585
  {
5450
5586
  sx: {
5451
5587
  display: "flex",
@@ -5535,7 +5671,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
5535
5671
  ]);
5536
5672
  if (gridData.columns.length === 0) {
5537
5673
  return /* @__PURE__ */ jsx(
5538
- Box34,
5674
+ Box35,
5539
5675
  {
5540
5676
  sx: {
5541
5677
  display: "flex",
@@ -5548,7 +5684,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
5548
5684
  );
5549
5685
  }
5550
5686
  return /* @__PURE__ */ jsx(
5551
- Box34,
5687
+ Box35,
5552
5688
  {
5553
5689
  sx: {
5554
5690
  display: "flex",
@@ -5700,7 +5836,7 @@ var PrivateQueryDiffResultView = ({
5700
5836
  }
5701
5837
  if (gridData.columns.length === 0) {
5702
5838
  return /* @__PURE__ */ jsx(
5703
- Box34,
5839
+ Box35,
5704
5840
  {
5705
5841
  sx: {
5706
5842
  display: "flex",
@@ -5713,7 +5849,7 @@ var PrivateQueryDiffResultView = ({
5713
5849
  );
5714
5850
  }
5715
5851
  return /* @__PURE__ */ jsxs(
5716
- Box34,
5852
+ Box35,
5717
5853
  {
5718
5854
  sx: {
5719
5855
  display: "flex",
@@ -5860,7 +5996,7 @@ var PrivateQueryDiffJoinResultView = ({
5860
5996
  }
5861
5997
  if (gridData.columns.length === 0) {
5862
5998
  return /* @__PURE__ */ jsx(
5863
- Box34,
5999
+ Box35,
5864
6000
  {
5865
6001
  sx: {
5866
6002
  display: "flex",
@@ -5874,7 +6010,7 @@ var PrivateQueryDiffJoinResultView = ({
5874
6010
  }
5875
6011
  if (changedOnly && gridData.rows.length === 0) {
5876
6012
  return /* @__PURE__ */ jsxs(
5877
- Box34,
6013
+ Box35,
5878
6014
  {
5879
6015
  sx: {
5880
6016
  display: "flex",
@@ -5893,7 +6029,7 @@ var PrivateQueryDiffJoinResultView = ({
5893
6029
  }
5894
6030
  ),
5895
6031
  /* @__PURE__ */ jsx(
5896
- Box34,
6032
+ Box35,
5897
6033
  {
5898
6034
  sx: {
5899
6035
  display: "flex",
@@ -5909,7 +6045,7 @@ var PrivateQueryDiffJoinResultView = ({
5909
6045
  );
5910
6046
  }
5911
6047
  return /* @__PURE__ */ jsxs(
5912
- Box34,
6048
+ Box35,
5913
6049
  {
5914
6050
  sx: {
5915
6051
  display: "flex",
@@ -6069,7 +6205,7 @@ var PrivateQueryResultView = ({
6069
6205
  ]);
6070
6206
  if (gridData.columns.length === 0) {
6071
6207
  return /* @__PURE__ */ jsx(
6072
- Box34,
6208
+ Box35,
6073
6209
  {
6074
6210
  sx: {
6075
6211
  height: "100%",
@@ -6099,18 +6235,18 @@ var PrivateQueryResultView = ({
6099
6235
  children: [
6100
6236
  warning && /* @__PURE__ */ jsxs(Fragment, { children: [
6101
6237
  /* @__PURE__ */ jsx(
6102
- Box34,
6238
+ Box35,
6103
6239
  {
6104
6240
  component: PiWarning,
6105
6241
  sx: { color: "amber.600", alignSelf: "center" }
6106
6242
  }
6107
6243
  ),
6108
6244
  " ",
6109
- /* @__PURE__ */ jsx(Box34, { children: warning })
6245
+ /* @__PURE__ */ jsx(Box35, { children: warning })
6110
6246
  ] }),
6111
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1, minHeight: "32px" } }),
6247
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1, minHeight: "32px" } }),
6112
6248
  onAddToChecklist && /* @__PURE__ */ jsx(
6113
- Button10,
6249
+ Button11,
6114
6250
  {
6115
6251
  sx: { my: "5px" },
6116
6252
  size: "small",
@@ -6153,7 +6289,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
6153
6289
  }, [run]);
6154
6290
  if (gridData.rows.length === 0) {
6155
6291
  return /* @__PURE__ */ jsx(
6156
- Box34,
6292
+ Box35,
6157
6293
  {
6158
6294
  sx: {
6159
6295
  display: "flex",
@@ -6166,7 +6302,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
6166
6302
  }
6167
6303
  );
6168
6304
  }
6169
- return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(
6305
+ return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(
6170
6306
  ScreenshotDataGrid,
6171
6307
  {
6172
6308
  ref,
@@ -6220,12 +6356,12 @@ function TopKDiffForm({
6220
6356
  setIsReadyToExecute(!!params.column_name);
6221
6357
  }, [params, setIsReadyToExecute]);
6222
6358
  if (isLoading) {
6223
- return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
6359
+ return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
6224
6360
  }
6225
6361
  if (columnNames.length === 0 || error) {
6226
- return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6362
+ return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6227
6363
  }
6228
- return /* @__PURE__ */ jsx(Box34, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
6364
+ return /* @__PURE__ */ jsx(Box35, { sx: { m: "16px" }, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
6229
6365
  /* @__PURE__ */ jsx(FormLabel, { sx: { mb: 1 }, children: "Pick a column to show top-k" }),
6230
6366
  /* @__PURE__ */ jsxs(
6231
6367
  NativeSelect,
@@ -6284,7 +6420,7 @@ function TopKChartTooltip({
6284
6420
  return /* @__PURE__ */ jsx(
6285
6421
  MuiTooltip,
6286
6422
  {
6287
- title: /* @__PURE__ */ jsxs(Box34, { children: [
6423
+ title: /* @__PURE__ */ jsxs(Box35, { children: [
6288
6424
  /* @__PURE__ */ jsxs(Typography28, { children: [
6289
6425
  /* @__PURE__ */ jsx(SquareIcon, { color: CURRENT_BAR_COLOR }),
6290
6426
  "Current: ",
@@ -6313,9 +6449,9 @@ function TopKSummaryBarChart({
6313
6449
  }) {
6314
6450
  const currents = prepareSummaryList(topKDiff.current, isDisplayTopTen);
6315
6451
  const bases = prepareSummaryList(topKDiff.base, isDisplayTopTen);
6316
- return /* @__PURE__ */ jsxs(Box34, { sx: { width: "100%", px: 20, py: 2 }, children: [
6317
- /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
6318
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
6452
+ return /* @__PURE__ */ jsxs(Box35, { sx: { width: "100%", px: 20, py: 2 }, children: [
6453
+ /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", alignItems: "center", flexDirection: "row" }, children: [
6454
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
6319
6455
  /* @__PURE__ */ jsxs(
6320
6456
  Typography28,
6321
6457
  {
@@ -6338,7 +6474,7 @@ function TopKSummaryBarChart({
6338
6474
  ]
6339
6475
  }
6340
6476
  ),
6341
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
6477
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
6342
6478
  ] }),
6343
6479
  currents.map((current, index) => {
6344
6480
  const base = bases[index];
@@ -6347,7 +6483,7 @@ function TopKSummaryBarChart({
6347
6483
  }
6348
6484
  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
6349
6485
  /* @__PURE__ */ jsx(TopKChartTooltip, { base, current, children: /* @__PURE__ */ jsxs(
6350
- Box34,
6486
+ Box35,
6351
6487
  {
6352
6488
  sx: {
6353
6489
  display: "flex",
@@ -6372,7 +6508,7 @@ function TopKSummaryBarChart({
6372
6508
  }
6373
6509
  ),
6374
6510
  /* @__PURE__ */ jsxs(
6375
- Box34,
6511
+ Box35,
6376
6512
  {
6377
6513
  sx: {
6378
6514
  display: "flex",
@@ -6380,7 +6516,7 @@ function TopKSummaryBarChart({
6380
6516
  flexDirection: "column"
6381
6517
  },
6382
6518
  children: [
6383
- /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", height: "1em" }, children: [
6519
+ /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", height: "1em" }, children: [
6384
6520
  /* @__PURE__ */ jsx(
6385
6521
  CategoricalBarChart,
6386
6522
  {
@@ -6414,7 +6550,7 @@ function TopKSummaryBarChart({
6414
6550
  }
6415
6551
  )
6416
6552
  ] }),
6417
- /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", height: "1em" }, children: [
6553
+ /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", height: "1em" }, children: [
6418
6554
  /* @__PURE__ */ jsx(
6419
6555
  CategoricalBarChart,
6420
6556
  {
@@ -6463,7 +6599,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6463
6599
  const endAtIndex = isDisplayTopTen ? 10 : topk.counts.length;
6464
6600
  const displayList = topk.counts.slice(0, endAtIndex);
6465
6601
  const remainingSumCount = valids - displayList.reduce((accum, curr) => accum + curr, 0);
6466
- return /* @__PURE__ */ jsx(Box34, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
6602
+ return /* @__PURE__ */ jsx(Box35, { sx: { width: "100%" }, children: displayList.concat([remainingSumCount]).map((v, index) => {
6467
6603
  const isLastItemOthers = index === displayList.length;
6468
6604
  const topkCount = isLastItemOthers ? remainingSumCount : v;
6469
6605
  const catName = String(topk.values[index]);
@@ -6472,7 +6608,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6472
6608
  const displayTopkRatio = formatIntervalMinMax(topkCount / valids);
6473
6609
  return /* @__PURE__ */ jsx(Fragment$1, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
6474
6610
  /* @__PURE__ */ jsxs(
6475
- Box34,
6611
+ Box35,
6476
6612
  {
6477
6613
  sx: {
6478
6614
  display: "flex",
@@ -6496,7 +6632,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
6496
6632
  children: topkLabel
6497
6633
  }
6498
6634
  ) }),
6499
- /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsx(
6635
+ /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", height: "2em", width: "10em" }, children: /* @__PURE__ */ jsx(
6500
6636
  CategoricalBarChart,
6501
6637
  {
6502
6638
  topkCount,
@@ -6605,7 +6741,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6605
6741
  const params = run.params;
6606
6742
  const baseTopK = result.base;
6607
6743
  const currentTopK = result.current;
6608
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
6744
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
6609
6745
  /* @__PURE__ */ jsxs(ScreenshotBox, { ref, blockSize: "auto", children: [
6610
6746
  /* @__PURE__ */ jsxs(
6611
6747
  Typography28,
@@ -6621,7 +6757,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6621
6757
  }
6622
6758
  ),
6623
6759
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", children: [
6624
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
6760
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
6625
6761
  /* @__PURE__ */ jsx(
6626
6762
  TopKSummaryBarChart,
6627
6763
  {
@@ -6630,11 +6766,11 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
6630
6766
  isDisplayTopTen
6631
6767
  }
6632
6768
  ),
6633
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } })
6769
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } })
6634
6770
  ] })
6635
6771
  ] }),
6636
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
6637
- (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsx(
6772
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
6773
+ (baseTopK.values.length > 10 || currentTopK.values.length > 10) && /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", p: 5, justifyContent: "start" }, children: /* @__PURE__ */ jsx(
6638
6774
  Link,
6639
6775
  {
6640
6776
  component: "button",
@@ -6719,7 +6855,7 @@ var PrivateValueDiffDetailResultView = ({
6719
6855
  }
6720
6856
  if (gridData.columns.length === 0) {
6721
6857
  return /* @__PURE__ */ jsx(
6722
- Box34,
6858
+ Box35,
6723
6859
  {
6724
6860
  sx: {
6725
6861
  display: "flex",
@@ -6733,7 +6869,7 @@ var PrivateValueDiffDetailResultView = ({
6733
6869
  }
6734
6870
  if (changedOnly && gridData.rows.length === 0) {
6735
6871
  return /* @__PURE__ */ jsxs(
6736
- Box34,
6872
+ Box35,
6737
6873
  {
6738
6874
  sx: {
6739
6875
  display: "flex",
@@ -6752,7 +6888,7 @@ var PrivateValueDiffDetailResultView = ({
6752
6888
  }
6753
6889
  ),
6754
6890
  /* @__PURE__ */ jsx(
6755
- Box34,
6891
+ Box35,
6756
6892
  {
6757
6893
  sx: {
6758
6894
  display: "flex",
@@ -6768,7 +6904,7 @@ var PrivateValueDiffDetailResultView = ({
6768
6904
  );
6769
6905
  }
6770
6906
  return /* @__PURE__ */ jsxs(
6771
- Box34,
6907
+ Box35,
6772
6908
  {
6773
6909
  sx: {
6774
6910
  display: "flex",
@@ -6868,13 +7004,13 @@ function ValueDiffForm({
6868
7004
  const columnNames = columns.map((c) => c.name);
6869
7005
  const primaryKeys = Array.isArray(primaryKey) ? primaryKey : primaryKey ? [primaryKey] : void 0;
6870
7006
  if (isLoading) {
6871
- return /* @__PURE__ */ jsx(Box34, { children: "Loading..." });
7007
+ return /* @__PURE__ */ jsx(Box35, { children: "Loading..." });
6872
7008
  }
6873
7009
  if (columnNames.length === 0 || error) {
6874
- return /* @__PURE__ */ jsx(Box34, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
7010
+ return /* @__PURE__ */ jsx(Box35, { children: "Error: Please provide the 'catalog.json' to list column candidates" });
6875
7011
  }
6876
7012
  return /* @__PURE__ */ jsxs(Stack24, { spacing: 5, sx: { m: "8px 24px", pb: "200px" }, children: [
6877
- /* @__PURE__ */ jsxs(Box34, { children: [
7013
+ /* @__PURE__ */ jsxs(Box35, { children: [
6878
7014
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Model" }),
6879
7015
  /* @__PURE__ */ jsx(
6880
7016
  TextField,
@@ -6886,7 +7022,7 @@ function ValueDiffForm({
6886
7022
  }
6887
7023
  )
6888
7024
  ] }),
6889
- /* @__PURE__ */ jsxs(Box34, { children: [
7025
+ /* @__PURE__ */ jsxs(Box35, { children: [
6890
7026
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Primary key" }),
6891
7027
  /* @__PURE__ */ jsx(
6892
7028
  ReactSelect2,
@@ -6920,7 +7056,7 @@ function ValueDiffForm({
6920
7056
  }
6921
7057
  )
6922
7058
  ] }),
6923
- /* @__PURE__ */ jsxs(Box34, { children: [
7059
+ /* @__PURE__ */ jsxs(Box35, { children: [
6924
7060
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 1 }, children: "Columns" }),
6925
7061
  /* @__PURE__ */ jsx(
6926
7062
  FormControlLabel4,
@@ -6994,7 +7130,7 @@ function _ValueDiffResultView({ run }, ref) {
6994
7130
  }
6995
7131
  const { columns, rows } = gridData;
6996
7132
  return /* @__PURE__ */ jsxs(
6997
- Box34,
7133
+ Box35,
6998
7134
  {
6999
7135
  sx: {
7000
7136
  display: "flex",
@@ -7004,7 +7140,7 @@ function _ValueDiffResultView({ run }, ref) {
7004
7140
  height: "100%"
7005
7141
  },
7006
7142
  children: [
7007
- /* @__PURE__ */ jsxs(Box34, { sx: { px: "16px" }, children: [
7143
+ /* @__PURE__ */ jsxs(Box35, { sx: { px: "16px" }, children: [
7008
7144
  "Model: ",
7009
7145
  params.model,
7010
7146
  ", ",
@@ -7394,7 +7530,7 @@ function useCopyToClipboardButton(options) {
7394
7530
  }) {
7395
7531
  return /* @__PURE__ */ jsxs(Fragment, { children: [
7396
7532
  /* @__PURE__ */ jsx(
7397
- Button10,
7533
+ Button11,
7398
7534
  {
7399
7535
  size: "small",
7400
7536
  sx: { position: "absolute", bottom: 16, right: 16 },
@@ -7464,7 +7600,7 @@ function useImageDownloadModal() {
7464
7600
  /* @__PURE__ */ jsxs(DialogContent7, { children: [
7465
7601
  /* @__PURE__ */ jsxs(Stack24, { sx: { px: "10px", gap: "10px" }, children: [
7466
7602
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: "5px", children: [
7467
- /* @__PURE__ */ jsx(Box34, { component: PiInfo, sx: { color: "error.main" } }),
7603
+ /* @__PURE__ */ jsx(Box35, { component: PiInfo, sx: { color: "error.main" } }),
7468
7604
  /* @__PURE__ */ jsx(Typography28, { sx: { fontWeight: 500, display: "inline" }, children: "Copy to the Clipboard" }),
7469
7605
  " ",
7470
7606
  "is not supported in the current browser"
@@ -7472,7 +7608,7 @@ function useImageDownloadModal() {
7472
7608
  /* @__PURE__ */ jsx(Typography28, { children: "Please download it directly" })
7473
7609
  ] }),
7474
7610
  /* @__PURE__ */ jsx(
7475
- Box34,
7611
+ Box35,
7476
7612
  {
7477
7613
  component: "img",
7478
7614
  src: base64Img,
@@ -7482,8 +7618,8 @@ function useImageDownloadModal() {
7482
7618
  )
7483
7619
  ] }),
7484
7620
  /* @__PURE__ */ jsxs(DialogActions6, { children: [
7485
- /* @__PURE__ */ jsx(Button10, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
7486
- /* @__PURE__ */ jsx(Button10, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
7621
+ /* @__PURE__ */ jsx(Button11, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
7622
+ /* @__PURE__ */ jsx(Button11, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
7487
7623
  ] })
7488
7624
  ] });
7489
7625
  }
@@ -7543,40 +7679,6 @@ var useRun = (runId) => {
7543
7679
  RunResultView
7544
7680
  };
7545
7681
  };
7546
- var HSplit = (props) => {
7547
- const { style, children, gutterSize = 5, ...rest } = props;
7548
- return /* @__PURE__ */ jsx(
7549
- ReactSplit,
7550
- {
7551
- style: {
7552
- display: "flex",
7553
- flexDirection: "row",
7554
- ...style
7555
- },
7556
- direction: "horizontal",
7557
- gutterSize,
7558
- ...rest,
7559
- children
7560
- }
7561
- );
7562
- };
7563
- var VSplit = (props) => {
7564
- const { style, children, gutterSize = 5, ...rest } = props;
7565
- return /* @__PURE__ */ jsx(
7566
- ReactSplit,
7567
- {
7568
- style: {
7569
- display: "flex",
7570
- flexDirection: "column",
7571
- ...style
7572
- },
7573
- gutterSize,
7574
- direction: "vertical",
7575
- ...rest,
7576
- children
7577
- }
7578
- );
7579
- };
7580
7682
  function ActionControl({ onClose }) {
7581
7683
  const { cancel, actionState } = useLineageViewContextSafe();
7582
7684
  const getProgressMessage = () => {
@@ -7594,7 +7696,7 @@ function ActionControl({ onClose }) {
7594
7696
  }
7595
7697
  }
7596
7698
  };
7597
- return /* @__PURE__ */ jsx(Box34, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxs(
7699
+ return /* @__PURE__ */ jsx(Box35, { sx: { bgcolor: "white", borderRadius: 1, boxShadow: 6 }, children: /* @__PURE__ */ jsxs(
7598
7700
  Stack24,
7599
7701
  {
7600
7702
  direction: "row",
@@ -7602,14 +7704,14 @@ function ActionControl({ onClose }) {
7602
7704
  spacing: 2,
7603
7705
  sx: { p: "5px 15px", mt: 2 },
7604
7706
  children: [
7605
- /* @__PURE__ */ jsxs(Box34, { sx: { fontSize: "10pt" }, children: [
7707
+ /* @__PURE__ */ jsxs(Box35, { sx: { fontSize: "10pt" }, children: [
7606
7708
  "Progress: ",
7607
7709
  getProgressMessage(),
7608
7710
  " ",
7609
7711
  actionState.status === "canceled" ? " (canceled)" : ""
7610
7712
  ] }),
7611
7713
  actionState.status === "running" || actionState.status === "canceling" ? /* @__PURE__ */ jsx(
7612
- Button10,
7714
+ Button11,
7613
7715
  {
7614
7716
  size: "small",
7615
7717
  variant: "outlined",
@@ -7617,7 +7719,7 @@ function ActionControl({ onClose }) {
7617
7719
  disabled: actionState.status === "canceling",
7618
7720
  children: actionState.status === "canceling" ? "Canceling" : "Cancel"
7619
7721
  }
7620
- ) : /* @__PURE__ */ jsx(Stack24, { direction: "row", children: /* @__PURE__ */ jsx(Button10, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
7722
+ ) : /* @__PURE__ */ jsx(Stack24, { direction: "row", children: /* @__PURE__ */ jsx(Button11, { size: "small", variant: "outlined", onClick: onClose, children: "Close" }) })
7621
7723
  ]
7622
7724
  }
7623
7725
  ) });
@@ -7740,7 +7842,7 @@ function ChangeStatusLegend() {
7740
7842
  modified: ["Modified", "Modified resource"]
7741
7843
  };
7742
7844
  return /* @__PURE__ */ jsx(
7743
- Box34,
7845
+ Box35,
7744
7846
  {
7745
7847
  sx: {
7746
7848
  bgcolor: "white",
@@ -7752,7 +7854,7 @@ function ChangeStatusLegend() {
7752
7854
  children: Object.entries(CHANGE_STATUS_MSGS).map(([key, [label, tip]]) => {
7753
7855
  const { icon, color } = getIconForChangeStatus(key);
7754
7856
  return /* @__PURE__ */ jsx(MuiTooltip, { title: tip, placement: "right", children: /* @__PURE__ */ jsxs(
7755
- Box34,
7857
+ Box35,
7756
7858
  {
7757
7859
  sx: {
7758
7860
  display: "flex",
@@ -7761,7 +7863,7 @@ function ChangeStatusLegend() {
7761
7863
  mb: "2px"
7762
7864
  },
7763
7865
  children: [
7764
- icon && /* @__PURE__ */ jsx(Box34, { component: icon, sx: { color } }),
7866
+ icon && /* @__PURE__ */ jsx(Box35, { component: icon, sx: { color } }),
7765
7867
  " ",
7766
7868
  label
7767
7869
  ]
@@ -7790,7 +7892,7 @@ var ModeMessage = () => {
7790
7892
  return /* @__PURE__ */ jsxs(Fragment, { children: [
7791
7893
  /* @__PURE__ */ jsx(Typography28, { component: "span", sx: { mr: "5px" }, children: "Impact Radius for" }),
7792
7894
  /* @__PURE__ */ jsx(
7793
- Box34,
7895
+ Box35,
7794
7896
  {
7795
7897
  component: "code",
7796
7898
  onClick: () => {
@@ -7815,7 +7917,7 @@ var ModeMessage = () => {
7815
7917
  " "
7816
7918
  ] }),
7817
7919
  /* @__PURE__ */ jsxs(
7818
- Box34,
7920
+ Box35,
7819
7921
  {
7820
7922
  component: "code",
7821
7923
  onClick: () => {
@@ -7852,14 +7954,14 @@ var ColumnLevelLineageControl = ({
7852
7954
  const { lineageGraph } = useLineageGraphContext();
7853
7955
  const noCatalogCurrent = !lineageGraph?.catalogMetadata.current;
7854
7956
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: "5px", children: [
7855
- !singleEnv && /* @__PURE__ */ jsx(Box34, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsx(
7957
+ !singleEnv && /* @__PURE__ */ jsx(Box35, { sx: { borderRadius: 1, boxShadow: 3 }, children: /* @__PURE__ */ jsx(
7856
7958
  MuiTooltip,
7857
7959
  {
7858
7960
  enterDelay: 50,
7859
7961
  title: noCatalogCurrent ? "Please provide catalog.json to enable Impact Radius" : "",
7860
7962
  placement: "top",
7861
7963
  children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
7862
- Button10,
7964
+ Button11,
7863
7965
  {
7864
7966
  size: "small",
7865
7967
  variant: "outlined",
@@ -7913,7 +8015,7 @@ var ColumnLevelLineageControl = ({
7913
8015
  alignItems: "center"
7914
8016
  },
7915
8017
  children: /* @__PURE__ */ jsx(
7916
- Box34,
8018
+ Box35,
7917
8019
  {
7918
8020
  component: PiInfo,
7919
8021
  sx: { color: "error.main", fontSize: "14px" }
@@ -7951,7 +8053,7 @@ var ChangeStatus = ({
7951
8053
  return /* @__PURE__ */ jsx(Fragment, {});
7952
8054
  }
7953
8055
  return /* @__PURE__ */ jsx(
7954
- Box34,
8056
+ Box35,
7955
8057
  {
7956
8058
  component: IconChangeStatus,
7957
8059
  sx: {
@@ -8025,7 +8127,7 @@ function GraphColumnNode(nodeProps) {
8025
8127
  return /* @__PURE__ */ jsx(Fragment, {});
8026
8128
  }
8027
8129
  return /* @__PURE__ */ jsxs(
8028
- Box34,
8130
+ Box35,
8029
8131
  {
8030
8132
  sx: {
8031
8133
  display: "flex",
@@ -8047,7 +8149,7 @@ function GraphColumnNode(nodeProps) {
8047
8149
  },
8048
8150
  children: [
8049
8151
  /* @__PURE__ */ jsxs(
8050
- Box34,
8152
+ Box35,
8051
8153
  {
8052
8154
  sx: {
8053
8155
  display: "flex",
@@ -8060,10 +8162,10 @@ function GraphColumnNode(nodeProps) {
8060
8162
  },
8061
8163
  children: [
8062
8164
  isShowingChangeAnalysis && changeStatus ? /* @__PURE__ */ jsx(ChangeStatus, { changeStatus }) : /* @__PURE__ */ jsx(TransformationType, { transformationType }),
8063
- /* @__PURE__ */ jsx(Box34, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
8064
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
8165
+ /* @__PURE__ */ jsx(Box35, { sx: { height: `${COLUMN_HEIGHT + 1}px` }, children: column }),
8166
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
8065
8167
  isHovered ? /* @__PURE__ */ jsx(
8066
- Box34,
8168
+ Box35,
8067
8169
  {
8068
8170
  component: VscKebabVertical,
8069
8171
  sx: {
@@ -8081,7 +8183,7 @@ function GraphColumnNode(nodeProps) {
8081
8183
  );
8082
8184
  }
8083
8185
  }
8084
- ) : /* @__PURE__ */ jsx(Box34, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
8186
+ ) : /* @__PURE__ */ jsx(Box35, { sx: { height: `${COLUMN_HEIGHT + 1} px` }, children: type })
8085
8187
  ]
8086
8188
  }
8087
8189
  ),
@@ -8137,7 +8239,7 @@ function ColumnLevelLineageLegend() {
8137
8239
  ]
8138
8240
  };
8139
8241
  return /* @__PURE__ */ jsx(
8140
- Box34,
8242
+ Box35,
8141
8243
  {
8142
8244
  sx: {
8143
8245
  bgcolor: "white",
@@ -8148,7 +8250,7 @@ function ColumnLevelLineageLegend() {
8148
8250
  },
8149
8251
  children: Object.entries(TRANSFORMATION_MSGS).map(([key, [label, tip]]) => {
8150
8252
  return /* @__PURE__ */ jsx(MuiTooltip, { title: tip, placement: "right", children: /* @__PURE__ */ jsxs(
8151
- Box34,
8253
+ Box35,
8152
8254
  {
8153
8255
  sx: {
8154
8256
  display: "flex",
@@ -8257,7 +8359,7 @@ function SetupConnectionPopover({
8257
8359
  }
8258
8360
  return /* @__PURE__ */ jsxs(Fragment, { children: [
8259
8361
  /* @__PURE__ */ jsx(
8260
- Box34,
8362
+ Box35,
8261
8363
  {
8262
8364
  ref: anchorRef,
8263
8365
  onMouseEnter: handleMouseEnter,
@@ -8331,8 +8433,8 @@ function ResourceTypeTag({ node }) {
8331
8433
  const { icon: ResourceTypeIcon } = getIconForResourceType(
8332
8434
  node.data.resourceType
8333
8435
  );
8334
- return /* @__PURE__ */ jsx(MuiTooltip, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxs(Box34, { component: "span", sx: tagRootSx, children: [
8335
- ResourceTypeIcon && /* @__PURE__ */ jsx(Box34, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(ResourceTypeIcon, {}) }),
8436
+ return /* @__PURE__ */ jsx(MuiTooltip, { arrow: true, title: "Type of resource", children: /* @__PURE__ */ jsxs(Box35, { component: "span", sx: tagRootSx, children: [
8437
+ ResourceTypeIcon && /* @__PURE__ */ jsx(Box35, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(ResourceTypeIcon, {}) }),
8336
8438
  node.data.resourceType
8337
8439
  ] }) });
8338
8440
  }
@@ -8352,13 +8454,13 @@ function _RowCountByRate({ rowCount }) {
8352
8454
  } else if (base === current) {
8353
8455
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8354
8456
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
8355
- /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsx(RiSwapLine, {}) }),
8457
+ /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "grey.500", display: "flex" }, children: /* @__PURE__ */ jsx(RiSwapLine, {}) }),
8356
8458
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", sx: { color: "grey.500" }, children: "No Change" })
8357
8459
  ] });
8358
8460
  } else if (base < current) {
8359
8461
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8360
8462
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
8361
- /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowUpSFill, {}) }),
8463
+ /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "success.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowUpSFill, {}) }),
8362
8464
  /* @__PURE__ */ jsx(
8363
8465
  Typography28,
8364
8466
  {
@@ -8372,7 +8474,7 @@ function _RowCountByRate({ rowCount }) {
8372
8474
  } else {
8373
8475
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8374
8476
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: currentLabel }),
8375
- /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowDownSFill, {}) }),
8477
+ /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(RiArrowDownSFill, {}) }),
8376
8478
  /* @__PURE__ */ jsx(
8377
8479
  Typography28,
8378
8480
  {
@@ -8389,7 +8491,7 @@ function ModelRowCount({ rowCount }) {
8389
8491
  if (!rowCount) {
8390
8492
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
8391
8493
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", component: "span", children: "Failed to load" }),
8392
- /* @__PURE__ */ jsx(Box34, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(FiFrown, {}) })
8494
+ /* @__PURE__ */ jsx(Box35, { component: "span", sx: { color: "error.main", display: "flex" }, children: /* @__PURE__ */ jsx(FiFrown, {}) })
8393
8495
  ] });
8394
8496
  }
8395
8497
  const base = rowCount.base ?? "N/A";
@@ -8411,7 +8513,7 @@ function RowCountDiffTag({
8411
8513
  const rowsToShow = rowCount;
8412
8514
  const label = rowCount ? `${rowCount.base ?? "N/A"} -> ${rowCount.curr ?? "N/A"} rows` : "";
8413
8515
  return /* @__PURE__ */ jsx(MuiTooltip, { title: label, children: /* @__PURE__ */ jsx(SetupConnectionPopover, { display: featureToggles.mode === "metadata only", children: /* @__PURE__ */ jsxs(
8414
- Box34,
8516
+ Box35,
8415
8517
  {
8416
8518
  component: "span",
8417
8519
  sx: {
@@ -8451,8 +8553,8 @@ function RowCountTag({
8451
8553
  const rows = rowCount.curr ?? "N/A";
8452
8554
  label = `${rows} rows`;
8453
8555
  }
8454
- return /* @__PURE__ */ jsxs(Box34, { component: "span", sx: tagRootSx, children: [
8455
- /* @__PURE__ */ jsx(Box34, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(RunTypeIcon, {}) }),
8556
+ return /* @__PURE__ */ jsxs(Box35, { component: "span", sx: tagRootSx, children: [
8557
+ /* @__PURE__ */ jsx(Box35, { component: "span", sx: tagStartElementSx, children: /* @__PURE__ */ jsx(RunTypeIcon, {}) }),
8456
8558
  rowCount || isFetching ? isFetching ? /* @__PURE__ */ jsx(Skeleton, { width: 30, height: 16 }) : /* @__PURE__ */ jsx(Typography28, { variant: "caption", children: label }) : /* @__PURE__ */ jsx(Typography28, { variant: "caption", children: "row count" }),
8457
8559
  onRefresh && /* @__PURE__ */ jsx(
8458
8560
  IconButton2,
@@ -8488,8 +8590,8 @@ var ActionTag = ({ node, action }) => {
8488
8590
  gap: "3px"
8489
8591
  },
8490
8592
  children: [
8491
- /* @__PURE__ */ jsx(Box34, { children: "Skipped" }),
8492
- skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: skipReason, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiInfo, {}) }) })
8593
+ /* @__PURE__ */ jsx(Box35, { children: "Skipped" }),
8594
+ skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: skipReason, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiInfo, {}) }) })
8493
8595
  ]
8494
8596
  }
8495
8597
  ),
@@ -8522,8 +8624,8 @@ var ActionTag = ({ node, action }) => {
8522
8624
  direction: "row",
8523
8625
  sx: { fontSize: "10pt", color: "gray", alignItems: "center" },
8524
8626
  children: [
8525
- /* @__PURE__ */ jsx(Box34, { children: "Error" }),
8526
- skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: error, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiWarning, {}) }) })
8627
+ /* @__PURE__ */ jsx(Box35, { children: "Error" }),
8628
+ skipReason && /* @__PURE__ */ jsx(MuiTooltip, { title: error, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex" }, children: /* @__PURE__ */ jsx(PiWarning, {}) }) })
8527
8629
  ]
8528
8630
  }
8529
8631
  );
@@ -8632,14 +8734,14 @@ var NodeRunsAggregated = ({
8632
8734
  const colorChanged = inverted ? "white" : getIconForChangeStatus("modified").color;
8633
8735
  const colorUnchanged = inverted ? "gray" : "gray.100";
8634
8736
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
8635
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
8737
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: [
8636
8738
  schemaChanged !== void 0 && /* @__PURE__ */ jsx(
8637
8739
  MuiTooltip,
8638
8740
  {
8639
8741
  title: `Schema (${schemaChanged ? "changed" : "no change"})`,
8640
8742
  enterDelay: 500,
8641
- children: /* @__PURE__ */ jsx(Box34, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsx(
8642
- Box34,
8743
+ children: /* @__PURE__ */ jsx(Box35, { sx: { height: 16 }, children: SchemaDiffIcon && /* @__PURE__ */ jsx(
8744
+ Box35,
8643
8745
  {
8644
8746
  component: SchemaDiffIcon,
8645
8747
  sx: { color: schemaChanged ? colorChanged : colorUnchanged }
@@ -8647,13 +8749,13 @@ var NodeRunsAggregated = ({
8647
8749
  ) })
8648
8750
  }
8649
8751
  ),
8650
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
8752
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
8651
8753
  runs?.row_count_diff && rowCountChanged !== void 0 && /* @__PURE__ */ jsx(
8652
8754
  MuiTooltip,
8653
8755
  {
8654
8756
  title: `Row count (${rowCountChanged ? "changed" : "="})`,
8655
8757
  enterDelay: 500,
8656
- children: /* @__PURE__ */ jsx(Box34, { children: /* @__PURE__ */ jsx(
8758
+ children: /* @__PURE__ */ jsx(Box35, { children: /* @__PURE__ */ jsx(
8657
8759
  _RowCountDiffTag,
8658
8760
  {
8659
8761
  rowCount: runs.row_count_diff.result
@@ -8668,7 +8770,7 @@ var GraphNodeCheckbox = ({
8668
8770
  onClick
8669
8771
  }) => {
8670
8772
  return /* @__PURE__ */ jsx(
8671
- Box34,
8773
+ Box35,
8672
8774
  {
8673
8775
  onClick,
8674
8776
  sx: {
@@ -8677,7 +8779,7 @@ var GraphNodeCheckbox = ({
8677
8779
  alignItems: "center",
8678
8780
  cursor: "pointer"
8679
8781
  },
8680
- children: checked ? /* @__PURE__ */ jsx(Box34, { component: FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsx(Box34, { component: FaRegSquare, sx: { fontSize: 20 } })
8782
+ children: checked ? /* @__PURE__ */ jsx(Box35, { component: FaCheckSquare, sx: { fontSize: 20 } }) : /* @__PURE__ */ jsx(Box35, { component: FaRegSquare, sx: { fontSize: 20 } })
8681
8783
  }
8682
8784
  );
8683
8785
  };
@@ -8687,7 +8789,7 @@ var GraphNodeTitle = ({
8687
8789
  resourceType
8688
8790
  }) => {
8689
8791
  return /* @__PURE__ */ jsx(
8690
- Box34,
8792
+ Box35,
8691
8793
  {
8692
8794
  sx: {
8693
8795
  flex: 1,
@@ -8794,7 +8896,7 @@ function GraphNode(nodeProps) {
8794
8896
  }
8795
8897
  })();
8796
8898
  return /* @__PURE__ */ jsxs(
8797
- Box34,
8899
+ Box35,
8798
8900
  {
8799
8901
  sx: {
8800
8902
  display: "flex",
@@ -8819,7 +8921,7 @@ function GraphNode(nodeProps) {
8819
8921
  },
8820
8922
  children: [
8821
8923
  /* @__PURE__ */ jsxs(
8822
- Box34,
8924
+ Box35,
8823
8925
  {
8824
8926
  sx: {
8825
8927
  display: "flex",
@@ -8835,7 +8937,7 @@ function GraphNode(nodeProps) {
8835
8937
  },
8836
8938
  children: [
8837
8939
  /* @__PURE__ */ jsx(
8838
- Box34,
8940
+ Box35,
8839
8941
  {
8840
8942
  sx: {
8841
8943
  display: "flex",
@@ -8863,7 +8965,7 @@ function GraphNode(nodeProps) {
8863
8965
  }
8864
8966
  ),
8865
8967
  /* @__PURE__ */ jsxs(
8866
- Box34,
8968
+ Box35,
8867
8969
  {
8868
8970
  sx: {
8869
8971
  display: "flex",
@@ -8874,7 +8976,7 @@ function GraphNode(nodeProps) {
8874
8976
  },
8875
8977
  children: [
8876
8978
  /* @__PURE__ */ jsxs(
8877
- Box34,
8979
+ Box35,
8878
8980
  {
8879
8981
  sx: {
8880
8982
  display: "flex",
@@ -8904,7 +9006,7 @@ function GraphNode(nodeProps) {
8904
9006
  placement: "top",
8905
9007
  enterDelay: 500,
8906
9008
  children: /* @__PURE__ */ jsx(
8907
- Box34,
9009
+ Box35,
8908
9010
  {
8909
9011
  sx: {
8910
9012
  display: "flex",
@@ -8912,7 +9014,7 @@ function GraphNode(nodeProps) {
8912
9014
  justifyContent: "center"
8913
9015
  },
8914
9016
  children: /* @__PURE__ */ jsx(
8915
- Box34,
9017
+ Box35,
8916
9018
  {
8917
9019
  component: FaRegDotCircle,
8918
9020
  sx: {
@@ -8937,7 +9039,7 @@ function GraphNode(nodeProps) {
8937
9039
  }
8938
9040
  ),
8939
9041
  /* @__PURE__ */ jsx(
8940
- Box34,
9042
+ Box35,
8941
9043
  {
8942
9044
  component: VscKebabVertical,
8943
9045
  sx: {
@@ -8957,14 +9059,14 @@ function GraphNode(nodeProps) {
8957
9059
  )
8958
9060
  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
8959
9061
  ResourceIcon && /* @__PURE__ */ jsx(
8960
- Box34,
9062
+ Box35,
8961
9063
  {
8962
9064
  component: ResourceIcon,
8963
9065
  sx: { fontSize: 16, color: iconResourceColor }
8964
9066
  }
8965
9067
  ),
8966
9068
  changeStatus && IconChangeStatus && /* @__PURE__ */ jsx(
8967
- Box34,
9069
+ Box35,
8968
9070
  {
8969
9071
  component: IconChangeStatus,
8970
9072
  sx: { color: iconChangeStatusColor }
@@ -8975,7 +9077,7 @@ function GraphNode(nodeProps) {
8975
9077
  }
8976
9078
  ),
8977
9079
  /* @__PURE__ */ jsx(
8978
- Box34,
9080
+ Box35,
8979
9081
  {
8980
9082
  sx: {
8981
9083
  display: "flex",
@@ -8986,7 +9088,7 @@ function GraphNode(nodeProps) {
8986
9088
  visibility: showContent ? "inherit" : "hidden"
8987
9089
  },
8988
9090
  children: /* @__PURE__ */ jsx(Stack24, { direction: "row", spacing: 1, children: action ? /* @__PURE__ */ jsxs(Fragment, { children: [
8989
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
9091
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
8990
9092
  /* @__PURE__ */ jsx(
8991
9093
  ActionTag,
8992
9094
  {
@@ -8995,7 +9097,7 @@ function GraphNode(nodeProps) {
8995
9097
  }
8996
9098
  )
8997
9099
  ] }) : isShowingChangeAnalysis ? /* @__PURE__ */ jsx(
8998
- Box34,
9100
+ Box35,
8999
9101
  {
9000
9102
  sx: {
9001
9103
  height: 20,
@@ -9028,7 +9130,7 @@ function GraphNode(nodeProps) {
9028
9130
  }
9029
9131
  ),
9030
9132
  showColumns && /* @__PURE__ */ jsx(
9031
- Box34,
9133
+ Box35,
9032
9134
  {
9033
9135
  sx: {
9034
9136
  p: "10px 10px",
@@ -9040,7 +9142,7 @@ function GraphNode(nodeProps) {
9040
9142
  borderBottomRightRadius: 8
9041
9143
  },
9042
9144
  children: /* @__PURE__ */ jsx(
9043
- Box34,
9145
+ Box35,
9044
9146
  {
9045
9147
  sx: {
9046
9148
  height: `${columnSet.size * COLUMN_HEIGHT}px`,
@@ -9248,7 +9350,7 @@ from {{ ref("${modelNode.name}") }}`;
9248
9350
  }
9249
9351
  menuItems.push({
9250
9352
  label: "Query",
9251
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
9353
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
9252
9354
  isDisabled: isQueryDisabled,
9253
9355
  action: () => {
9254
9356
  setSqlQuery(query);
@@ -9269,7 +9371,7 @@ from {{ ref("${modelNode.name}") }}`;
9269
9371
  });
9270
9372
  menuItems.push({
9271
9373
  label: "Query Related Columns",
9272
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
9374
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
9273
9375
  isDisabled: isQueryDisabled,
9274
9376
  action: () => {
9275
9377
  const query2 = `select
@@ -9296,7 +9398,7 @@ from {{ ref("${modelNode.name}") }}`;
9296
9398
  });
9297
9399
  menuItems.push({
9298
9400
  label: "Query Modified Columns",
9299
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
9401
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
9300
9402
  isDisabled: isQueryDisabled,
9301
9403
  action: () => {
9302
9404
  const query2 = `select
@@ -9320,7 +9422,7 @@ from {{ ref("${modelNode.name}") }}`;
9320
9422
  menuItems.push({
9321
9423
  label: rowCountAndRowCountRun.title,
9322
9424
  itemIcon: /* @__PURE__ */ jsx(
9323
- Box34,
9425
+ Box35,
9324
9426
  {
9325
9427
  component: rowCountAndRowCountRun.icon,
9326
9428
  sx: { display: "inline-flex" }
@@ -9346,7 +9448,7 @@ from {{ ref("${modelNode.name}") }}`;
9346
9448
  menuItems.push({
9347
9449
  label: profileAndProfileDiffRun.title,
9348
9450
  itemIcon: /* @__PURE__ */ jsx(
9349
- Box34,
9451
+ Box35,
9350
9452
  {
9351
9453
  component: profileAndProfileDiffRun.icon,
9352
9454
  sx: { display: "inline-flex" }
@@ -9371,7 +9473,7 @@ from {{ ref("${modelNode.name}") }}`;
9371
9473
  const valueDiffRun = findByRunType("value_diff");
9372
9474
  menuItems.push({
9373
9475
  label: valueDiffRun.title,
9374
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
9476
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: valueDiffRun.icon, sx: { display: "inline-flex" } }),
9375
9477
  isDisabled: isQueryDisabled,
9376
9478
  action: () => {
9377
9479
  const columns2 = Array.from(getNodeColumnSet(node.id));
@@ -9524,7 +9626,7 @@ var ColumnNodeContextMenu = ({
9524
9626
  const run = findByRunType(singleEnv ? "profile" : "profile_diff");
9525
9627
  menuItems.push({
9526
9628
  label: run.title,
9527
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: run.icon, sx: { display: "inline-flex" } }),
9629
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: run.icon, sx: { display: "inline-flex" } }),
9528
9630
  action: handleProfileDiff,
9529
9631
  isDisabled: addedOrRemoved || !isActionAvailable("profile_diff") || isQueryDisabled
9530
9632
  });
@@ -9533,7 +9635,7 @@ var ColumnNodeContextMenu = ({
9533
9635
  menuItems.push({
9534
9636
  label: isHistogramDiffRun2.title,
9535
9637
  itemIcon: /* @__PURE__ */ jsx(
9536
- Box34,
9638
+ Box35,
9537
9639
  {
9538
9640
  component: isHistogramDiffRun2.icon,
9539
9641
  sx: { display: "inline-flex" }
@@ -9545,14 +9647,14 @@ var ColumnNodeContextMenu = ({
9545
9647
  const isTopKDiffRun2 = findByRunType("top_k_diff");
9546
9648
  menuItems.push({
9547
9649
  label: isTopKDiffRun2.title,
9548
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
9650
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: isTopKDiffRun2.icon, sx: { display: "inline-flex" } }),
9549
9651
  action: handleTopkDiff,
9550
9652
  isDisabled: addedOrRemoved || isQueryDisabled
9551
9653
  });
9552
9654
  const isValueDiffRun2 = findByRunType("value_diff");
9553
9655
  menuItems.push({
9554
9656
  label: isValueDiffRun2.title,
9555
- itemIcon: /* @__PURE__ */ jsx(Box34, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
9657
+ itemIcon: /* @__PURE__ */ jsx(Box35, { component: isValueDiffRun2.icon, sx: { display: "inline-flex" } }),
9556
9658
  action: handleValueDiff,
9557
9659
  isDisabled: addedOrRemoved || isQueryDisabled
9558
9660
  });
@@ -9659,7 +9761,7 @@ function LineageViewNotification({
9659
9761
  error: "error.light"
9660
9762
  }[type];
9661
9763
  return /* @__PURE__ */ jsxs(
9662
- Box34,
9764
+ Box35,
9663
9765
  {
9664
9766
  sx: {
9665
9767
  width: "100%",
@@ -9676,7 +9778,7 @@ function LineageViewNotification({
9676
9778
  },
9677
9779
  children: [
9678
9780
  notification,
9679
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
9781
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
9680
9782
  /* @__PURE__ */ jsx(
9681
9783
  IconButton2,
9682
9784
  {
@@ -9697,10 +9799,10 @@ function HistoryToggle() {
9697
9799
  if (isHistoryOpen) {
9698
9800
  return;
9699
9801
  }
9700
- return /* @__PURE__ */ jsxs(Box34, { children: [
9701
- /* @__PURE__ */ jsx(Box34, { sx: { fontSize: "8pt" }, children: "History" }),
9802
+ return /* @__PURE__ */ jsxs(Box35, { children: [
9803
+ /* @__PURE__ */ jsx(Box35, { sx: { fontSize: "8pt" }, children: "History" }),
9702
9804
  /* @__PURE__ */ jsx(
9703
- Button10,
9805
+ Button11,
9704
9806
  {
9705
9807
  size: "xsmall",
9706
9808
  variant: "outlined",
@@ -9719,7 +9821,7 @@ var SelectFilterTooltip = () => {
9719
9821
  /* @__PURE__ */ jsx(Typography28, { fontSize: "10pt", color: "text.secondary", pb: 1, children: "Select nodes by dbt node selector syntax" }),
9720
9822
  /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
9721
9823
  /* @__PURE__ */ jsx(
9722
- Box34,
9824
+ Box35,
9723
9825
  {
9724
9826
  component: "code",
9725
9827
  sx: {
@@ -9736,7 +9838,7 @@ var SelectFilterTooltip = () => {
9736
9838
  ] }),
9737
9839
  /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
9738
9840
  /* @__PURE__ */ jsx(
9739
- Box34,
9841
+ Box35,
9740
9842
  {
9741
9843
  component: "code",
9742
9844
  sx: {
@@ -9753,7 +9855,7 @@ var SelectFilterTooltip = () => {
9753
9855
  ] }),
9754
9856
  /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
9755
9857
  /* @__PURE__ */ jsx(
9756
- Box34,
9858
+ Box35,
9757
9859
  {
9758
9860
  component: "code",
9759
9861
  sx: {
@@ -9770,7 +9872,7 @@ var SelectFilterTooltip = () => {
9770
9872
  ] }),
9771
9873
  /* @__PURE__ */ jsxs(Typography28, { fontSize: "8pt", children: [
9772
9874
  /* @__PURE__ */ jsx(
9773
- Box34,
9875
+ Box35,
9774
9876
  {
9775
9877
  component: "code",
9776
9878
  sx: {
@@ -9809,7 +9911,7 @@ var ViewModeSelectMenu = ({ isDisabled }) => {
9809
9911
  const ModelIcon = getIconForResourceType("model").icon;
9810
9912
  return /* @__PURE__ */ jsxs(Fragment, { children: [
9811
9913
  /* @__PURE__ */ jsx(
9812
- Button10,
9914
+ Button11,
9813
9915
  {
9814
9916
  size: "xsmall",
9815
9917
  variant: "outlined",
@@ -9897,7 +9999,7 @@ var PackageSelectMenu = ({ isDisabled }) => {
9897
9999
  };
9898
10000
  return /* @__PURE__ */ jsxs(Fragment, { children: [
9899
10001
  /* @__PURE__ */ jsx(
9900
- Button10,
10002
+ Button11,
9901
10003
  {
9902
10004
  size: "xsmall",
9903
10005
  variant: "outlined",
@@ -10034,7 +10136,7 @@ var ExcludeFilter = ({ isDisabled }) => {
10034
10136
  );
10035
10137
  };
10036
10138
  var ControlItem = (props) => {
10037
- return /* @__PURE__ */ jsxs(Box34, { style: props.style, sx: { maxWidth: 300 }, children: [
10139
+ return /* @__PURE__ */ jsxs(Box35, { style: props.style, sx: { maxWidth: 300 }, children: [
10038
10140
  /* @__PURE__ */ jsx(Typography28, { fontSize: "8pt", children: (props.label ?? "").trim() || /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }) }),
10039
10141
  props.children
10040
10142
  ] });
@@ -10082,11 +10184,11 @@ var LineageViewTopBar = () => {
10082
10184
  /* @__PURE__ */ jsx(ControlItem, { label: "Package", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(PackageSelectMenu, { isDisabled: isFilterDisabled }) }),
10083
10185
  /* @__PURE__ */ jsx(ControlItem, { label: "Select", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(SelectFilter, { isDisabled: isFilterDisabled }) }),
10084
10186
  /* @__PURE__ */ jsx(ControlItem, { label: "Exclude", style: { flexShrink: 1 }, children: /* @__PURE__ */ jsx(ExcludeFilter, { isDisabled: isFilterDisabled }) }),
10085
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
10187
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
10086
10188
  isMultiSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
10087
10189
  /* @__PURE__ */ jsx(ControlItem, { label: "", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(Typography28, { fontSize: "9pt", color: "text.secondary", children: selectedNodes.length > 1 ? `${selectedNodes.length} nodes selected` : `${selectedNodes.length} node selected` }) }),
10088
10190
  /* @__PURE__ */ jsx(ControlItem, { label: "", children: /* @__PURE__ */ jsx(
10089
- Button10,
10191
+ Button11,
10090
10192
  {
10091
10193
  variant: "outlined",
10092
10194
  color: "neutral",
@@ -10098,9 +10200,9 @@ var LineageViewTopBar = () => {
10098
10200
  children: "Deselect"
10099
10201
  }
10100
10202
  ) }),
10101
- isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "inline-flex" }, children: [
10203
+ isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "inline-flex" }, children: [
10102
10204
  /* @__PURE__ */ jsx(
10103
- Button10,
10205
+ Button11,
10104
10206
  {
10105
10207
  size: "xsmall",
10106
10208
  color: "neutral",
@@ -10137,9 +10239,9 @@ var LineageViewTopBar = () => {
10137
10239
  )
10138
10240
  ] }) })
10139
10241
  ] }),
10140
- !isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box34, { sx: { display: "inline-flex" }, children: [
10242
+ !isSingleEnvOnboarding && /* @__PURE__ */ jsx(ControlItem, { label: "Explore", children: /* @__PURE__ */ jsxs(Box35, { sx: { display: "inline-flex" }, children: [
10141
10243
  /* @__PURE__ */ jsx(
10142
- Button10,
10244
+ Button11,
10143
10245
  {
10144
10246
  size: "xsmall",
10145
10247
  color: "neutral",
@@ -10261,7 +10363,7 @@ var DisableTooltipMessages = {
10261
10363
  };
10262
10364
  var RecceNotification = (props) => {
10263
10365
  return /* @__PURE__ */ jsxs(
10264
- Box34,
10366
+ Box35,
10265
10367
  {
10266
10368
  sx: {
10267
10369
  display: "flex",
@@ -10279,14 +10381,14 @@ var RecceNotification = (props) => {
10279
10381
  },
10280
10382
  children: [
10281
10383
  /* @__PURE__ */ jsx(
10282
- Box34,
10384
+ Box35,
10283
10385
  {
10284
10386
  component: FiInfo,
10285
10387
  sx: { width: "20px", height: "20px", color: "primary.900" }
10286
10388
  }
10287
10389
  ),
10288
10390
  props.children,
10289
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
10391
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
10290
10392
  /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: props.onClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
10291
10393
  ]
10292
10394
  }
@@ -10386,7 +10488,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
10386
10488
  await handleViewCll(row.name);
10387
10489
  }
10388
10490
  };
10389
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10491
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10390
10492
  catalogMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsx(Fragment, {}),
10391
10493
  rows.length > 0 && /* @__PURE__ */ jsx(
10392
10494
  ScreenshotDataGrid,
@@ -10512,7 +10614,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
10512
10614
  }
10513
10615
  await handleViewCll(row.name);
10514
10616
  };
10515
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10617
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
10516
10618
  catalogMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: catalogMissingMessage }) : schemaMissingMessage ? /* @__PURE__ */ jsx(MuiAlert, { severity: "warning", sx: { fontSize: "12px", p: 1 }, children: schemaMissingMessage }) : /* @__PURE__ */ jsx(Fragment, {}),
10517
10619
  rows.length > 0 && /* @__PURE__ */ jsx(
10518
10620
  ScreenshotDataGrid,
@@ -10609,6 +10711,7 @@ function CodeEditor({
10609
10711
  }
10610
10712
  );
10611
10713
  }
10714
+ var CodeEditor_default = CodeEditor;
10612
10715
  var getLanguageExtension2 = (language) => {
10613
10716
  switch (language) {
10614
10717
  case "sql":
@@ -10724,6 +10827,7 @@ function DiffEditor({
10724
10827
  }
10725
10828
  );
10726
10829
  }
10830
+ var DiffEditor_default = DiffEditor;
10727
10831
  var NodeSqlView = ({ node }) => {
10728
10832
  const [isOpen, setIsOpen] = useState(false);
10729
10833
  const [isHovered, setIsHovered] = useState(false);
@@ -10739,7 +10843,7 @@ var NodeSqlView = ({ node }) => {
10739
10843
  const modified = node.data.data.current?.raw_code;
10740
10844
  const modelName = node.data.data.base?.name ?? node.data.data.current?.name ?? "";
10741
10845
  return /* @__PURE__ */ jsxs(
10742
- Box34,
10846
+ Box35,
10743
10847
  {
10744
10848
  className: "no-track-pii-safe",
10745
10849
  sx: { position: "relative", height: "100%" },
@@ -10806,7 +10910,7 @@ var NodeSqlView = ({ node }) => {
10806
10910
  /* @__PURE__ */ jsx("code", { children: modelName }),
10807
10911
  "\xA0Model Code Diff"
10808
10912
  ] }),
10809
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
10913
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
10810
10914
  /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsx(IoClose, {}) })
10811
10915
  ] }),
10812
10916
  /* @__PURE__ */ jsx(DialogContent7, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(
@@ -10862,7 +10966,7 @@ function ReactionFeedback({
10862
10966
  externalLinkText
10863
10967
  }) {
10864
10968
  return /* @__PURE__ */ jsxs(
10865
- Box34,
10969
+ Box35,
10866
10970
  {
10867
10971
  sx: {
10868
10972
  display: "flex",
@@ -10879,7 +10983,7 @@ function ReactionFeedback({
10879
10983
  "aria-label": "thumbs up",
10880
10984
  onClick: onLike,
10881
10985
  sx: { width: "32px", height: "32px" },
10882
- children: /* @__PURE__ */ jsx(Box34, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
10986
+ children: /* @__PURE__ */ jsx(Box35, { component: "img", src: "/imgs/feedback/thumbs-up.png", alt: "like" })
10883
10987
  }
10884
10988
  ),
10885
10989
  /* @__PURE__ */ jsx(
@@ -10889,7 +10993,7 @@ function ReactionFeedback({
10889
10993
  onClick: onDislike,
10890
10994
  sx: { width: "32px", height: "32px" },
10891
10995
  children: /* @__PURE__ */ jsx(
10892
- Box34,
10996
+ Box35,
10893
10997
  {
10894
10998
  component: "img",
10895
10999
  src: "/imgs/feedback/thumbs-down.png",
@@ -11025,6 +11129,246 @@ function extractSchemas(lineageGraph) {
11025
11129
  }
11026
11130
  return [baseSchemas, currentSchemas];
11027
11131
  }
11132
+ function buildEnvironmentTrackingData(envInfo, reviewMode, baseSchemas, currentSchemas) {
11133
+ const git = envInfo?.git;
11134
+ const pr = envInfo?.pullRequest;
11135
+ const dbtBase = envInfo?.dbt?.base;
11136
+ const dbtCurrent = envInfo?.dbt?.current;
11137
+ const trackingData = {
11138
+ review_mode: reviewMode || false,
11139
+ adapter_type: envInfo?.adapterType || null,
11140
+ has_git_info: !isEmpty(git),
11141
+ has_pr_info: !isEmpty(pr)
11142
+ };
11143
+ if (envInfo?.adapterType === "dbt") {
11144
+ trackingData.base = {
11145
+ schema_count: baseSchemas.size,
11146
+ dbt_version: dbtBase?.dbt_version || null,
11147
+ timestamp: dbtBase?.generated_at || null
11148
+ };
11149
+ trackingData.current = {
11150
+ schema_count: currentSchemas.size,
11151
+ dbt_version: dbtCurrent?.dbt_version || null,
11152
+ timestamp: dbtCurrent?.generated_at || null
11153
+ };
11154
+ trackingData.schemas_match = baseSchemas.size === currentSchemas.size && Array.from(baseSchemas).every((s) => currentSchemas.has(s));
11155
+ }
11156
+ if (envInfo?.adapterType === "sqlmesh") {
11157
+ trackingData.base = {
11158
+ has_env: !!envInfo.sqlmesh?.base_env
11159
+ };
11160
+ trackingData.current = {
11161
+ has_env: !!envInfo.sqlmesh?.current_env
11162
+ };
11163
+ }
11164
+ return trackingData;
11165
+ }
11166
+ function renderInfoEntries(info) {
11167
+ if (Object.values(info).every((value) => value === null)) {
11168
+ return [
11169
+ /* @__PURE__ */ jsx(Box35, { sx: { ml: "10px" }, children: "No information" }, "no info")
11170
+ ];
11171
+ }
11172
+ return Object.entries(info).filter(
11173
+ ([key, value]) => key !== "url" && value !== null && value !== void 0
11174
+ ).map(([key, value]) => /* @__PURE__ */ jsxs("li", { style: { marginLeft: "10px" }, children: [
11175
+ key,
11176
+ ": ",
11177
+ value
11178
+ ] }, key));
11179
+ }
11180
+ function EnvInfo() {
11181
+ const { envInfo, reviewMode, lineageGraph } = useLineageGraphContext();
11182
+ const [open, setOpen] = useState(false);
11183
+ const git = envInfo?.git;
11184
+ const pr = envInfo?.pullRequest;
11185
+ const reviewInfo = { ...git, ...pr };
11186
+ const dbtBase = envInfo?.dbt?.base;
11187
+ const dbtCurrent = envInfo?.dbt?.current;
11188
+ const baseTime = dbtBase?.generated_at ? formatTimestamp(dbtBase.generated_at) : "";
11189
+ const currentTime = dbtCurrent?.generated_at ? formatTimestamp(dbtCurrent.generated_at) : "";
11190
+ let baseRelativeTime = "";
11191
+ let currentRelativeTime = "";
11192
+ if (dbtBase) {
11193
+ baseRelativeTime = dbtBase.generated_at ? formatTimeToNow(dbtBase.generated_at) : "";
11194
+ }
11195
+ if (dbtCurrent) {
11196
+ currentRelativeTime = dbtCurrent.generated_at ? formatTimeToNow(dbtCurrent.generated_at) : "";
11197
+ }
11198
+ const [baseSchemas, currentSchemas] = extractSchemas(lineageGraph);
11199
+ const hasTrackedRef = useRef(false);
11200
+ useEffect(() => {
11201
+ if (!hasTrackedRef.current && envInfo) {
11202
+ hasTrackedRef.current = true;
11203
+ const trackingData = buildEnvironmentTrackingData(
11204
+ envInfo,
11205
+ reviewMode,
11206
+ baseSchemas,
11207
+ currentSchemas
11208
+ );
11209
+ trackEnvironmentConfig(trackingData);
11210
+ }
11211
+ }, [envInfo, reviewMode, baseSchemas, currentSchemas]);
11212
+ const handleOpen = () => setOpen(true);
11213
+ const handleClose = () => setOpen(false);
11214
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
11215
+ /* @__PURE__ */ jsx(MuiTooltip, { title: "Environment Info", placement: "bottom-end", children: /* @__PURE__ */ jsxs(
11216
+ "div",
11217
+ {
11218
+ className: "flex items-center hover:cursor-pointer hover:text-black",
11219
+ onClick: handleOpen,
11220
+ children: [
11221
+ /* @__PURE__ */ jsxs("div", { className: "hidden text-sm lg:flex lg:flex-col", children: [
11222
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
11223
+ /* @__PURE__ */ jsx(
11224
+ Typography28,
11225
+ {
11226
+ component: "span",
11227
+ sx: { color: "warning.main" },
11228
+ className: "no-track-pii-safe max-w-32 truncate",
11229
+ children: Array.from(baseSchemas).join(", ")
11230
+ }
11231
+ ),
11232
+ " ",
11233
+ "(",
11234
+ baseRelativeTime,
11235
+ ")"
11236
+ ] }),
11237
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
11238
+ /* @__PURE__ */ jsx(
11239
+ Typography28,
11240
+ {
11241
+ component: "span",
11242
+ sx: { color: "primary.main" },
11243
+ className: "no-track-pii-safe max-w-32 truncate",
11244
+ children: Array.from(currentSchemas).join(", ")
11245
+ }
11246
+ ),
11247
+ " ",
11248
+ "(",
11249
+ currentRelativeTime,
11250
+ ")"
11251
+ ] })
11252
+ ] }),
11253
+ /* @__PURE__ */ jsx(IconButton2, { size: "small", "aria-label": "Environment Info", children: /* @__PURE__ */ jsx(
11254
+ Box35,
11255
+ {
11256
+ component: IconInfo,
11257
+ sx: { fontSize: 16, verticalAlign: "middle" }
11258
+ }
11259
+ ) })
11260
+ ]
11261
+ }
11262
+ ) }),
11263
+ /* @__PURE__ */ jsxs(MuiDialog2, { open, onClose: handleClose, maxWidth: "sm", fullWidth: true, children: [
11264
+ /* @__PURE__ */ jsxs(DialogTitle3, { sx: { display: "flex", alignItems: "center" }, children: [
11265
+ "Environment Information",
11266
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
11267
+ /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
11268
+ ] }),
11269
+ /* @__PURE__ */ jsx(DialogContent7, { children: /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 1, children: [
11270
+ reviewMode ? /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
11271
+ /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "Review Information" }),
11272
+ /* @__PURE__ */ jsxs("ul", { style: { margin: 0, paddingLeft: "20px" }, children: [
11273
+ reviewInfo.url && /* @__PURE__ */ jsxs("li", { style: { marginLeft: "10px" }, children: [
11274
+ "url:",
11275
+ " ",
11276
+ /* @__PURE__ */ jsxs(
11277
+ Link,
11278
+ {
11279
+ href: reviewInfo.url,
11280
+ target: "_blank",
11281
+ sx: { color: "primary.main" },
11282
+ children: [
11283
+ reviewInfo.url,
11284
+ " ",
11285
+ /* @__PURE__ */ jsx(LuExternalLink, {})
11286
+ ]
11287
+ }
11288
+ )
11289
+ ] }),
11290
+ !isEmpty(reviewInfo) && renderInfoEntries(reviewInfo)
11291
+ ] })
11292
+ ] }) : /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
11293
+ /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "Dev Information" }),
11294
+ /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "20px" }, children: git && renderInfoEntries(git) })
11295
+ ] }),
11296
+ /* @__PURE__ */ jsx(Divider, {}),
11297
+ envInfo?.adapterType === "dbt" && /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
11298
+ /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "DBT" }),
11299
+ /* @__PURE__ */ jsx(
11300
+ TableContainer,
11301
+ {
11302
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
11303
+ children: /* @__PURE__ */ jsxs(Table, { size: "small", stickyHeader: true, children: [
11304
+ /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
11305
+ /* @__PURE__ */ jsx(TableCell, {}),
11306
+ /* @__PURE__ */ jsx(TableCell, { children: "base" }),
11307
+ /* @__PURE__ */ jsx(TableCell, { children: "current" })
11308
+ ] }) }),
11309
+ /* @__PURE__ */ jsxs(TableBody, { children: [
11310
+ /* @__PURE__ */ jsxs(TableRow, { children: [
11311
+ /* @__PURE__ */ jsx(TableCell, { children: "schema" }),
11312
+ /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: Array.from(baseSchemas).map((item) => /* @__PURE__ */ jsx(
11313
+ MuiTooltip,
11314
+ {
11315
+ title: item,
11316
+ placement: "bottom",
11317
+ children: /* @__PURE__ */ jsx("div", { className: "max-w-72 truncate", children: item })
11318
+ },
11319
+ item
11320
+ )) }),
11321
+ /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: Array.from(currentSchemas).map((item) => /* @__PURE__ */ jsx(
11322
+ MuiTooltip,
11323
+ {
11324
+ title: item,
11325
+ placement: "bottom",
11326
+ children: /* @__PURE__ */ jsx("div", { className: "max-w-72 truncate", children: item })
11327
+ },
11328
+ item
11329
+ )) })
11330
+ ] }),
11331
+ /* @__PURE__ */ jsxs(TableRow, { children: [
11332
+ /* @__PURE__ */ jsx(TableCell, { children: "version" }),
11333
+ /* @__PURE__ */ jsx(TableCell, { children: dbtBase?.dbt_version }),
11334
+ /* @__PURE__ */ jsx(TableCell, { children: dbtCurrent?.dbt_version })
11335
+ ] }),
11336
+ /* @__PURE__ */ jsxs(TableRow, { children: [
11337
+ /* @__PURE__ */ jsx(TableCell, { children: "timestamp" }),
11338
+ /* @__PURE__ */ jsx(TableCell, { children: baseTime }),
11339
+ /* @__PURE__ */ jsx(TableCell, { children: currentTime })
11340
+ ] })
11341
+ ] })
11342
+ ] })
11343
+ }
11344
+ )
11345
+ ] }),
11346
+ envInfo?.adapterType === "sqlmesh" && /* @__PURE__ */ jsxs(Stack24, { direction: "column", spacing: 0.5, children: [
11347
+ /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { fontSize: "1rem" }, children: "SQLMesh" }),
11348
+ /* @__PURE__ */ jsx(
11349
+ TableContainer,
11350
+ {
11351
+ sx: { border: 1, borderColor: "divider", maxHeight: "30rem" },
11352
+ children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, children: [
11353
+ /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
11354
+ /* @__PURE__ */ jsx(TableCell, {}),
11355
+ /* @__PURE__ */ jsx(TableCell, { children: "base" }),
11356
+ /* @__PURE__ */ jsx(TableCell, { children: "current" })
11357
+ ] }) }),
11358
+ /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
11359
+ /* @__PURE__ */ jsx(TableCell, { children: "Environment" }),
11360
+ /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.base_env }),
11361
+ /* @__PURE__ */ jsx(TableCell, { className: "no-track-pii-safe", children: envInfo.sqlmesh?.current_env })
11362
+ ] }) })
11363
+ ] })
11364
+ }
11365
+ )
11366
+ ] })
11367
+ ] }) }),
11368
+ /* @__PURE__ */ jsx(DialogActions6, { children: /* @__PURE__ */ jsx(Button11, { color: "iochmara", onClick: handleClose, children: "Close" }) })
11369
+ ] })
11370
+ ] });
11371
+ }
11028
11372
  var DropdownValuesInput = (props) => {
11029
11373
  const { defaultValues, suggestionList, onValuesChange, className } = props;
11030
11374
  const [values, setValues] = useState(defaultValues ?? []);
@@ -11095,7 +11439,7 @@ var DropdownValuesInput = (props) => {
11095
11439
  }
11096
11440
  };
11097
11441
  return /* @__PURE__ */ jsxs(
11098
- Box34,
11442
+ Box35,
11099
11443
  {
11100
11444
  sx: {
11101
11445
  display: "flex",
@@ -11105,7 +11449,7 @@ var DropdownValuesInput = (props) => {
11105
11449
  className,
11106
11450
  children: [
11107
11451
  /* @__PURE__ */ jsxs(
11108
- Button10,
11452
+ Button11,
11109
11453
  {
11110
11454
  variant: "outlined",
11111
11455
  color: "neutral",
@@ -11172,8 +11516,8 @@ var DropdownValuesInput = (props) => {
11172
11516
  }
11173
11517
  },
11174
11518
  children: [
11175
- /* @__PURE__ */ jsx(Box34, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxs(
11176
- Box34,
11519
+ /* @__PURE__ */ jsx(Box35, { sx: { px: 0.5, py: 0.5 }, children: /* @__PURE__ */ jsxs(
11520
+ Box35,
11177
11521
  {
11178
11522
  sx: {
11179
11523
  border: "1px solid",
@@ -11280,7 +11624,7 @@ var DropdownValuesInput = (props) => {
11280
11624
  {
11281
11625
  title: "Please use filter to find more items",
11282
11626
  placement: "top",
11283
- children: /* @__PURE__ */ jsxs(Box34, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
11627
+ children: /* @__PURE__ */ jsxs(Box35, { px: 1.5, py: 0.5, color: "text.secondary", fontSize: "8pt", children: [
11284
11628
  "and ",
11285
11629
  filteredList.length - limit,
11286
11630
  " more items..."
@@ -11320,7 +11664,7 @@ var QueryForm = ({
11320
11664
  }
11321
11665
  return Array.from(columnSet).sort();
11322
11666
  }, [lineageGraph]);
11323
- return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxs(Stack24, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
11667
+ return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex" }, ...props, children: /* @__PURE__ */ jsxs(Stack24, { spacing: 0, sx: { m: "0 0.5rem" }, children: [
11324
11668
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 0.5, children: [
11325
11669
  /* @__PURE__ */ jsx(
11326
11670
  Typography28,
@@ -11331,7 +11675,7 @@ var QueryForm = ({
11331
11675
  }
11332
11676
  ),
11333
11677
  /* @__PURE__ */ jsx(MuiTooltip, { title: labelInfo, placement: "bottom-end", children: /* @__PURE__ */ jsx(
11334
- Box34,
11678
+ Box35,
11335
11679
  {
11336
11680
  component: "span",
11337
11681
  sx: { display: "flex", color: "grey.600", cursor: "help" },
@@ -11420,7 +11764,7 @@ function AuthModal({
11420
11764
  /* @__PURE__ */ jsx("li", { children: "Your instance will be securely and freely hosted for sharing." }),
11421
11765
  variant === "auth" && /* @__PURE__ */ jsx("li", { children: "This step is recommended but optional." })
11422
11766
  ] }),
11423
- /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1 }, children: [
11767
+ /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1 }, children: [
11424
11768
  "More directions",
11425
11769
  /* @__PURE__ */ jsxs(
11426
11770
  Link,
@@ -11442,7 +11786,7 @@ function AuthModal({
11442
11786
  ] }),
11443
11787
  /* @__PURE__ */ jsxs(DialogActions6, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
11444
11788
  /* @__PURE__ */ jsxs(
11445
- Button10,
11789
+ Button11,
11446
11790
  {
11447
11791
  fullWidth: true,
11448
11792
  color: "brand",
@@ -11461,7 +11805,7 @@ function AuthModal({
11461
11805
  }
11462
11806
  ),
11463
11807
  /* @__PURE__ */ jsx(
11464
- Button10,
11808
+ Button11,
11465
11809
  {
11466
11810
  fullWidth: true,
11467
11811
  color: "neutral",
@@ -11473,7 +11817,7 @@ function AuthModal({
11473
11817
  }
11474
11818
  ),
11475
11819
  variant === "auth" && /* @__PURE__ */ jsx(
11476
- Button10,
11820
+ Button11,
11477
11821
  {
11478
11822
  fullWidth: true,
11479
11823
  variant: "text",
@@ -11493,7 +11837,7 @@ function AuthModal({
11493
11837
  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
11494
11838
  /* @__PURE__ */ jsx(DialogContent7, { className: "space-y-2 self-center font-light", children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", sx: { pt: "1rem" }, children: [
11495
11839
  /* @__PURE__ */ jsx(
11496
- Box34,
11840
+ Box35,
11497
11841
  {
11498
11842
  component: "img",
11499
11843
  sx: { height: "6rem", objectFit: "contain", mx: "auto", mb: 1 },
@@ -11505,7 +11849,7 @@ function AuthModal({
11505
11849
  /* @__PURE__ */ jsx(Typography28, { children: "Reload to complete connection to Recce Cloud" })
11506
11850
  ] }) }),
11507
11851
  /* @__PURE__ */ jsx(DialogActions6, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsx(
11508
- Button10,
11852
+ Button11,
11509
11853
  {
11510
11854
  fullWidth: true,
11511
11855
  color: "brand",
@@ -11645,9 +11989,9 @@ function SqlEditor({
11645
11989
  /* @__PURE__ */ jsx("span", { children: timestamp }),
11646
11990
  ")"
11647
11991
  ] }),
11648
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
11992
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
11649
11993
  (onRun ?? onRunBase) && /* @__PURE__ */ jsx(
11650
- Button10,
11994
+ Button11,
11651
11995
  {
11652
11996
  size: "xsmall",
11653
11997
  variant: "outlined",
@@ -11802,7 +12146,7 @@ var RunStatusAndDate = ({ run }) => {
11802
12146
  }
11803
12147
  const dateTime = run.run_at ? formatRunDateTime(new Date(run.run_at)) : null;
11804
12148
  return /* @__PURE__ */ jsxs(
11805
- Box34,
12149
+ Box35,
11806
12150
  {
11807
12151
  sx: {
11808
12152
  display: "flex",
@@ -11840,61 +12184,6 @@ var RunStatusAndDate = ({ run }) => {
11840
12184
  }
11841
12185
  );
11842
12186
  };
11843
- var Fallback = (errorData) => {
11844
- return /* @__PURE__ */ jsx(
11845
- Box34,
11846
- {
11847
- sx: {
11848
- height: "100%",
11849
- bgcolor: "grey.50",
11850
- display: "flex",
11851
- alignItems: "center",
11852
- justifyContent: "center"
11853
- },
11854
- children: /* @__PURE__ */ jsxs(
11855
- Box34,
11856
- {
11857
- sx: {
11858
- p: 4,
11859
- display: "flex",
11860
- flexDirection: "column",
11861
- justifyContent: "flex-start",
11862
- bgcolor: "white",
11863
- border: "solid lightgray 1px",
11864
- minHeight: "200px"
11865
- },
11866
- children: [
11867
- /* @__PURE__ */ jsx(Typography28, { variant: "h6", sx: { width: "800px" }, children: "You have encountered an error" }),
11868
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, fontSize: "10pt" }, children: String(errorData.error) }),
11869
- /* @__PURE__ */ jsx(
11870
- Button10,
11871
- {
11872
- sx: {
11873
- justifySelf: "center",
11874
- alignSelf: "center",
11875
- mt: "20px"
11876
- },
11877
- color: "iochmara",
11878
- variant: "contained",
11879
- size: "small",
11880
- onClick: () => {
11881
- errorData.resetError();
11882
- },
11883
- children: "Reset"
11884
- }
11885
- )
11886
- ]
11887
- }
11888
- )
11889
- }
11890
- );
11891
- };
11892
- var ErrorBoundary = ({
11893
- children,
11894
- fallback = Fallback
11895
- }) => {
11896
- return /* @__PURE__ */ jsx(ErrorBoundary$1, { fallback, children });
11897
- };
11898
12187
  var ResultErrorFallback = (errorData) => {
11899
12188
  return /* @__PURE__ */ jsx(MuiAlert, { severity: "error", children: String(errorData.error) });
11900
12189
  };
@@ -11929,7 +12218,7 @@ var RunView = forwardRef(
11929
12218
  }
11930
12219
  const progressValue = progress?.percentage != null ? progress.percentage * 100 : void 0;
11931
12220
  return /* @__PURE__ */ jsx(
11932
- Box34,
12221
+ Box35,
11933
12222
  {
11934
12223
  sx: {
11935
12224
  display: "flex",
@@ -11941,7 +12230,7 @@ var RunView = forwardRef(
11941
12230
  },
11942
12231
  children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", children: [
11943
12232
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", spacing: 1, children: [
11944
- progressValue == null ? /* @__PURE__ */ jsx(CircularProgress4, { size: 32 }) : /* @__PURE__ */ jsxs(Box34, { sx: { position: "relative", display: "inline-flex" }, children: [
12233
+ progressValue == null ? /* @__PURE__ */ jsx(CircularProgress4, { size: 32 }) : /* @__PURE__ */ jsxs(Box35, { sx: { position: "relative", display: "inline-flex" }, children: [
11945
12234
  /* @__PURE__ */ jsx(
11946
12235
  CircularProgress4,
11947
12236
  {
@@ -11951,7 +12240,7 @@ var RunView = forwardRef(
11951
12240
  }
11952
12241
  ),
11953
12242
  /* @__PURE__ */ jsx(
11954
- Box34,
12243
+ Box35,
11955
12244
  {
11956
12245
  sx: {
11957
12246
  top: 0,
@@ -11977,14 +12266,14 @@ var RunView = forwardRef(
11977
12266
  ] }),
11978
12267
  isAborting ? /* @__PURE__ */ jsx(Typography28, { children: "Aborting..." }) : /* @__PURE__ */ jsx(Typography28, { className: "no-track-pii-safe", children: loadingMessage })
11979
12268
  ] }),
11980
- !isAborting && /* @__PURE__ */ jsx(Button10, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
12269
+ !isAborting && /* @__PURE__ */ jsx(Button11, { variant: "contained", onClick: onCancel, size: "small", children: "Cancel" })
11981
12270
  ] })
11982
12271
  }
11983
12272
  );
11984
12273
  }
11985
12274
  if (!run) {
11986
12275
  return /* @__PURE__ */ jsx(
11987
- Box34,
12276
+ Box35,
11988
12277
  {
11989
12278
  sx: {
11990
12279
  display: "flex",
@@ -12008,7 +12297,7 @@ var RunView = forwardRef(
12008
12297
  );
12009
12298
  }
12010
12299
  return /* @__PURE__ */ jsxs(
12011
- Box34,
12300
+ Box35,
12012
12301
  {
12013
12302
  sx: {
12014
12303
  height: "100%",
@@ -12091,7 +12380,7 @@ var RunResultShareMenu = ({
12091
12380
  };
12092
12381
  return /* @__PURE__ */ jsxs(Fragment, { children: [
12093
12382
  /* @__PURE__ */ jsx(
12094
- Button10,
12383
+ Button11,
12095
12384
  {
12096
12385
  size: "small",
12097
12386
  variant: "outlined",
@@ -12181,10 +12470,10 @@ var PrivateLoadableRunView = ({
12181
12470
  const isQuery = run?.type === "query" || run?.type === "query_diff" || run?.type === "query_base";
12182
12471
  const { ref, onCopyToClipboard, onMouseEnter, onMouseLeave } = useCopyToClipboardButton();
12183
12472
  const disableCopyToClipboard = !runId || !run?.result || !!error || tabValue !== "result";
12184
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
12473
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
12185
12474
  showSingleEnvironmentSetupNotification && /* @__PURE__ */ jsx(SingleEnvironmentSetupNotification, { runType: run?.type }),
12186
12475
  /* @__PURE__ */ jsxs(
12187
- Box34,
12476
+ Box35,
12188
12477
  {
12189
12478
  sx: {
12190
12479
  display: "flex",
@@ -12206,7 +12495,7 @@ var PrivateLoadableRunView = ({
12206
12495
  ]
12207
12496
  }
12208
12497
  ),
12209
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
12498
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
12210
12499
  /* @__PURE__ */ jsxs(
12211
12500
  Stack24,
12212
12501
  {
@@ -12217,7 +12506,7 @@ var PrivateLoadableRunView = ({
12217
12506
  children: [
12218
12507
  run && /* @__PURE__ */ jsx(RunStatusAndDate, { run }),
12219
12508
  /* @__PURE__ */ jsx(
12220
- Button10,
12509
+ Button11,
12221
12510
  {
12222
12511
  variant: "outlined",
12223
12512
  color: "neutral",
@@ -12230,7 +12519,7 @@ var PrivateLoadableRunView = ({
12230
12519
  }
12231
12520
  ),
12232
12521
  featureToggles.disableShare ? /* @__PURE__ */ jsx(
12233
- Button10,
12522
+ Button11,
12234
12523
  {
12235
12524
  variant: "outlined",
12236
12525
  color: "neutral",
@@ -12354,7 +12643,7 @@ function AddToCheckButton({
12354
12643
  }
12355
12644
  if (run?.check_id) {
12356
12645
  return /* @__PURE__ */ jsx(
12357
- Button10,
12646
+ Button11,
12358
12647
  {
12359
12648
  disabled: !runId || !run.result || !!error,
12360
12649
  size: "small",
@@ -12367,7 +12656,7 @@ function AddToCheckButton({
12367
12656
  );
12368
12657
  }
12369
12658
  return /* @__PURE__ */ jsx(
12370
- Button10,
12659
+ Button11,
12371
12660
  {
12372
12661
  disabled: !runId || !run?.result || !!error,
12373
12662
  size: "small",
@@ -12401,7 +12690,7 @@ function SandboxTopBar({
12401
12690
  flex: "0 0 54px"
12402
12691
  },
12403
12692
  children: [
12404
- /* @__PURE__ */ jsxs(Box34, { children: [
12693
+ /* @__PURE__ */ jsxs(Box35, { children: [
12405
12694
  /* @__PURE__ */ jsxs(
12406
12695
  Typography28,
12407
12696
  {
@@ -12409,7 +12698,7 @@ function SandboxTopBar({
12409
12698
  component: "h2",
12410
12699
  sx: { display: "flex", alignItems: "center", gap: "5px" },
12411
12700
  children: [
12412
- /* @__PURE__ */ jsx(Box34, { component: AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
12701
+ /* @__PURE__ */ jsx(Box35, { component: AiOutlineExperiment, sx: { fontSize: "1.2em" } }),
12413
12702
  "Sandbox"
12414
12703
  ]
12415
12704
  }
@@ -12420,7 +12709,7 @@ function SandboxTopBar({
12420
12709
  /* @__PURE__ */ jsx("b", { children: current?.name })
12421
12710
  ] })
12422
12711
  ] }),
12423
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
12712
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
12424
12713
  /* @__PURE__ */ jsx(
12425
12714
  QueryForm,
12426
12715
  {
@@ -12429,7 +12718,7 @@ function SandboxTopBar({
12429
12718
  }
12430
12719
  ),
12431
12720
  /* @__PURE__ */ jsx(MuiTooltip, { title: "Run diff to see the changes", children: /* @__PURE__ */ jsx(
12432
- Button10,
12721
+ Button11,
12433
12722
  {
12434
12723
  size: "small",
12435
12724
  sx: { mt: "16px", fontSize: "14px" },
@@ -12627,7 +12916,7 @@ function SandboxView({ isOpen, onClose, current }) {
12627
12916
  },
12628
12917
  children: [
12629
12918
  /* @__PURE__ */ jsxs(
12630
- Box34,
12919
+ Box35,
12631
12920
  {
12632
12921
  sx: {
12633
12922
  height: "40px",
@@ -12646,7 +12935,7 @@ function SandboxView({ isOpen, onClose, current }) {
12646
12935
  sx: { height: "100%", gap: "10px" },
12647
12936
  children: [
12648
12937
  /* @__PURE__ */ jsx(
12649
- Box34,
12938
+ Box35,
12650
12939
  {
12651
12940
  component: "img",
12652
12941
  sx: { width: "20px", height: "20px", ml: "18px" },
@@ -12740,11 +13029,11 @@ function SandboxView({ isOpen, onClose, current }) {
12740
13029
  onClose: () => setIsRunResultOpen(false),
12741
13030
  disableAddToChecklist: true
12742
13031
  }
12743
- ) : /* @__PURE__ */ jsx(Box34, {})
13032
+ ) : /* @__PURE__ */ jsx(Box35, {})
12744
13033
  ]
12745
13034
  }
12746
13035
  ) }),
12747
- /* @__PURE__ */ jsx(Box34, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsx(MuiTooltip, { title: "Give us feedback", children: /* @__PURE__ */ jsx(
13036
+ /* @__PURE__ */ jsx(Box35, { sx: { position: "fixed", bottom: 16, right: 16, opacity: 0.5 }, children: /* @__PURE__ */ jsx(MuiTooltip, { title: "Give us feedback", children: /* @__PURE__ */ jsx(
12748
13037
  IconButton2,
12749
13038
  {
12750
13039
  "aria-label": "feedback",
@@ -12806,7 +13095,7 @@ function NodeView({ node, onCloseNode }) {
12806
13095
  const baseColumns = Object.keys(node.data.data.base?.columns ?? {});
12807
13096
  const currentColumns = Object.keys(node.data.data.current?.columns ?? {});
12808
13097
  return /* @__PURE__ */ jsxs(
12809
- Box34,
13098
+ Box35,
12810
13099
  {
12811
13100
  sx: {
12812
13101
  height: "100%",
@@ -12815,7 +13104,7 @@ function NodeView({ node, onCloseNode }) {
12815
13104
  },
12816
13105
  children: [
12817
13106
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", alignItems: "center", children: [
12818
- /* @__PURE__ */ jsx(Box34, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsx(
13107
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: "0 1 20%", p: 2 }, children: /* @__PURE__ */ jsx(
12819
13108
  Typography28,
12820
13109
  {
12821
13110
  variant: "subtitle1",
@@ -12824,7 +13113,7 @@ function NodeView({ node, onCloseNode }) {
12824
13113
  children: node.data.name
12825
13114
  }
12826
13115
  ) }),
12827
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
13116
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
12828
13117
  isSingleEnvOnboarding ? /* @__PURE__ */ jsx(
12829
13118
  SingleEnvironmentMenuButton,
12830
13119
  {
@@ -12845,18 +13134,18 @@ function NodeView({ node, onCloseNode }) {
12845
13134
  onSandboxOpen: () => setIsSandboxOpen(true)
12846
13135
  }
12847
13136
  ),
12848
- /* @__PURE__ */ jsx(Box34, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsx(IoClose, {}) }) })
13137
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: "0 1 1%" }, children: /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: onCloseNode, children: /* @__PURE__ */ jsx(IoClose, {}) }) })
12849
13138
  ] }),
12850
- /* @__PURE__ */ jsx(Box34, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, children: [
13139
+ /* @__PURE__ */ jsx(Box35, { sx: { color: "text.secondary", pl: 2 }, children: /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, children: [
12851
13140
  /* @__PURE__ */ jsx(ResourceTypeTag, { node }),
12852
13141
  (node.data.resourceType === "model" || node.data.resourceType === "snapshot" || node.data.resourceType === "seed") && (isSingleEnvOnboarding ? /* @__PURE__ */ jsx(RowCountTag, { node, onRefresh: refetchRowCount }) : /* @__PURE__ */ jsx(RowCountDiffTag, { node, onRefresh: refetchRowCountDiff }))
12853
13142
  ] }) }),
12854
13143
  withColumns && /* @__PURE__ */ jsxs(
12855
- Box34,
13144
+ Box35,
12856
13145
  {
12857
13146
  sx: { overflow: "auto", display: "flex", flexDirection: "column" },
12858
13147
  children: [
12859
- isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsx(Box34, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsx(
13148
+ isSingleEnvOnboarding && isNotificationOpen && /* @__PURE__ */ jsx(Box35, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsx(
12860
13149
  RecceNotification,
12861
13150
  {
12862
13151
  onClose: () => setIsNotificationOpen(false),
@@ -12880,15 +13169,15 @@ function NodeView({ node, onCloseNode }) {
12880
13169
  ]
12881
13170
  }
12882
13171
  ),
12883
- /* @__PURE__ */ jsxs(Box34, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
12884
- /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsx(Box34, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsx(
13172
+ /* @__PURE__ */ jsxs(Box35, { sx: { overflow: "auto", height: "calc(100% - 48px)" }, children: [
13173
+ /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 0, children: /* @__PURE__ */ jsx(Box35, { sx: { overflowY: "auto", height: "100%" }, children: isSingleEnvOnboarding ? /* @__PURE__ */ jsx(SingleEnvSchemaView, { current: node.data.data.current }) : /* @__PURE__ */ jsx(
12885
13174
  SchemaView,
12886
13175
  {
12887
13176
  base: node.data.data.base,
12888
13177
  current: node.data.data.current
12889
13178
  }
12890
13179
  ) }) }),
12891
- /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsx(Box34, { sx: { height: "100%" }, children: /* @__PURE__ */ jsx(NodeSqlView, { node }) }) })
13180
+ /* @__PURE__ */ jsx(TabPanel, { value: tabValue, index: 1, children: /* @__PURE__ */ jsx(Box35, { sx: { height: "100%" }, children: /* @__PURE__ */ jsx(NodeSqlView, { node }) }) })
12892
13181
  ] })
12893
13182
  ]
12894
13183
  }
@@ -12938,7 +13227,7 @@ from {{ ref("${node.data.name}") }}`;
12938
13227
  const ProfileIcon = findByRunType("profile").icon;
12939
13228
  return /* @__PURE__ */ jsxs(Fragment, { children: [
12940
13229
  /* @__PURE__ */ jsx(
12941
- Button10,
13230
+ Button11,
12942
13231
  {
12943
13232
  size: "small",
12944
13233
  variant: "outlined",
@@ -13069,7 +13358,7 @@ from {{ ref("${node.data.name}") }}`;
13069
13358
  const SchemaDiffIcon = findByRunType("schema_diff").icon;
13070
13359
  return /* @__PURE__ */ jsxs(Fragment, { children: [
13071
13360
  /* @__PURE__ */ jsx(
13072
- Button10,
13361
+ Button11,
13073
13362
  {
13074
13363
  size: "xsmall",
13075
13364
  variant: "outlined",
@@ -13287,7 +13576,7 @@ function SetupConnectionBanner() {
13287
13576
  return null;
13288
13577
  }
13289
13578
  return /* @__PURE__ */ jsx(
13290
- Box34,
13579
+ Box35,
13291
13580
  {
13292
13581
  sx: {
13293
13582
  display: "flex",
@@ -13305,10 +13594,10 @@ function SetupConnectionBanner() {
13305
13594
  sx: { flex: 1, fontSize: "0.875rem", color: "cyan.600" },
13306
13595
  spacing: 1,
13307
13596
  children: [
13308
- /* @__PURE__ */ jsx(Box34, { component: PiInfo }),
13597
+ /* @__PURE__ */ jsx(Box35, { component: PiInfo }),
13309
13598
  /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "inherit", color: "inherit" }, children: "Query functions disabled without a data warehouse connection." }),
13310
13599
  /* @__PURE__ */ jsx(
13311
- Button10,
13600
+ Button11,
13312
13601
  {
13313
13602
  sx: { bgcolor: "iochmara.400" },
13314
13603
  size: "small",
@@ -13348,7 +13637,7 @@ function BaseEnvironmentSetupGuide() {
13348
13637
  children: [
13349
13638
  /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 2, children: [
13350
13639
  /* @__PURE__ */ jsx(
13351
- Box34,
13640
+ Box35,
13352
13641
  {
13353
13642
  sx: {
13354
13643
  p: 1,
@@ -13360,7 +13649,7 @@ function BaseEnvironmentSetupGuide() {
13360
13649
  boxShadow: 2
13361
13650
  },
13362
13651
  children: /* @__PURE__ */ jsx(
13363
- Box34,
13652
+ Box35,
13364
13653
  {
13365
13654
  component: RiTerminalBoxLine,
13366
13655
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -13391,7 +13680,7 @@ function BaseEnvironmentSetupGuide() {
13391
13680
  /* @__PURE__ */ jsx(Typography28, { children: "Take the next step toward better data impact assessment." })
13392
13681
  ] }),
13393
13682
  /* @__PURE__ */ jsx(Stack24, { sx: { width: "100%", mt: 3 }, children: /* @__PURE__ */ jsx(
13394
- Button10,
13683
+ Button11,
13395
13684
  {
13396
13685
  color: "iochmara",
13397
13686
  variant: "contained",
@@ -13414,7 +13703,7 @@ function BaseEnvironmentSetupGuide() {
13414
13703
  function BaseEnvironmentSetupNotification() {
13415
13704
  return /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: "10px", alignItems: "flex-start", children: [
13416
13705
  /* @__PURE__ */ jsx(
13417
- Box34,
13706
+ Box35,
13418
13707
  {
13419
13708
  component: RiMindMap,
13420
13709
  sx: { color: "iochmara.main", fontSize: 20 }
@@ -13764,14 +14053,14 @@ function useValueDiffAlertDialog() {
13764
14053
  children: /* @__PURE__ */ jsx(IoClose, {})
13765
14054
  }
13766
14055
  ),
13767
- /* @__PURE__ */ jsx(DialogContent7, { children: /* @__PURE__ */ jsx(Stack24, { spacing: "20px", children: /* @__PURE__ */ jsxs(Box34, { children: [
14056
+ /* @__PURE__ */ jsx(DialogContent7, { children: /* @__PURE__ */ jsx(Stack24, { spacing: "20px", children: /* @__PURE__ */ jsxs(Box35, { children: [
13768
14057
  "Value diff will be executed on ",
13769
14058
  nodeCount,
13770
14059
  " nodes in the Lineage, which can add extra costs to your bill."
13771
14060
  ] }) }) }),
13772
14061
  /* @__PURE__ */ jsxs(DialogActions6, { sx: { gap: 0.5 }, children: [
13773
14062
  /* @__PURE__ */ jsx(
13774
- Button10,
14063
+ Button11,
13775
14064
  {
13776
14065
  ref: cancelRef,
13777
14066
  onClick: handleCancel,
@@ -13781,7 +14070,7 @@ function useValueDiffAlertDialog() {
13781
14070
  }
13782
14071
  ),
13783
14072
  /* @__PURE__ */ jsx(
13784
- Button10,
14073
+ Button11,
13785
14074
  {
13786
14075
  color: "iochmara",
13787
14076
  variant: "contained",
@@ -14582,7 +14871,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14582
14871
  };
14583
14872
  if (isLoading) {
14584
14873
  return /* @__PURE__ */ jsx(
14585
- Box34,
14874
+ Box35,
14586
14875
  {
14587
14876
  sx: {
14588
14877
  width: "100%",
@@ -14597,7 +14886,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14597
14886
  }
14598
14887
  if (error) {
14599
14888
  return /* @__PURE__ */ jsx(
14600
- Box34,
14889
+ Box35,
14601
14890
  {
14602
14891
  sx: {
14603
14892
  height: "100%",
@@ -14606,14 +14895,14 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14606
14895
  justifyContent: "center"
14607
14896
  },
14608
14897
  children: /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 1, children: [
14609
- /* @__PURE__ */ jsx(Box34, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
14610
- /* @__PURE__ */ jsxs(Box34, { children: [
14898
+ /* @__PURE__ */ jsx(Box35, { children: "Failed to load lineage data. This could be because the server has been terminated or there is a network error." }),
14899
+ /* @__PURE__ */ jsxs(Box35, { children: [
14611
14900
  "[Reason: ",
14612
14901
  error,
14613
14902
  "]"
14614
14903
  ] }),
14615
14904
  /* @__PURE__ */ jsx(
14616
- Button10,
14905
+ Button11,
14617
14906
  {
14618
14907
  color: "iochmara",
14619
14908
  variant: "contained",
@@ -14634,7 +14923,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14634
14923
  }
14635
14924
  if (viewMode === "changed_models" && !lineageGraph.modifiedSet.length) {
14636
14925
  return /* @__PURE__ */ jsx(
14637
- Box34,
14926
+ Box35,
14638
14927
  {
14639
14928
  sx: {
14640
14929
  height: "100%",
@@ -14645,7 +14934,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14645
14934
  children: /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 1, children: [
14646
14935
  /* @__PURE__ */ jsx(Fragment, { children: "No change detected" }),
14647
14936
  /* @__PURE__ */ jsx(
14648
- Button10,
14937
+ Button11,
14649
14938
  {
14650
14939
  color: "iochmara",
14651
14940
  variant: "contained",
@@ -14735,7 +15024,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14735
15024
  from: "lineage_view"
14736
15025
  });
14737
15026
  },
14738
- children: /* @__PURE__ */ jsx(Box34, { component: FiCopy })
15027
+ children: /* @__PURE__ */ jsx(Box35, { component: FiCopy })
14739
15028
  }
14740
15029
  )
14741
15030
  }
@@ -14793,7 +15082,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
14793
15082
  ]
14794
15083
  }
14795
15084
  ),
14796
- focusedNode ? /* @__PURE__ */ jsx(Box34, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsx(Box34, {})
15085
+ focusedNode ? /* @__PURE__ */ jsx(Box35, { sx: { borderLeft: "solid 1px lightgray", height: "100%" }, children: /* @__PURE__ */ jsx(NodeView, { node: focusedNode, onCloseNode: onNodeViewClosed }) }) : /* @__PURE__ */ jsx(Box35, {})
14797
15086
  ]
14798
15087
  }
14799
15088
  ),
@@ -14814,7 +15103,7 @@ function SetupConnectionGuide() {
14814
15103
  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 h-full min-h-0 m-2 p-4 bg-blue-50 rounded-lg shadow-md justify-center", children: /* @__PURE__ */ jsxs("div", { className: "w-4/5 flex flex-col overflow-y-auto gap-6 px-8 pb-8", children: [
14815
15104
  /* @__PURE__ */ jsxs(Stack24, { alignItems: "center", spacing: 2, children: [
14816
15105
  /* @__PURE__ */ jsx(
14817
- Box34,
15106
+ Box35,
14818
15107
  {
14819
15108
  sx: {
14820
15109
  p: 1,
@@ -14826,7 +15115,7 @@ function SetupConnectionGuide() {
14826
15115
  boxShadow: 2
14827
15116
  },
14828
15117
  children: /* @__PURE__ */ jsx(
14829
- Box34,
15118
+ Box35,
14830
15119
  {
14831
15120
  component: RiTerminalBoxLine,
14832
15121
  sx: { fontSize: 28, color: "iochmara.500" }
@@ -14842,7 +15131,7 @@ function SetupConnectionGuide() {
14842
15131
  ] })
14843
15132
  ] }),
14844
15133
  /* @__PURE__ */ jsx(Stack24, { sx: { width: "50%", mt: 3, mx: "auto" }, children: /* @__PURE__ */ jsx(
14845
- Button10,
15134
+ Button11,
14846
15135
  {
14847
15136
  color: "iochmara",
14848
15137
  variant: "contained",
@@ -14862,7 +15151,7 @@ var QueryModeToggle = () => {
14862
15151
  setCustomQueries(!isCustomQueries);
14863
15152
  };
14864
15153
  const customQueriesDescription = "Custom queries allow you to use two SQL queries to compare results between current and base environments.";
14865
- return /* @__PURE__ */ jsxs(Box34, { children: [
15154
+ return /* @__PURE__ */ jsxs(Box35, { children: [
14866
15155
  /* @__PURE__ */ jsxs(
14867
15156
  Stack24,
14868
15157
  {
@@ -14872,7 +15161,7 @@ var QueryModeToggle = () => {
14872
15161
  fontSize: "0.75rem",
14873
15162
  children: [
14874
15163
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { fontSize: "0.75rem" }, children: "Custom Queries" }),
14875
- /* @__PURE__ */ jsx(MuiTooltip, { title: customQueriesDescription, children: /* @__PURE__ */ jsx(Box34, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsx(PiInfoFill, { fontSize: "1rem" }) }) })
15164
+ /* @__PURE__ */ jsx(MuiTooltip, { title: customQueriesDescription, children: /* @__PURE__ */ jsx(Box35, { component: "span", sx: { display: "flex", color: "grey.600" }, children: /* @__PURE__ */ jsx(PiInfoFill, { fontSize: "1rem" }) }) })
14876
15165
  ]
14877
15166
  }
14878
15167
  ),
@@ -14956,9 +15245,9 @@ ${sqlQuery}`;
14956
15245
  }, initialValue);
14957
15246
  }, [lineageGraph]);
14958
15247
  if (singleEnv || featureToggles.mode === "metadata only") {
14959
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15248
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
14960
15249
  /* @__PURE__ */ jsxs(
14961
- Box34,
15250
+ Box35,
14962
15251
  {
14963
15252
  sx: {
14964
15253
  display: "flex",
@@ -14971,14 +15260,14 @@ ${sqlQuery}`;
14971
15260
  },
14972
15261
  children: [
14973
15262
  /* @__PURE__ */ jsx(HistoryToggle, {}),
14974
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
15263
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
14975
15264
  singleEnv ? /* @__PURE__ */ jsx(
14976
15265
  MuiTooltip,
14977
15266
  {
14978
15267
  title: "Please configure the base environment before running the diff",
14979
15268
  placement: "left",
14980
15269
  children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
14981
- Button10,
15270
+ Button11,
14982
15271
  {
14983
15272
  variant: "contained",
14984
15273
  disabled: true,
@@ -14993,7 +15282,7 @@ ${sqlQuery}`;
14993
15282
  {
14994
15283
  display: featureToggles.mode === "metadata only",
14995
15284
  children: /* @__PURE__ */ jsx(
14996
- Button10,
15285
+ Button11,
14997
15286
  {
14998
15287
  variant: "contained",
14999
15288
  disabled: true,
@@ -15021,9 +15310,9 @@ ${sqlQuery}`;
15021
15310
  )
15022
15311
  ] });
15023
15312
  }
15024
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15313
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
15025
15314
  /* @__PURE__ */ jsxs(
15026
- Box34,
15315
+ Box35,
15027
15316
  {
15028
15317
  sx: {
15029
15318
  display: "flex",
@@ -15038,7 +15327,7 @@ ${sqlQuery}`;
15038
15327
  children: [
15039
15328
  /* @__PURE__ */ jsx(HistoryToggle, {}),
15040
15329
  /* @__PURE__ */ jsx(QueryModeToggle, {}),
15041
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
15330
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
15042
15331
  /* @__PURE__ */ jsx(
15043
15332
  QueryForm,
15044
15333
  {
@@ -15047,7 +15336,7 @@ ${sqlQuery}`;
15047
15336
  }
15048
15337
  ),
15049
15338
  /* @__PURE__ */ jsx(
15050
- Button10,
15339
+ Button11,
15051
15340
  {
15052
15341
  variant: "contained",
15053
15342
  onClick: () => {
@@ -15061,7 +15350,7 @@ ${sqlQuery}`;
15061
15350
  ]
15062
15351
  }
15063
15352
  ),
15064
- /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsx(
15353
+ /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", flex: 1 }, children: isCustomQueries ? /* @__PURE__ */ jsx(
15065
15354
  DualSqlEditor,
15066
15355
  {
15067
15356
  value: sqlQuery,
@@ -15139,7 +15428,7 @@ var ChecklistItem = ({
15139
15428
  const isMarkAsApprovedDisabled = isDisabledByNoResult(check.type, run) || featureToggles.disableUpdateChecklist;
15140
15429
  const isNoResult = isDisabledByNoResult(check.type, run);
15141
15430
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
15142
- Box34,
15431
+ Box35,
15143
15432
  {
15144
15433
  sx: {
15145
15434
  width: "100%",
@@ -15159,9 +15448,9 @@ var ChecklistItem = ({
15159
15448
  onSelect(check.check_id);
15160
15449
  },
15161
15450
  children: [
15162
- /* @__PURE__ */ jsx(Box34, { component: icon, sx: { fontSize: 20 } }),
15451
+ /* @__PURE__ */ jsx(Box35, { component: icon, sx: { fontSize: 20 } }),
15163
15452
  /* @__PURE__ */ jsx(
15164
- Box34,
15453
+ Box35,
15165
15454
  {
15166
15455
  sx: {
15167
15456
  flex: 1,
@@ -15179,7 +15468,7 @@ var ChecklistItem = ({
15179
15468
  title: isNoResult ? "Run the check first" : "Click to mark as approved",
15180
15469
  placement: "top",
15181
15470
  arrow: true,
15182
- children: /* @__PURE__ */ jsx(Box34, { children: /* @__PURE__ */ jsx(
15471
+ children: /* @__PURE__ */ jsx(Box35, { children: /* @__PURE__ */ jsx(
15183
15472
  Checkbox4,
15184
15473
  {
15185
15474
  checked: check.is_checked,
@@ -15290,7 +15579,7 @@ var CheckList = ({
15290
15579
  };
15291
15580
  }
15292
15581
  return /* @__PURE__ */ jsx(
15293
- Box34,
15582
+ Box35,
15294
15583
  {
15295
15584
  ref: provided2.innerRef,
15296
15585
  ...provided2.draggableProps,
@@ -15320,7 +15609,7 @@ var CheckList = ({
15320
15609
  /* @__PURE__ */ jsxs(MuiDialog2, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
15321
15610
  /* @__PURE__ */ jsxs(DialogTitle3, { sx: { display: "flex", alignItems: "center" }, children: [
15322
15611
  "Mark as Approved?",
15323
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
15612
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
15324
15613
  /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsx(IoClose, {}) })
15325
15614
  ] }),
15326
15615
  /* @__PURE__ */ jsx(Divider, {}),
@@ -15345,9 +15634,9 @@ var CheckList = ({
15345
15634
  ] }),
15346
15635
  /* @__PURE__ */ jsx(Divider, {}),
15347
15636
  /* @__PURE__ */ jsxs(DialogActions6, { sx: { gap: 0 }, children: [
15348
- /* @__PURE__ */ jsx(Button10, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
15637
+ /* @__PURE__ */ jsx(Button11, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
15349
15638
  /* @__PURE__ */ jsx(
15350
- Button10,
15639
+ Button11,
15351
15640
  {
15352
15641
  color: "iochmara",
15353
15642
  variant: "contained",
@@ -15498,7 +15787,7 @@ function CommentInput({
15498
15787
  handleSubmit();
15499
15788
  }
15500
15789
  };
15501
- return /* @__PURE__ */ jsxs(Box34, { children: [
15790
+ return /* @__PURE__ */ jsxs(Box35, { children: [
15502
15791
  /* @__PURE__ */ jsx(
15503
15792
  TextField,
15504
15793
  {
@@ -15526,7 +15815,7 @@ function CommentInput({
15526
15815
  }
15527
15816
  ),
15528
15817
  /* @__PURE__ */ jsx(Stack24, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 }, children: /* @__PURE__ */ jsx(
15529
- Button10,
15818
+ Button11,
15530
15819
  {
15531
15820
  size: "small",
15532
15821
  color: "iochmara",
@@ -15578,7 +15867,7 @@ function ExternalLinkConfirmDialog({
15578
15867
  id: "external-link-dialog-title",
15579
15868
  sx: { display: "flex", alignItems: "center", gap: 1 },
15580
15869
  children: [
15581
- /* @__PURE__ */ jsx(Box34, { component: PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
15870
+ /* @__PURE__ */ jsx(Box35, { component: PiWarning, sx: { color: "amber.500", fontSize: 20 } }),
15582
15871
  "External Link"
15583
15872
  ]
15584
15873
  }
@@ -15600,7 +15889,7 @@ function ExternalLinkConfirmDialog({
15600
15889
  /* @__PURE__ */ jsxs(DialogContent7, { children: [
15601
15890
  /* @__PURE__ */ jsx(Typography28, { sx: { mb: 1.5 }, children: "This link will take you to an external website outside of Recce. Are you sure you want to continue?" }),
15602
15891
  /* @__PURE__ */ jsx(
15603
- Box34,
15892
+ Box35,
15604
15893
  {
15605
15894
  sx: {
15606
15895
  bgcolor: "grey.50",
@@ -15610,7 +15899,7 @@ function ExternalLinkConfirmDialog({
15610
15899
  borderColor: "grey.200"
15611
15900
  },
15612
15901
  children: /* @__PURE__ */ jsx(
15613
- Box34,
15902
+ Box35,
15614
15903
  {
15615
15904
  component: "code",
15616
15905
  sx: {
@@ -15627,8 +15916,8 @@ function ExternalLinkConfirmDialog({
15627
15916
  )
15628
15917
  ] }),
15629
15918
  /* @__PURE__ */ jsxs(DialogActions6, { sx: { gap: 1 }, children: [
15630
- /* @__PURE__ */ jsx(Button10, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
15631
- /* @__PURE__ */ jsx(Button10, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
15919
+ /* @__PURE__ */ jsx(Button11, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
15920
+ /* @__PURE__ */ jsx(Button11, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
15632
15921
  ] })
15633
15922
  ]
15634
15923
  }
@@ -15715,7 +16004,7 @@ function CodeBlock({
15715
16004
  const isInline = !match && !String(children).includes("\n");
15716
16005
  if (isInline) {
15717
16006
  return /* @__PURE__ */ jsx(
15718
- Box34,
16007
+ Box35,
15719
16008
  {
15720
16009
  component: "code",
15721
16010
  sx: {
@@ -15731,7 +16020,7 @@ function CodeBlock({
15731
16020
  );
15732
16021
  }
15733
16022
  return /* @__PURE__ */ jsx(
15734
- Box34,
16023
+ Box35,
15735
16024
  {
15736
16025
  sx: { my: 2, borderRadius: 1, overflow: "hidden", fontSize: "0.875rem" },
15737
16026
  children: /* @__PURE__ */ jsx(
@@ -15794,12 +16083,12 @@ function MarkdownContent({
15794
16083
  ),
15795
16084
  h3: ({ children }) => /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "1rem", fontWeight: 600, mb: 2, mt: 2 }, children }),
15796
16085
  // Lists
15797
- ul: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
15798
- ol: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
15799
- li: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "li", sx: { fontSize, mb: 1 }, children }),
16086
+ ul: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "ul", sx: { pl: 4, mb: 2, listStyleType: "disc" }, children }),
16087
+ ol: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "ol", sx: { pl: 4, mb: 2, listStyleType: "decimal" }, children }),
16088
+ li: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "li", sx: { fontSize, mb: 1 }, children }),
15800
16089
  // Blockquotes
15801
16090
  blockquote: ({ children }) => /* @__PURE__ */ jsx(
15802
- Box34,
16091
+ Box35,
15803
16092
  {
15804
16093
  sx: {
15805
16094
  borderLeft: "3px solid",
@@ -15814,8 +16103,8 @@ function MarkdownContent({
15814
16103
  }
15815
16104
  ),
15816
16105
  // Tables
15817
- table: ({ children }) => /* @__PURE__ */ jsx(Box34, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsx(
15818
- Box34,
16106
+ table: ({ children }) => /* @__PURE__ */ jsx(Box35, { sx: { overflowX: "auto", my: 2 }, children: /* @__PURE__ */ jsx(
16107
+ Box35,
15819
16108
  {
15820
16109
  component: "table",
15821
16110
  sx: {
@@ -15828,10 +16117,10 @@ function MarkdownContent({
15828
16117
  children
15829
16118
  }
15830
16119
  ) }),
15831
- thead: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
15832
- tbody: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "tbody", children }),
16120
+ thead: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "thead", sx: { bgcolor: "grey.50" }, children }),
16121
+ tbody: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "tbody", children }),
15833
16122
  tr: ({ children }) => /* @__PURE__ */ jsx(
15834
- Box34,
16123
+ Box35,
15835
16124
  {
15836
16125
  component: "tr",
15837
16126
  sx: { borderBottom: "1px solid", borderColor: "grey.200" },
@@ -15839,16 +16128,16 @@ function MarkdownContent({
15839
16128
  }
15840
16129
  ),
15841
16130
  th: ({ children }) => /* @__PURE__ */ jsx(
15842
- Box34,
16131
+ Box35,
15843
16132
  {
15844
16133
  component: "th",
15845
16134
  sx: { px: 2, py: 1, fontWeight: 600, textAlign: "left" },
15846
16135
  children
15847
16136
  }
15848
16137
  ),
15849
- td: ({ children }) => /* @__PURE__ */ jsx(Box34, { component: "td", sx: { px: 2, py: 1 }, children }),
16138
+ td: ({ children }) => /* @__PURE__ */ jsx(Box35, { component: "td", sx: { px: 2, py: 1 }, children }),
15850
16139
  // Horizontal rule
15851
- hr: () => /* @__PURE__ */ jsx(Box34, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
16140
+ hr: () => /* @__PURE__ */ jsx(Box35, { component: "hr", sx: { my: 3, borderColor: "grey.200" } }),
15852
16141
  // Strong/Bold
15853
16142
  strong: ({ children }) => /* @__PURE__ */ jsx(Typography28, { component: "strong", sx: { fontWeight: 600 }, children }),
15854
16143
  // Emphasis/Italic
@@ -15863,7 +16152,7 @@ function MarkdownContent({
15863
16152
  }
15864
16153
  )
15865
16154
  };
15866
- return /* @__PURE__ */ jsx(Box34, { className: "markdown-content", children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], components, children: content }) });
16155
+ return /* @__PURE__ */ jsx(Box35, { className: "markdown-content", children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], components, children: content }) });
15867
16156
  }
15868
16157
  function EventIcon({ event }) {
15869
16158
  const iconType = getEventIconType(event);
@@ -15885,7 +16174,7 @@ function EventIcon({ event }) {
15885
16174
  };
15886
16175
  const IconComponent = iconMap[iconType];
15887
16176
  const color = colorMap[iconType];
15888
- return /* @__PURE__ */ jsx(Box34, { component: IconComponent, sx: { color, fontSize: 16 } });
16177
+ return /* @__PURE__ */ jsx(Box35, { component: IconComponent, sx: { color, fontSize: 16 } });
15889
16178
  }
15890
16179
  function UserAvatar({ event }) {
15891
16180
  const { actor } = event;
@@ -15935,9 +16224,9 @@ function StateChangeEvent({ event }) {
15935
16224
  default:
15936
16225
  message = "made a change";
15937
16226
  }
15938
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
15939
- /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
15940
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(
16227
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16228
+ /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
16229
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(
15941
16230
  Stack24,
15942
16231
  {
15943
16232
  direction: "row",
@@ -16024,14 +16313,14 @@ function CommentEvent({
16024
16313
  }
16025
16314
  };
16026
16315
  if (event.is_deleted) {
16027
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
16028
- /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
16029
- /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
16316
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "center", py: 1 }, children: [
16317
+ /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
16318
+ /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flex: 1, alignItems: "center" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "body2", color: "text.disabled", fontStyle: "italic", children: "Comment deleted" }) })
16030
16319
  ] });
16031
16320
  }
16032
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16033
- /* @__PURE__ */ jsx(Box34, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
16034
- /* @__PURE__ */ jsxs(Box34, { sx: { flex: 1 }, children: [
16321
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", gap: 1, alignItems: "flex-start", py: 1 }, children: [
16322
+ /* @__PURE__ */ jsx(Box35, { sx: { pt: "2px" }, children: /* @__PURE__ */ jsx(EventIcon, { event }) }),
16323
+ /* @__PURE__ */ jsxs(Box35, { sx: { flex: 1 }, children: [
16035
16324
  /* @__PURE__ */ jsxs(
16036
16325
  Stack24,
16037
16326
  {
@@ -16064,7 +16353,7 @@ function CommentEvent({
16064
16353
  ),
16065
16354
  isEditing ? (
16066
16355
  // Edit mode
16067
- /* @__PURE__ */ jsxs(Box34, { children: [
16356
+ /* @__PURE__ */ jsxs(Box35, { children: [
16068
16357
  /* @__PURE__ */ jsx(
16069
16358
  TextField,
16070
16359
  {
@@ -16096,7 +16385,7 @@ function CommentEvent({
16096
16385
  justifyContent: "flex-end",
16097
16386
  children: [
16098
16387
  /* @__PURE__ */ jsx(
16099
- Button10,
16388
+ Button11,
16100
16389
  {
16101
16390
  size: "small",
16102
16391
  variant: "text",
@@ -16106,7 +16395,7 @@ function CommentEvent({
16106
16395
  }
16107
16396
  ),
16108
16397
  /* @__PURE__ */ jsx(
16109
- Button10,
16398
+ Button11,
16110
16399
  {
16111
16400
  size: "small",
16112
16401
  variant: "contained",
@@ -16122,7 +16411,7 @@ function CommentEvent({
16122
16411
  ) : (
16123
16412
  // View mode
16124
16413
  /* @__PURE__ */ jsxs(
16125
- Box34,
16414
+ Box35,
16126
16415
  {
16127
16416
  sx: {
16128
16417
  bgcolor: "grey.50",
@@ -16185,7 +16474,7 @@ function CommentEvent({
16185
16474
  vertical: "top",
16186
16475
  horizontal: "center"
16187
16476
  },
16188
- children: /* @__PURE__ */ jsxs(Box34, { sx: { p: 2 }, children: [
16477
+ children: /* @__PURE__ */ jsxs(Box35, { sx: { p: 2 }, children: [
16189
16478
  /* @__PURE__ */ jsx(Typography28, { variant: "body2", sx: { mb: 2 }, children: "Delete this comment?" }),
16190
16479
  /* @__PURE__ */ jsxs(
16191
16480
  Stack24,
@@ -16195,7 +16484,7 @@ function CommentEvent({
16195
16484
  justifyContent: "flex-end",
16196
16485
  children: [
16197
16486
  /* @__PURE__ */ jsx(
16198
- Button10,
16487
+ Button11,
16199
16488
  {
16200
16489
  size: "small",
16201
16490
  variant: "text",
@@ -16205,7 +16494,7 @@ function CommentEvent({
16205
16494
  }
16206
16495
  ),
16207
16496
  /* @__PURE__ */ jsx(
16208
- Button10,
16497
+ Button11,
16209
16498
  {
16210
16499
  size: "small",
16211
16500
  variant: "contained",
@@ -16277,7 +16566,7 @@ function CheckTimeline({ checkId }) {
16277
16566
  };
16278
16567
  if (isLoading) {
16279
16568
  return /* @__PURE__ */ jsx(
16280
- Box34,
16569
+ Box35,
16281
16570
  {
16282
16571
  sx: {
16283
16572
  height: "100%",
@@ -16292,7 +16581,7 @@ function CheckTimeline({ checkId }) {
16292
16581
  }
16293
16582
  if (error) {
16294
16583
  return /* @__PURE__ */ jsx(
16295
- Box34,
16584
+ Box35,
16296
16585
  {
16297
16586
  sx: {
16298
16587
  height: "100%",
@@ -16317,7 +16606,7 @@ function CheckTimeline({ checkId }) {
16317
16606
  spacing: 0,
16318
16607
  children: [
16319
16608
  /* @__PURE__ */ jsx(
16320
- Box34,
16609
+ Box35,
16321
16610
  {
16322
16611
  sx: {
16323
16612
  px: 3,
@@ -16328,7 +16617,7 @@ function CheckTimeline({ checkId }) {
16328
16617
  children: /* @__PURE__ */ jsx(Typography28, { variant: "subtitle2", sx: { fontWeight: 500 }, children: "Activity" })
16329
16618
  }
16330
16619
  ),
16331
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsx(Stack24, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxs(Box34, { children: [
16620
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: events.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.875rem", color: "grey.500" }, children: "No activity yet" }) : /* @__PURE__ */ jsx(Stack24, { sx: { alignItems: "stretch" }, spacing: 0, children: events.map((event, index) => /* @__PURE__ */ jsxs(Box35, { children: [
16332
16621
  /* @__PURE__ */ jsx(
16333
16622
  TimelineEvent,
16334
16623
  {
@@ -16341,7 +16630,7 @@ function CheckTimeline({ checkId }) {
16341
16630
  index < events.length - 1 && /* @__PURE__ */ jsx(Divider, { sx: { borderColor: "grey.100" } })
16342
16631
  ] }, event.id)) }) }),
16343
16632
  /* @__PURE__ */ jsx(
16344
- Box34,
16633
+ Box35,
16345
16634
  {
16346
16635
  sx: {
16347
16636
  px: 3,
@@ -16417,7 +16706,7 @@ function CheckBreadcrumb({ name, setName }) {
16417
16706
  overflow: "hidden"
16418
16707
  },
16419
16708
  className: "no-track-pii-safe",
16420
- children: /* @__PURE__ */ jsx(Box34, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsx(
16709
+ children: /* @__PURE__ */ jsx(Box35, { sx: { cursor: "pointer", flex: "0 1 auto", overflow: "hidden" }, children: isEditing ? /* @__PURE__ */ jsx(
16421
16710
  TextField,
16422
16711
  {
16423
16712
  inputRef: editInputRef,
@@ -16429,7 +16718,7 @@ function CheckBreadcrumb({ name, setName }) {
16429
16718
  variant: "outlined"
16430
16719
  }
16431
16720
  ) : /* @__PURE__ */ jsx(
16432
- Box34,
16721
+ Box35,
16433
16722
  {
16434
16723
  sx: {
16435
16724
  flex: "0 1 auto",
@@ -16521,7 +16810,7 @@ function CheckDescription({ value, onChange }) {
16521
16810
  }
16522
16811
  ),
16523
16812
  /* @__PURE__ */ jsx(
16524
- Button10,
16813
+ Button11,
16525
16814
  {
16526
16815
  sx: { mt: "8px" },
16527
16816
  size: "small",
@@ -16578,7 +16867,7 @@ function _LineageDiffView({ check }, ref) {
16578
16867
  ...check.params,
16579
16868
  ...check.view_options
16580
16869
  };
16581
- return /* @__PURE__ */ jsx(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
16870
+ return /* @__PURE__ */ jsx(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
16582
16871
  }
16583
16872
  var LineageDiffView = forwardRef(
16584
16873
  _LineageDiffView
@@ -16635,7 +16924,7 @@ var NodelistItem = ({
16635
16924
  statusColor = getIconForChangeStatus("removed").color;
16636
16925
  }
16637
16926
  return /* @__PURE__ */ jsx(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs(
16638
- Box34,
16927
+ Box35,
16639
16928
  {
16640
16929
  sx: {
16641
16930
  display: "flex",
@@ -16652,9 +16941,9 @@ var NodelistItem = ({
16652
16941
  onSelect(node.id);
16653
16942
  },
16654
16943
  children: [
16655
- icon && /* @__PURE__ */ jsx(Box34, { component: icon }),
16944
+ icon && /* @__PURE__ */ jsx(Box35, { component: icon }),
16656
16945
  /* @__PURE__ */ jsx(
16657
- Box34,
16946
+ Box35,
16658
16947
  {
16659
16948
  sx: {
16660
16949
  flex: 1,
@@ -16665,7 +16954,7 @@ var NodelistItem = ({
16665
16954
  children: node.data.name
16666
16955
  }
16667
16956
  ),
16668
- statusIcon && statusColor && /* @__PURE__ */ jsx(Box34, { component: statusIcon, sx: { color: statusColor } })
16957
+ statusIcon && statusColor && /* @__PURE__ */ jsx(Box35, { component: statusIcon, sx: { color: statusColor } })
16669
16958
  ]
16670
16959
  }
16671
16960
  ) });
@@ -16747,7 +17036,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16747
17036
  const [selected, setSelected] = useState(0);
16748
17037
  if (isLoading) {
16749
17038
  return /* @__PURE__ */ jsx(
16750
- Box34,
17039
+ Box35,
16751
17040
  {
16752
17041
  sx: {
16753
17042
  display: "flex",
@@ -16761,7 +17050,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16761
17050
  );
16762
17051
  } else if (error) {
16763
17052
  return /* @__PURE__ */ jsxs(
16764
- Box34,
17053
+ Box35,
16765
17054
  {
16766
17055
  sx: {
16767
17056
  display: "flex",
@@ -16779,7 +17068,7 @@ function PrivateSchemaDiffView({ check }, ref) {
16779
17068
  );
16780
17069
  } else if (nodes.length == 0) {
16781
17070
  return /* @__PURE__ */ jsx(
16782
- Box34,
17071
+ Box35,
16783
17072
  {
16784
17073
  sx: {
16785
17074
  display: "flex",
@@ -16969,7 +17258,7 @@ function CheckDetail({
16969
17258
  });
16970
17259
  if (isLoading) {
16971
17260
  return /* @__PURE__ */ jsx(
16972
- Box34,
17261
+ Box35,
16973
17262
  {
16974
17263
  sx: {
16975
17264
  display: "flex",
@@ -16983,7 +17272,7 @@ function CheckDetail({
16983
17272
  }
16984
17273
  if (error) {
16985
17274
  return /* @__PURE__ */ jsxs(
16986
- Box34,
17275
+ Box35,
16987
17276
  {
16988
17277
  sx: {
16989
17278
  display: "flex",
@@ -17006,12 +17295,12 @@ function CheckDetail({
17006
17295
  sizes: [30, 70],
17007
17296
  style: { height: "100%", width: "100%", maxHeight: "100%" },
17008
17297
  children: /* @__PURE__ */ jsx(
17009
- Box34,
17298
+ Box35,
17010
17299
  {
17011
17300
  style: { contain: "strict" },
17012
17301
  sx: { display: "flex", flexDirection: "column" },
17013
17302
  children: /* @__PURE__ */ jsx(
17014
- Box34,
17303
+ Box35,
17015
17304
  {
17016
17305
  sx: {
17017
17306
  display: "flex",
@@ -17054,7 +17343,7 @@ function CheckDetail({
17054
17343
  style: { height: "100%", width: "100%", maxHeight: "100%" },
17055
17344
  children: [
17056
17345
  /* @__PURE__ */ jsx(
17057
- Box34,
17346
+ Box35,
17058
17347
  {
17059
17348
  sx: {
17060
17349
  height: "100%",
@@ -17063,7 +17352,7 @@ function CheckDetail({
17063
17352
  flexDirection: "row"
17064
17353
  },
17065
17354
  children: /* @__PURE__ */ jsxs(
17066
- Box34,
17355
+ Box35,
17067
17356
  {
17068
17357
  sx: {
17069
17358
  flex: 1,
@@ -17075,7 +17364,7 @@ function CheckDetail({
17075
17364
  },
17076
17365
  children: [
17077
17366
  /* @__PURE__ */ jsxs(
17078
- Box34,
17367
+ Box35,
17079
17368
  {
17080
17369
  sx: {
17081
17370
  display: "flex",
@@ -17087,7 +17376,7 @@ function CheckDetail({
17087
17376
  },
17088
17377
  children: [
17089
17378
  checkTypeIcon && /* @__PURE__ */ jsx(
17090
- Box34,
17379
+ Box35,
17091
17380
  {
17092
17381
  component: checkTypeIcon,
17093
17382
  sx: { fontSize: 20, mr: 1, flexShrink: 0 }
@@ -17102,10 +17391,10 @@ function CheckDetail({
17102
17391
  }
17103
17392
  }
17104
17393
  ),
17105
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
17394
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
17106
17395
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 2, sx: { mr: "10px" }, children: [
17107
17396
  relativeTime && /* @__PURE__ */ jsx(
17108
- Box34,
17397
+ Box35,
17109
17398
  {
17110
17399
  sx: {
17111
17400
  textOverflow: "ellipsis",
@@ -17119,7 +17408,7 @@ function CheckDetail({
17119
17408
  }
17120
17409
  ),
17121
17410
  isPresetCheck && /* @__PURE__ */ jsx(MuiTooltip, { title: "This is a preset check", children: /* @__PURE__ */ jsx(
17122
- Box34,
17411
+ Box35,
17123
17412
  {
17124
17413
  display: "flex",
17125
17414
  alignItems: "center",
@@ -17206,7 +17495,7 @@ function CheckDetail({
17206
17495
  title: isDisabledByNoResult(check.type, run) ? "Run the check first" : check.is_checked ? "Remove approval" : "Mark as approved",
17207
17496
  placement: "bottom-end",
17208
17497
  children: /* @__PURE__ */ jsx(
17209
- Button10,
17498
+ Button11,
17210
17499
  {
17211
17500
  size: "small",
17212
17501
  color: check.is_checked ? "success" : "neutral",
@@ -17226,7 +17515,7 @@ function CheckDetail({
17226
17515
  ]
17227
17516
  }
17228
17517
  ),
17229
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsx(
17518
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1, p: "8px 16px", minHeight: 100 }, children: /* @__PURE__ */ jsx(
17230
17519
  CheckDescription,
17231
17520
  {
17232
17521
  value: check.description,
@@ -17239,8 +17528,8 @@ function CheckDetail({
17239
17528
  )
17240
17529
  }
17241
17530
  ),
17242
- /* @__PURE__ */ jsx(Box34, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxs(
17243
- Box34,
17531
+ /* @__PURE__ */ jsx(Box35, { style: { contain: "strict" }, children: /* @__PURE__ */ jsxs(
17532
+ Box35,
17244
17533
  {
17245
17534
  sx: {
17246
17535
  height: "100%",
@@ -17249,7 +17538,7 @@ function CheckDetail({
17249
17538
  },
17250
17539
  children: [
17251
17540
  /* @__PURE__ */ jsxs(
17252
- Box34,
17541
+ Box35,
17253
17542
  {
17254
17543
  sx: {
17255
17544
  display: "flex",
@@ -17284,10 +17573,10 @@ function CheckDetail({
17284
17573
  ]
17285
17574
  }
17286
17575
  ),
17287
- /* @__PURE__ */ jsx(Box34, { sx: { flexGrow: 1 } }),
17576
+ /* @__PURE__ */ jsx(Box35, { sx: { flexGrow: 1 } }),
17288
17577
  /* @__PURE__ */ jsxs(Stack24, { direction: "row", spacing: 1, sx: { mr: "10px" }, children: [
17289
17578
  RunResultView && /* @__PURE__ */ jsx(MuiTooltip, { title: "Rerun", children: /* @__PURE__ */ jsx(
17290
- Button10,
17579
+ Button11,
17291
17580
  {
17292
17581
  variant: "outlined",
17293
17582
  color: "neutral",
@@ -17300,7 +17589,7 @@ function CheckDetail({
17300
17589
  }
17301
17590
  ) }),
17302
17591
  /* @__PURE__ */ jsx(
17303
- Button10,
17592
+ Button11,
17304
17593
  {
17305
17594
  variant: "outlined",
17306
17595
  color: "neutral",
@@ -17325,8 +17614,8 @@ function CheckDetail({
17325
17614
  ]
17326
17615
  }
17327
17616
  ),
17328
- /* @__PURE__ */ jsxs(Box34, { sx: { flex: 1, contain: "strict" }, children: [
17329
- tabValue === "result" && /* @__PURE__ */ jsxs(Box34, { sx: { width: "100%", height: "100%" }, children: [
17617
+ /* @__PURE__ */ jsxs(Box35, { sx: { flex: 1, contain: "strict" }, children: [
17618
+ tabValue === "result" && /* @__PURE__ */ jsxs(Box35, { sx: { width: "100%", height: "100%" }, children: [
17330
17619
  RunResultView && (check.last_run || trackedRunId ? /* @__PURE__ */ jsx(
17331
17620
  RunView,
17332
17621
  {
@@ -17343,7 +17632,7 @@ function CheckDetail({
17343
17632
  onExecuteRun: handleRerun
17344
17633
  }
17345
17634
  ) : /* @__PURE__ */ jsx(
17346
- Box34,
17635
+ Box35,
17347
17636
  {
17348
17637
  sx: {
17349
17638
  display: "flex",
@@ -17353,13 +17642,13 @@ function CheckDetail({
17353
17642
  height: "100%"
17354
17643
  },
17355
17644
  children: /* @__PURE__ */ jsxs(Stack24, { spacing: 2, alignItems: "center", children: [
17356
- /* @__PURE__ */ jsx(Box34, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
17645
+ /* @__PURE__ */ jsx(Box35, { children: "This action is part of the initial preset and has not been performed yet. Once performed, the result will be shown here." }),
17357
17646
  /* @__PURE__ */ jsx(
17358
17647
  SetupConnectionPopover,
17359
17648
  {
17360
17649
  display: featureToggles.mode === "metadata only",
17361
17650
  children: /* @__PURE__ */ jsx(
17362
- Button10,
17651
+ Button11,
17363
17652
  {
17364
17653
  onClick: handleRerun,
17365
17654
  variant: "contained",
@@ -17390,7 +17679,7 @@ function CheckDetail({
17390
17679
  check.check_id
17391
17680
  )
17392
17681
  ] }),
17393
- tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsx(Box34, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsx(
17682
+ tabValue === "query" && (check.type === "query" || check.type === "query_diff" || check.type === "query_base") && /* @__PURE__ */ jsx(Box35, { sx: { height: "100%", width: "100%" }, children: check.params.base_sql_template ? /* @__PURE__ */ jsx(
17394
17683
  DualSqlEditor,
17395
17684
  {
17396
17685
  value: check.params.sql_template || "",
@@ -17441,7 +17730,7 @@ function CheckDetail({
17441
17730
  "the following template and paste it into the",
17442
17731
  " ",
17443
17732
  /* @__PURE__ */ jsx(
17444
- Box34,
17733
+ Box35,
17445
17734
  {
17446
17735
  component: "span",
17447
17736
  sx: { px: 0.5, bgcolor: "error.light", borderRadius: 0.5 },
@@ -17501,6 +17790,69 @@ ${buildQuery(check)}`;
17501
17790
  }
17502
17791
  return buildDescription(check);
17503
17792
  }
17793
+ var CheckEmptyState = () => {
17794
+ const queryClient = useQueryClient();
17795
+ const [, setLocation] = useAppLocation();
17796
+ const { mutate: createSchemaCheck, isPending } = useMutation({
17797
+ mutationFn: () => createSchemaDiffCheck({ select: "state:modified" }),
17798
+ onSuccess: async (check) => {
17799
+ await queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
17800
+ setLocation(`/checks/?id=${check.check_id}`);
17801
+ }
17802
+ });
17803
+ const handleCreateSchemaCheck = () => {
17804
+ createSchemaCheck();
17805
+ };
17806
+ return /* @__PURE__ */ jsx(
17807
+ Box35,
17808
+ {
17809
+ sx: {
17810
+ height: "100%",
17811
+ width: "100%",
17812
+ display: "flex",
17813
+ alignItems: "center",
17814
+ justifyContent: "center"
17815
+ },
17816
+ children: /* @__PURE__ */ jsxs(
17817
+ Stack24,
17818
+ {
17819
+ spacing: 3,
17820
+ sx: { textAlign: "center", maxWidth: "400px", alignItems: "center" },
17821
+ children: [
17822
+ /* @__PURE__ */ jsx(Box35, { component: TbChecklist, sx: { fontSize: 64, color: "grey.400" } }),
17823
+ /* @__PURE__ */ jsxs(Stack24, { spacing: 1, children: [
17824
+ /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { color: "grey.600" }, children: "No checks yet" }),
17825
+ /* @__PURE__ */ jsx(Typography28, { sx: { color: "grey.500" }, children: "Checks help you validate data quality and catch issues." })
17826
+ ] }),
17827
+ /* @__PURE__ */ jsxs(Stack24, { spacing: 1.5, sx: { width: "100%" }, children: [
17828
+ /* @__PURE__ */ jsx(
17829
+ Typography28,
17830
+ {
17831
+ sx: { fontSize: "0.875rem", color: "grey.600", fontWeight: 500 },
17832
+ children: "Get started with your first check:"
17833
+ }
17834
+ ),
17835
+ /* @__PURE__ */ jsx(
17836
+ Button11,
17837
+ {
17838
+ color: "iochmara",
17839
+ variant: "contained",
17840
+ onClick: handleCreateSchemaCheck,
17841
+ disabled: isPending,
17842
+ size: "large",
17843
+ fullWidth: true,
17844
+ startIcon: /* @__PURE__ */ jsx(TbPlus, {}),
17845
+ children: "Create Schema Diff Check"
17846
+ }
17847
+ ),
17848
+ /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: "0.75rem", color: "grey.400", mt: 0.5 }, children: "The schema checks compare modified models between environments to detect changes, additions, or removals." })
17849
+ ] })
17850
+ ]
17851
+ }
17852
+ )
17853
+ }
17854
+ );
17855
+ };
17504
17856
  var RunPage = ({ runId }) => {
17505
17857
  const { error, data: run } = useQuery({
17506
17858
  queryKey: cacheKeys.run(runId),
@@ -17532,7 +17884,7 @@ var RunListItem = ({
17532
17884
  const checkId = run.check_id;
17533
17885
  const hideAddToChecklist = featureToggles.disableUpdateChecklist;
17534
17886
  return /* @__PURE__ */ jsxs(
17535
- Box34,
17887
+ Box35,
17536
17888
  {
17537
17889
  sx: {
17538
17890
  minWidth: "200px",
@@ -17552,7 +17904,7 @@ var RunListItem = ({
17552
17904
  },
17553
17905
  children: [
17554
17906
  /* @__PURE__ */ jsxs(
17555
- Box34,
17907
+ Box35,
17556
17908
  {
17557
17909
  sx: { display: "flex", alignItems: "center", gap: "12px" },
17558
17910
  onClick: () => {
@@ -17561,7 +17913,7 @@ var RunListItem = ({
17561
17913
  children: [
17562
17914
  /* @__PURE__ */ jsx(IconComponent, {}),
17563
17915
  /* @__PURE__ */ jsx(
17564
- Box34,
17916
+ Box35,
17565
17917
  {
17566
17918
  className: "no-track-pii-safe",
17567
17919
  sx: {
@@ -17606,7 +17958,7 @@ var RunListItem = ({
17606
17958
  }
17607
17959
  ),
17608
17960
  /* @__PURE__ */ jsx(
17609
- Box34,
17961
+ Box35,
17610
17962
  {
17611
17963
  sx: {
17612
17964
  display: "flex",
@@ -17626,7 +17978,7 @@ var RunListItem = ({
17626
17978
  var DateSegmentItem = ({ runAt }) => {
17627
17979
  const dateTime = runAt ? formatRunDate(new Date(runAt)) : null;
17628
17980
  return /* @__PURE__ */ jsx(
17629
- Box34,
17981
+ Box35,
17630
17982
  {
17631
17983
  sx: {
17632
17984
  minWidth: "200px",
@@ -17649,7 +18001,7 @@ var RunList = () => {
17649
18001
  },
17650
18002
  retry: false
17651
18003
  });
17652
- return /* @__PURE__ */ jsxs(Box34, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
18004
+ return /* @__PURE__ */ jsxs(Box35, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
17653
18005
  /* @__PURE__ */ jsxs(
17654
18006
  Stack24,
17655
18007
  {
@@ -17663,7 +18015,7 @@ var RunList = () => {
17663
18015
  },
17664
18016
  children: [
17665
18017
  /* @__PURE__ */ jsx(Typography28, { variant: "h6", children: "History" }),
17666
- /* @__PURE__ */ jsx(Box34, { sx: { flex: 1 } }),
18018
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: 1 } }),
17667
18019
  /* @__PURE__ */ jsx(
17668
18020
  IconButton2,
17669
18021
  {
@@ -17678,8 +18030,8 @@ var RunList = () => {
17678
18030
  ]
17679
18031
  }
17680
18032
  ),
17681
- /* @__PURE__ */ jsx(Box34, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsx(
17682
- Box34,
18033
+ /* @__PURE__ */ jsx(Box35, { sx: { flex: "1 1 auto" }, children: isLoading ? "Loading..." : runs?.length === 0 ? /* @__PURE__ */ jsx(
18034
+ Box35,
17683
18035
  {
17684
18036
  sx: {
17685
18037
  display: "flex",
@@ -17783,8 +18135,8 @@ function SummaryText({
17783
18135
  return /* @__PURE__ */ jsxs(Stack24, { alignItems: "stretch", children: [
17784
18136
  /* @__PURE__ */ jsxs(Typography28, { sx: { fontSize: "0.875rem", color: "grey.600" }, children: [
17785
18137
  name,
17786
- tip && /* @__PURE__ */ jsx(MuiTooltip, { title: tip, children: /* @__PURE__ */ jsx(Box34, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
17787
- Box34,
18138
+ tip && /* @__PURE__ */ jsx(MuiTooltip, { title: tip, children: /* @__PURE__ */ jsx(Box35, { sx: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
18139
+ Box35,
17788
18140
  {
17789
18141
  component: FiInfo,
17790
18142
  sx: { mx: "2px", fontSize: 12, verticalAlign: "middle" }
@@ -17808,7 +18160,7 @@ function ChangeStatusCountLabel({
17808
18160
  alignItems: "center",
17809
18161
  sx: { fontSize: "0.875rem", color: "grey.600" },
17810
18162
  children: [
17811
- icon && /* @__PURE__ */ jsx(Box34, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
18163
+ icon && /* @__PURE__ */ jsx(Box35, { component: icon, sx: { mr: "5px", color, fontSize: "1rem" } }),
17812
18164
  label
17813
18165
  ]
17814
18166
  }
@@ -17943,7 +18295,7 @@ function SchemaDiffCard({ node, ...props }) {
17943
18295
  ] })
17944
18296
  }
17945
18297
  ),
17946
- /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box34, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
18298
+ /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box35, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
17947
18299
  SchemaView,
17948
18300
  {
17949
18301
  base: node.data.data.base,
@@ -17976,7 +18328,7 @@ function SchemaSummary({ lineageGraph }) {
17976
18328
  }, [lineageGraph]);
17977
18329
  return /* @__PURE__ */ jsxs(Fragment, { children: [
17978
18330
  /* @__PURE__ */ jsx(
17979
- Box34,
18331
+ Box35,
17980
18332
  {
17981
18333
  sx: {
17982
18334
  width: "100%",
@@ -17987,8 +18339,8 @@ function SchemaSummary({ lineageGraph }) {
17987
18339
  children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Schema Summary" })
17988
18340
  }
17989
18341
  ),
17990
- /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsx(
17991
- Box34,
18342
+ /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: changedNodes.length === 0 ? /* @__PURE__ */ jsx(Typography28, { sx: { fontSize: 18, color: "grey.600" }, children: "No schema changes detected." }) : /* @__PURE__ */ jsx(
18343
+ Box35,
17992
18344
  {
17993
18345
  sx: {
17994
18346
  display: "grid",
@@ -18015,7 +18367,7 @@ function SchemaSummary({ lineageGraph }) {
18015
18367
  function SummaryView() {
18016
18368
  const { lineageGraph } = useLineageGraphContext();
18017
18369
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Stack24, { sx: { width: "100%", minHeight: "650px" }, children: [
18018
- /* @__PURE__ */ jsx(Box34, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
18370
+ /* @__PURE__ */ jsx(Box35, { sx: { width: "100%", pb: "10px", mb: "20px" }, children: /* @__PURE__ */ jsx(Typography28, { variant: "h5", sx: { fontSize: 24 }, children: "Change Summary" }) }),
18019
18371
  lineageGraph && /* @__PURE__ */ jsxs(Fragment, { children: [
18020
18372
  /* @__PURE__ */ jsx(ChangeSummary, { lineageGraph }),
18021
18373
  /* @__PURE__ */ jsx(Divider, {}),
@@ -18023,7 +18375,36 @@ function SummaryView() {
18023
18375
  ] })
18024
18376
  ] }) });
18025
18377
  }
18378
+ var WARNING_THRESHOLD_SECONDS = 60;
18379
+ function IdleTimeoutBadge() {
18380
+ const { remainingSeconds, isEnabled } = useIdleTimeout();
18381
+ if (!isEnabled || remainingSeconds === null) {
18382
+ return null;
18383
+ }
18384
+ if (remainingSeconds > WARNING_THRESHOLD_SECONDS) {
18385
+ return null;
18386
+ }
18387
+ return /* @__PURE__ */ jsxs(
18388
+ Badge,
18389
+ {
18390
+ color: "warning",
18391
+ variant: "standard",
18392
+ sx: {
18393
+ display: "flex",
18394
+ alignItems: "center",
18395
+ gap: 1,
18396
+ fontSize: "0.75rem",
18397
+ mr: 2
18398
+ },
18399
+ children: [
18400
+ /* @__PURE__ */ jsx(Box35, { component: IoWarning, sx: { display: "inline-flex" } }),
18401
+ "Idle timeout: ",
18402
+ formatDuration(remainingSeconds, "compact")
18403
+ ]
18404
+ }
18405
+ );
18406
+ }
18026
18407
 
18027
- export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckList, ColumnNameCell, DiffText, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, LineageDiffView, LineagePage, LineageView, LineageViewContext, LineageViewTopBar, ModelRowCount, MuiProvider, mui_provider_default as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffForm, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, RunList, RunModal, RunPage, RunStatusAndDate, RunToolbar, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, ScreenshotDataGrid, SqlEditor_default as SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, ValueDiffForm, useLineageViewContext, useToaster };
18408
+ export { ChangeSummary, CheckBreadcrumb, CheckDescription, CheckDetail, CheckEmptyState, CheckList, CodeEditor_default as CodeEditor, ColumnNameCell, DiffEditor_default as DiffEditor, DiffText, EnvInfo, ErrorBoundary, GraphColumnNode, GraphEdge, GraphNode, HSplit, HistogramChart, HistogramDiffForm, HistogramDiffResultView, HistoryToggle, IconEdit, IconExport, IconImport, IconInfo, IconSave, IconSync, IdleTimeoutBadge, LineageDiffView, LineagePage, LineageView, LineageViewContext, LineageViewTopBar, ModelRowCount, MuiProvider, mui_provider_default as MuiProviderDefault, NodeSqlView, NodeView, ProfileDiffForm, ProfileDiffResultView, QueryDiffResultView, QueryForm, QueryPage, QueryResultView, ResourceTypeTag, RowCountDiffResultView, RowCountDiffTag, RunList, RunModal, RunPage, RunResultPane, RunStatusAndDate, RunToolbar, RunView, SchemaDiffView, SchemaSummary, SchemaView, ScreenshotBox, ScreenshotDataGrid, SetupConnectionBanner, SetupConnectionGuide, SqlEditor_default as SqlEditor, SquareIcon, SummaryView, Toaster, ToasterProvider, TopKDiffForm, TopKDiffResultView, TopKSummaryList, VSplit, ValueDiffDetailResultView, ValueDiffForm, ValueDiffResultView, useLineageViewContext, useToaster };
18028
18409
  //# sourceMappingURL=components.mjs.map
18029
18410
  //# sourceMappingURL=components.mjs.map