@datarecce/ui 0.1.24 → 0.1.25

package/dist/{components-BHxcVq0D.mjs → components-DoLZeY_e.mjs}

@@ -1,8 +1,8 @@
 "use client"
-import { $t as trackLineageViewRender, At as createLineageDiffCheck, B as IconExport, Bn as darkTheme, Bt as submitRunFromCheck, Cn as selectUpstream, En as getCll, Et as ScreenshotDataGrid, Ft as cancelRun, G as deltaPercentageString, Gt as LINEAGE_SELECTION_ACTION, H as IconInfo, Hn as token, Ht as EXPLORE_ACTION, I as useRecceActionContext, J as mergeKeys, Jt as trackEnvironmentConfig, Kt as trackColumnLevelLineage, L as useAppLocation, Ln as toaster, Lt as listRuns, M as useLineageViewContext, Mn as axiosClient, Mt as submitQueryBase, N as useLineageViewContextSafe, Nt as submitQueryDiff, Qt as trackLineageSelection, Sn as selectDownstream, St as useApiConfig, Tn as union, Tt as EmptyRowsRenderer, U as IconSave, Vn as lightTheme, Vt as waitRun, W as IconSync, Wt as EXPLORE_SOURCE, Y as mergeKeysWithStatus, Yt as trackExploreAction, Zt as trackHistoryAction, _ as findByRunType, _n as isValueDiffRun, a as saveAs$1, an as trackSingleEnvironment, at as supportsHistogramDiff, bn as isLineageGraphNode, c as createCheckByRun, cn as isHistogramDiffRun, ct as useLineageGraphContext, d as getCheck, dn as isQueryDiffRun, en as trackMultiNodesAction, f as listChecks, fn as isQueryRun, ft as useIdleTimeout, g as useChecks, gn as isValueDiffDetailRun, gt as formatDuration, h as updateCheck, hn as isTopKDiffRun, i as rename, in as trackShareState, j as LineageViewContext, jt as submitQuery, k as createDataGridFromData, ln as isProfileDiffRun, lt as useRunsAggregated, mn as isRowCountRun, nn as trackPreviewChange, on as trackStateAction, ot as useModelColumns_default, p as markAsPresetCheck, pn as isRowCountDiffRun, q as useClipBoardToast, qt as trackCopyToClipboard, r as isStateSyncing, rn as trackPreviewChangeFeedback, s as syncState, t as exportState, tn as trackNavigation, u as deleteCheck, un as isQueryBaseRun, ut as useRecceServerFlag, v as runTypeHasRef, vn as COLUMN_HEIGHT, vt as useRecceInstanceContext, wn as toReactFlow, wt as cacheKeys, xn as layout, yn as isLineageGraphColumnNode, yt as useRecceInstanceInfo, z as IconEdit, zn as colors, zt as submitRun } from "./state-CwepO01b.mjs";
+import { $t as trackLineageViewRender, At as createLineageDiffCheck, B as IconExport, Bn as darkTheme, Bt as submitRunFromCheck, Cn as selectUpstream, En as getCll, Et as ScreenshotDataGrid, Ft as cancelRun, G as deltaPercentageString, Gt as LINEAGE_SELECTION_ACTION, H as IconInfo, Hn as token, Ht as EXPLORE_ACTION, I as useRecceActionContext, J as mergeKeys, Jt as trackEnvironmentConfig, Kt as trackColumnLevelLineage, L as useAppLocation, Ln as toaster, Lt as listRuns, M as useLineageViewContext, Mn as axiosClient, Mt as submitQueryBase, N as useLineageViewContextSafe, Nt as submitQueryDiff, Qt as trackLineageSelection, Sn as selectDownstream, St as useApiConfig, Tn as union, Tt as EmptyRowsRenderer, U as IconSave, Vn as lightTheme, Vt as waitRun, W as IconSync, Wt as EXPLORE_SOURCE, Y as mergeKeysWithStatus, Yt as trackExploreAction, Zt as trackHistoryAction, _ as findByRunType, _n as isValueDiffRun, a as saveAs$1, an as trackSingleEnvironment, at as supportsHistogramDiff, bn as isLineageGraphNode, c as createCheckByRun, cn as isHistogramDiffRun, ct as useLineageGraphContext, d as getCheck, dn as isQueryDiffRun, en as trackMultiNodesAction, f as listChecks, fn as isQueryRun, ft as useIdleTimeout, g as useChecks, gn as isValueDiffDetailRun, gt as formatDuration, h as updateCheck, hn as isTopKDiffRun, i as rename, in as trackShareState, j as LineageViewContext, jt as submitQuery, k as createDataGridFromData, ln as isProfileDiffRun, lt as useRunsAggregated, mn as isRowCountRun, nn as trackPreviewChange, on as trackStateAction, ot as useModelColumns_default, p as markAsPresetCheck, pn as isRowCountDiffRun, q as useClipBoardToast, qt as trackCopyToClipboard, r as isStateSyncing, rn as trackPreviewChangeFeedback, s as syncState, t as exportState, tn as trackNavigation, u as deleteCheck, un as isQueryBaseRun, ut as useRecceServerFlag, v as runTypeHasRef, vn as COLUMN_HEIGHT, vt as useRecceInstanceContext, wn as toReactFlow, wt as cacheKeys, xn as layout, yn as isLineageGraphColumnNode, yt as useRecceInstanceInfo, z as IconEdit, zn as colors, zt as submitRun } from "./state-DyHCt6IJ.mjs";
 import { t as RECCE_SUPPORT_CALENDAR_URL } from "./urls-D7PrPolY.mjs";
-import { a as connectToCloud, c as select, i as fetchUser, l as createSchemaDiffCheck, n as useVersionNumber, o as localStorageKeys, r as fetchGitHubAvatar, s as sessionStorageKeys } from "./version-Bz2CiMHD.mjs";
-import { i as useValueDiffAlertDialog_default, l as defaultSqlQuery, n as useRecceCheckContext, o as useRecceShareStateContext, r as useCheckToast, u as useRecceQueryContext } from "./RecceCheckContext-CzsuuXxT.mjs";
+import { a as connectToCloud, c as select, i as fetchUser, l as createSchemaDiffCheck, n as useVersionNumber, o as localStorageKeys, r as fetchGitHubAvatar, s as sessionStorageKeys } from "./version-Dav28qEz.mjs";
+import { i as useValueDiffAlertDialog_default, l as defaultSqlQuery, n as useRecceCheckContext, o as useRecceShareStateContext, r as useCheckToast, u as useRecceQueryContext } from "./RecceCheckContext-CiG9fGRW.mjs";
 import { t as DisableTooltipMessages } from "./tooltipMessage-CrXjOmVM.mjs";
 import CssBaseline from "@mui/material/CssBaseline";
 import { ThemeProvider, alpha, useTheme } from "@mui/material/styles";
@@ -115,10 +115,19 @@ import Badge from "@mui/material/Badge";
 */
 function MuiProvider({ children, forcedTheme, enableCssBaseline = false }) {
 	const { resolvedTheme } = useTheme$1();
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => {
+		setMounted(true);
+	}, []);
 	return /* @__PURE__ */ jsxs(ThemeProvider, {
 		theme: useMemo(() => {
+			if (!mounted) return lightTheme;
 			return (forcedTheme ?? resolvedTheme) === "dark" ? darkTheme : lightTheme;
-		}, [forcedTheme, resolvedTheme]),
+		}, [
+			forcedTheme,
+			resolvedTheme,
+			mounted
+		]),
 		children: [enableCssBaseline && /* @__PURE__ */ jsx(CssBaseline, {}), children]
 	});
 }
@@ -531,9 +540,8 @@ const useRun = (runId) => {
 /**
 * Theme-aware color utility hook
 *
-* Provides convenient access to theme-aware colors for components that
-* need to handle both light and dark modes. This centralizes theme-aware
-* color logic to avoid repetitive ternary expressions throughout components.
+* Uses next-themes to determine dark/light mode, which is more reliable
+* when the host app uses MUI CSS variables mode with nested ThemeProviders.
 *
 * @example
 * ```tsx
@@ -553,20 +561,25 @@ const useRun = (runId) => {
 * ```
 */
 function useThemeColors() {
-	const theme = useTheme();
-	const isDark = theme.palette.mode === "dark";
+	const muiTheme = useTheme();
+	const { resolvedTheme } = useTheme$1();
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => {
+		setMounted(true);
+	}, []);
+	const isDark = mounted ? resolvedTheme === "dark" : false;
 	return {
 		isDark,
-		theme,
+		theme: muiTheme,
 		background: {
-			default: theme.palette.background.default,
-			paper: theme.palette.background.paper,
+			default: isDark ? colors.neutral[900] : colors.white,
+			paper: isDark ? colors.neutral[800] : colors.white,
 			subtle: isDark ? colors.neutral[800] : colors.neutral[50],
 			emphasized: isDark ? colors.neutral[700] : colors.neutral[100]
 		},
 		text: {
-			primary: theme.palette.text.primary,
-			secondary: theme.palette.text.secondary,
+			primary: isDark ? colors.neutral[50] : colors.neutral[900],
+			secondary: isDark ? colors.neutral[400] : colors.neutral[600],
 			disabled: isDark ? colors.neutral[500] : colors.neutral[400],
 			inverted: isDark ? colors.neutral[900] : colors.neutral[50]
 		},
@@ -577,16 +590,16 @@ function useThemeColors() {
 		},
 		status: {
 			added: {
-				bg: isDark ? "#1a4d1a" : "#cefece",
-				text: theme.palette.text.primary
+				bg: isDark ? colors.green[900] : colors.green[100],
+				text: isDark ? colors.neutral[50] : colors.neutral[900]
 			},
 			removed: {
-				bg: isDark ? "#5c1f1f" : "#ffc5c5",
-				text: theme.palette.text.primary
+				bg: isDark ? colors.red[950] : colors.red[200],
+				text: isDark ? colors.neutral[50] : colors.neutral[900]
 			},
 			modified: {
-				bg: isDark ? "#5c4a1a" : "#fff3cd",
-				text: theme.palette.text.primary
+				bg: isDark ? colors.yellow[900] : colors.amber[100],
+				text: isDark ? colors.neutral[50] : colors.neutral[900]
 			}
 		},
 		interactive: {
@@ -11719,4 +11732,4 @@ function NavBar() {
 
 //#endregion
 export { NodeSqlView as A, GraphEdge as B, NodeView as C, SqlEditor_default as D, RunStatusAndDate as E, HistoryToggle as F, MuiProvider as G, HSplit as H, GraphNode as I, mui_provider_default as K, ModelRowCount as L, CodeEditor_default as M, SchemaView as N, QueryForm as O, LineageViewTopBar as P, ResourceTypeTag as R, SetupConnectionBanner as S, RunView as T, VSplit as U, GraphColumnNode as V, ErrorBoundary$1 as W, CheckList as _, IdleTimeoutBadge as a, LineagePage as b, ChangeSummary as c, CheckEmptyState as d, CheckDetail as f, CheckBreadcrumb as g, CheckDescription as h, DisplayModeToggle as i, DiffEditor_default as j, EnvInfo as k, RunList as l, LineageDiffView as m, TopBar as n, SummaryView as o, SchemaDiffView as p, RecceVersionBadge as r, SchemaSummary as s, NavBar as t, RunPage as u, QueryPage as v, RunResultPane as w, LineageView as x, SetupConnectionGuide as y, RowCountDiffTag as z };
-//# sourceMappingURL=components-BHxcVq0D.mjs.map
+//# sourceMappingURL=components-DoLZeY_e.mjs.map