@datarecce/ui 0.1.6 → 0.1.9

package/dist/index.js

@@ -3,7 +3,7 @@
 var CssBaseline = require('@mui/material/CssBaseline');
 var styles = require('@mui/material/styles');
 var nextThemes = require('next-themes');
-var React3 = require('react');
+var React12 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var MuiAlert = require('@mui/material/Alert');
 var CircularProgress4 = require('@mui/material/CircularProgress');
@@ -20,14 +20,15 @@ var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var fi = require('react-icons/fi');
 var unified = require('@amplitude/unified');
-var MuiDialog2 = require('@mui/material/Dialog');
-var DialogActions6 = require('@mui/material/DialogActions');
-var DialogContent7 = require('@mui/material/DialogContent');
-var DialogTitle3 = require('@mui/material/DialogTitle');
+var MuiDialog = require('@mui/material/Dialog');
+var DialogActions = require('@mui/material/DialogActions');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogTitle = require('@mui/material/DialogTitle');
 var IconButton2 = require('@mui/material/IconButton');
+var path = require('path');
 var io5 = require('react-icons/io5');
-require('next/link');
-require('lodash/throttle');
+var NextLink = require('next/link');
+var throttle = require('lodash/throttle');
 var navigation = require('next/navigation');
 var Link = require('@mui/material/Link');
 var MuiPopover = require('@mui/material/Popover');
@@ -116,7 +117,7 @@ var CardHeader = require('@mui/material/CardHeader');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
-var React3__default = /*#__PURE__*/_interopDefault(React3);
+var React12__default = /*#__PURE__*/_interopDefault(React12);
 var MuiAlert__default = /*#__PURE__*/_interopDefault(MuiAlert);
 var CircularProgress4__default = /*#__PURE__*/_interopDefault(CircularProgress4);
 var Snackbar__default = /*#__PURE__*/_interopDefault(Snackbar);
@@ -127,11 +128,14 @@ var Button10__default = /*#__PURE__*/_interopDefault(Button10);
 var Divider__default = /*#__PURE__*/_interopDefault(Divider);
 var dagre__default = /*#__PURE__*/_interopDefault(dagre);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
-var MuiDialog2__default = /*#__PURE__*/_interopDefault(MuiDialog2);
-var DialogActions6__default = /*#__PURE__*/_interopDefault(DialogActions6);
-var DialogContent7__default = /*#__PURE__*/_interopDefault(DialogContent7);
-var DialogTitle3__default = /*#__PURE__*/_interopDefault(DialogTitle3);
+var MuiDialog__default = /*#__PURE__*/_interopDefault(MuiDialog);
+var DialogActions__default = /*#__PURE__*/_interopDefault(DialogActions);
+var DialogContent__default = /*#__PURE__*/_interopDefault(DialogContent);
+var DialogTitle__default = /*#__PURE__*/_interopDefault(DialogTitle);
 var IconButton2__default = /*#__PURE__*/_interopDefault(IconButton2);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
+var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 var MuiPopover__default = /*#__PURE__*/_interopDefault(MuiPopover);
 var FormControl__default = /*#__PURE__*/_interopDefault(FormControl);
@@ -968,8 +972,8 @@ var colorAliases = {
   gray: "neutral"
   // Gray is an alias for neutral
 };
-function token(path) {
-  const parts = path.split(".");
+function token(path2) {
+  const parts = path2.split(".");
   if (parts[0] === "colors" && parts.length >= 3) {
     let colorName = parts[1];
     const variant = parts[2];
@@ -1005,7 +1009,7 @@ function MuiProvider({
   enableCssBaseline = false
 }) {
   const { resolvedTheme } = nextThemes.useTheme();
-  const theme = React3.useMemo(() => {
+  const theme = React12.useMemo(() => {
     const mode = forcedTheme ?? resolvedTheme;
     return mode === "dark" ? darkTheme : lightTheme;
   }, [forcedTheme, resolvedTheme]);
@@ -1015,11 +1019,11 @@ function MuiProvider({
   ] });
 }
 var mui_provider_default = MuiProvider;
-var ToasterContext = React3.createContext(null);
+var ToasterContext = React12.createContext(null);
 var toastIdCounter = 0;
 function ToasterProvider({ children }) {
-  const [toasts, setToasts] = React3.useState([]);
-  const createToast = React3.useCallback((options) => {
+  const [toasts, setToasts] = React12.useState([]);
+  const createToast = React12.useCallback((options) => {
     const id = options.id || `toast-${++toastIdCounter}`;
     const newToast = {
       id,
@@ -1034,7 +1038,7 @@ function ToasterProvider({ children }) {
     });
     return id;
   }, []);
-  const dismiss = React3.useCallback((id) => {
+  const dismiss = React12.useCallback((id) => {
     setToasts(
       (prev) => prev.map((t) => t.id === id ? { ...t, open: false } : t)
     );
@@ -1042,7 +1046,7 @@ function ToasterProvider({ children }) {
       setToasts((prev) => prev.filter((t) => t.id !== id));
     }, 300);
   }, []);
-  const update = React3.useCallback((id, options) => {
+  const update = React12.useCallback((id, options) => {
     setToasts(
       (prev) => prev.map((t) => t.id === id ? { ...t, ...options } : t)
     );
@@ -1085,7 +1089,7 @@ function ToasterProvider({ children }) {
   ] });
 }
 function useToaster() {
-  const context = React3.useContext(ToasterContext);
+  const context = React12.useContext(ToasterContext);
   if (!context) {
     throw new Error("useToaster must be used within ToasterProvider");
   }
@@ -1121,8 +1125,8 @@ var toaster = {
   }
 };
 function Toaster() {
-  const [toasts, setToasts] = React3.useState([]);
-  React3.useState(() => {
+  const [toasts, setToasts] = React12.useState([]);
+  React12.useState(() => {
     const unsubscribe = toaster.subscribe((event) => {
       if (event.type === "create" && event.options) {
         const newToast = {
@@ -1226,6 +1230,146 @@ function isLineageGraphNode(node) {
 function isLineageGraphColumnNode(node) {
   return node.type === "lineageGraphColumnNode";
 }
+function buildLineageGraph(base, current, diff) {
+  const nodes = {};
+  const edges = {};
+  const buildNode = (key, from) => {
+    return {
+      id: key,
+      data: {
+        id: key,
+        name: key,
+        from,
+        data: {
+          base: void 0,
+          current: void 0
+        },
+        parents: {},
+        children: {}
+      },
+      type: "lineageGraphNode"
+      // Return as LineageGraphNode for now
+    };
+  };
+  for (const [key, nodeData] of Object.entries(base.nodes)) {
+    nodes[key] = buildNode(key, "base");
+    if (nodeData) {
+      nodes[key].data.data.base = nodeData;
+      nodes[key].data.name = nodeData.name;
+      nodes[key].data.resourceType = nodeData.resource_type;
+      nodes[key].data.packageName = nodeData.package_name;
+    }
+  }
+  for (const [key, nodeData] of Object.entries(current.nodes)) {
+    if (nodes[key]) {
+      nodes[key].data.from = "both";
+    } else {
+      nodes[key] = buildNode(key, "current");
+    }
+    if (nodeData) {
+      nodes[key].data.data.current = current.nodes[key];
+      nodes[key].data.name = nodeData.name;
+      nodes[key].data.resourceType = nodeData.resource_type;
+      nodes[key].data.packageName = nodeData.package_name;
+    }
+  }
+  for (const [child, parents] of Object.entries(base.parent_map)) {
+    for (const parent of parents) {
+      const childNode = nodes[child];
+      const parentNode = nodes[parent];
+      const id = `${parent}_${child}`;
+      if (!childNode || !parentNode) {
+        continue;
+      }
+      edges[id] = {
+        id,
+        source: parentNode.id,
+        target: childNode.id,
+        data: {
+          from: "base"
+        }
+      };
+      const edge = edges[id];
+      childNode.data.parents[parent] = edge;
+      parentNode.data.children[child] = edge;
+    }
+  }
+  for (const [child, parents] of Object.entries(current.parent_map)) {
+    for (const parent of parents) {
+      const childNode = nodes[child];
+      const parentNode = nodes[parent];
+      const id = `${parent}_${child}`;
+      if (!childNode || !parentNode) {
+        continue;
+      }
+      const existingEdge = edges[id];
+      if (existingEdge?.data && edges[id].data) {
+        edges[id].data.from = "both";
+      } else {
+        edges[id] = {
+          id,
+          source: parentNode.id,
+          target: childNode.id,
+          data: {
+            from: "current"
+          }
+        };
+      }
+      const edge = edges[id];
+      childNode.data.parents[parent] = edge;
+      parentNode.data.children[child] = edge;
+    }
+  }
+  const modifiedSet = [];
+  for (const [key, node] of Object.entries(nodes)) {
+    const diffNode = diff?.[key];
+    if (diffNode) {
+      node.data.changeStatus = diffNode.change_status;
+      if (diffNode.change) {
+        node.data.change = {
+          category: diffNode.change.category,
+          columns: diffNode.change.columns
+        };
+      }
+      modifiedSet.push(key);
+    } else if (node.data.from === "base") {
+      node.data.changeStatus = "removed";
+      modifiedSet.push(node.id);
+    } else if (node.data.from === "current") {
+      node.data.changeStatus = "added";
+      modifiedSet.push(node.id);
+    } else {
+      const checksum1 = node.data.data.base?.checksum?.checksum;
+      const checksum2 = node.data.data.current?.checksum?.checksum;
+      if (checksum1 && checksum2 && checksum1 !== checksum2) {
+        node.data.changeStatus = "modified";
+        modifiedSet.push(node.id);
+      }
+    }
+  }
+  for (const [, edge] of Object.entries(edges)) {
+    if (edge.data) {
+      if (edge.data.from === "base") {
+        edge.data.changeStatus = "removed";
+      } else if (edge.data.from === "current") {
+        edge.data.changeStatus = "added";
+      }
+    }
+  }
+  return {
+    nodes,
+    edges,
+    modifiedSet,
+    manifestMetadata: {
+      base: base.manifest_metadata ?? void 0,
+      current: current.manifest_metadata ?? void 0
+    },
+    catalogMetadata: {
+      base: base.catalog_metadata ?? void 0,
+      current: current.catalog_metadata ?? void 0
+    }
+  };
+}
 function selectUpstream(lineageGraph, nodeIds, degree = 1e3) {
   return getNeighborSet(
     nodeIds,
@@ -1581,6 +1725,100 @@ function isHistogramDiffRun(run) {
 // recce-source/js/src/constants/urls.ts
 var RECCE_SUPPORT_CALENDAR_URL = "https://cal.com/team/recce/chat";
 
+// recce-source/js/src/lib/utils/formatTime.ts
+function getTimeComponents(totalSeconds) {
+  const seconds = Math.floor(totalSeconds);
+  return {
+    hours: Math.floor(seconds / 3600),
+    minutes: Math.floor(seconds % 3600 / 60),
+    seconds: seconds % 60
+  };
+}
+function formatCompact({ hours, minutes, seconds }) {
+  if (hours > 0) {
+    return `${hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
+  }
+  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
+function formatVerbose({ hours, minutes, seconds }) {
+  const parts = [];
+  if (hours > 0) {
+    parts.push(`${hours} hour${hours !== 1 ? "s" : ""}`);
+  }
+  if (minutes > 0) {
+    parts.push(`${minutes} min${minutes !== 1 ? "s" : ""}`);
+  }
+  if (hours === 0 && (parts.length === 0 || seconds > 0)) {
+    parts.push(`${seconds} second${seconds !== 1 ? "s" : ""}`);
+  }
+  return parts.join(" ");
+}
+function formatDuration(totalSeconds, style = "verbose") {
+  const components = getTimeComponents(totalSeconds);
+  if (style === "compact") {
+    return formatCompact(components);
+  }
+  return formatVerbose(components);
+}
+function ServerDisconnectedModalContent({
+  connect,
+  idleSeconds
+}) {
+  const isIdleTimeout = idleSeconds !== void 0 && idleSeconds !== null && idleSeconds > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: "Server Disconnected" }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: isIdleTimeout ? /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { children: [
+      "The server has been idle for ",
+      formatDuration(idleSeconds),
+      " and was automatically stopped. Please restart the Recce server to continue."
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "The server connection has been lost. Please restart the Recce server and try again." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button10__default.default,
+      {
+        color: "iochmara",
+        variant: "contained",
+        onClick: () => {
+          connect();
+        },
+        children: "Retry"
+      }
+    ) })
+  ] });
+}
+function RecceInstanceDisconnectedModalContent({
+  shareUrl,
+  mode
+}) {
+  const contents = {
+    "read only": {
+      title: "Share Instance Expired",
+      body: "This Share Instance has expired. Please restart the share instance.",
+      action: "Restart",
+      link: shareUrl
+    },
+    "metadata only": {
+      title: "Preview Instance Expired",
+      body: "This Preview Instance has expired. To browse more, please book a meeting with us.",
+      action: "Contact us",
+      link: RECCE_SUPPORT_CALENDAR_URL
+    }
+  };
+  const content = contents[mode];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: content.title }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: content.body }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: mode === "read only" ? /* @__PURE__ */ jsxRuntime.jsx(NextLink__default.default, { href: content.link, passHref: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", children: content.action }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+      Button10__default.default,
+      {
+        color: "iochmara",
+        variant: "contained",
+        onClick: () => window.open(content.link, "_blank"),
+        children: content.action
+      }
+    ) })
+  ] });
+}
+
 // recce-source/js/src/lib/api/cacheKeys.ts
 var cacheKeys = {
   rowCount: (model) => ["row_count", model],
@@ -1629,8 +1867,77 @@ var defaultValue = {
   shareUrl: void 0,
   sessionId: void 0
 };
-var InstanceInfo = React3.createContext(defaultValue);
-var useRecceInstanceContext = () => React3.useContext(InstanceInfo);
+var InstanceInfo = React12.createContext(defaultValue);
+function RecceInstanceInfoProvider({
+  children
+}) {
+  const { data: instanceInfo, isLoading } = useRecceInstanceInfo();
+  const [featureToggles, setFeatureToggles] = React12.useState(
+    defaultFeatureToggles
+  );
+  const [singleEnv, setSingleEnv] = React12.useState(false);
+  const [authed, setAuthed] = React12.useState(false);
+  const [lifetimeExpiredAt, setLifetimeExpiredAt] = React12.useState();
+  const [shareUrl, setShareUrl] = React12.useState();
+  const [sessionId, setSessionId] = React12.useState();
+  const [prevInstanceInfo, setPrevInstanceInfo] = React12.useState(instanceInfo);
+  if (!isLoading && instanceInfo && instanceInfo !== prevInstanceInfo) {
+    setPrevInstanceInfo(instanceInfo);
+    setSingleEnv(instanceInfo.single_env);
+    setAuthed(instanceInfo.authed);
+    setShareUrl(instanceInfo.share_url);
+    setSessionId(instanceInfo.session_id);
+    if (instanceInfo.lifetime_expired_at) {
+      setLifetimeExpiredAt(new Date(instanceInfo.lifetime_expired_at));
+      console.log("lifetime expired at", instanceInfo.lifetime_expired_at);
+    }
+    const toggles = { ...defaultFeatureToggles };
+    if (instanceInfo.server_mode === "read-only") {
+      toggles.mode = "read only";
+      toggles.disableSaveToFile = true;
+      toggles.disableExportStateFile = true;
+      toggles.disableImportStateFile = true;
+      toggles.disableUpdateChecklist = true;
+      toggles.disableDatabaseQuery = true;
+      toggles.disableViewActionDropdown = true;
+      toggles.disableNodeActionDropdown = true;
+      toggles.disableShare = true;
+    } else if (instanceInfo.server_mode === "preview") {
+      toggles.mode = "metadata only";
+      toggles.disableSaveToFile = true;
+      toggles.disableExportStateFile = true;
+      toggles.disableImportStateFile = true;
+      toggles.disableUpdateChecklist = false;
+      toggles.disableDatabaseQuery = true;
+      toggles.disableViewActionDropdown = false;
+      toggles.disableNodeActionDropdown = false;
+      toggles.disableShare = true;
+    }
+    if (instanceInfo.single_env) {
+      toggles.disableUpdateChecklist = true;
+      toggles.disableShare = true;
+    }
+    if (instanceInfo.cloud_instance) {
+      toggles.disableShare = true;
+    }
+    setFeatureToggles(toggles);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InstanceInfo.Provider,
+    {
+      value: {
+        featureToggles,
+        singleEnv,
+        authed,
+        lifetimeExpiredAt,
+        shareUrl,
+        sessionId
+      },
+      children
+    }
+  );
+}
+var useRecceInstanceContext = () => React12.useContext(InstanceInfo);
 
 // recce-source/js/src/lib/api/flag.ts
 async function getServerFlag() {
@@ -1774,9 +2081,246 @@ async function aggregateRuns() {
   const response = await axiosClient.post(`/api/runs/aggregate`, {});
   return response.data;
 }
-React3.createContext(
+
+// recce-source/js/src/lib/api/keepAlive.ts
+function isDebugEnabled() {
+  return typeof window !== "undefined" && !!window.RECCE_DEBUG_IDLE;
+}
+var MIN_KEEP_ALIVE_INTERVAL_MS = 3 * 1e3;
+var lastKeepAliveTime = 0;
+var isSending = false;
+var onKeepAliveSuccess = null;
+function setKeepAliveCallback(callback) {
+  onKeepAliveSuccess = callback;
+}
+async function sendKeepAlive() {
+  const now = Date.now();
+  const elapsed = now - lastKeepAliveTime;
+  if (elapsed < MIN_KEEP_ALIVE_INTERVAL_MS) {
+    return false;
+  }
+  if (isSending) {
+    return false;
+  }
+  try {
+    isSending = true;
+    await axiosClient.post("/api/keep-alive");
+    lastKeepAliveTime = Date.now();
+    if (onKeepAliveSuccess) {
+      onKeepAliveSuccess(lastKeepAliveTime);
+    }
+    return true;
+  } catch (error) {
+    if (isDebugEnabled()) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      console.log("[Keep-Alive] Failed to send", {
+        error: errorMessage,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        willRetryOnNextActivity: true
+      });
+    }
+    return false;
+  } finally {
+    isSending = false;
+  }
+}
+function getLastKeepAliveTime() {
+  return lastKeepAliveTime;
+}
+function isDebugEnabled2() {
+  return typeof window !== "undefined" && !!window.RECCE_DEBUG_IDLE;
+}
+function debugLog(message, data) {
+  if (isDebugEnabled2()) {
+    if (data) {
+      console.log(message, data);
+    } else {
+      console.log(message);
+    }
+  }
+}
+var IDLE_DETECTION_CONFIG = {
+  /** Events to listen for user activity */
+  ACTIVITY_EVENTS: ["focus", "mousemove", "keydown", "scroll"],
+  /**
+   * Throttle event handler execution to reduce JS overhead (150ms).
+   * Uses lodash.throttle with { leading: true, trailing: true } to ensure
+   * immediate response on first activity (leading) and also capture the final
+   * event in a burst (trailing), which is important for user experience.
+   */
+  EVENT_THROTTLE_MS: 150
+};
+function useIdleDetection() {
+  const { data: instanceInfo, isLoading, isError } = useRecceInstanceInfo();
+  const idleTimeoutContext = useIdleTimeoutSafe();
+  const isDisconnected = idleTimeoutContext?.isDisconnected ?? false;
+  const idleTimeout = instanceInfo?.idle_timeout;
+  const isEnabled = idleTimeout !== void 0 && idleTimeout > 0 && !isDisconnected;
+  debugLog("[Idle Detection] Instance info", {
+    isLoading,
+    isError,
+    hasIdleTimeout: idleTimeout !== void 0,
+    idleTimeout: idleTimeout !== void 0 ? `${idleTimeout}s` : "not configured",
+    isDisconnected,
+    isEnabled
+  });
+  const sendKeepAliveNow = React12.useCallback(async () => {
+    if (document.hidden) return;
+    const sent = await sendKeepAlive();
+    if (sent) {
+      debugLog("[Idle Detection] Keep-alive sent successfully", {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+    }
+  }, []);
+  const handleActivity = React12.useCallback(
+    (event) => {
+      if (isEnabled && !document.hidden) {
+        debugLog("[Idle Detection] Activity detected", {
+          event: event.type,
+          tabActive: !document.hidden
+        });
+        void sendKeepAliveNow();
+      }
+    },
+    [isEnabled, sendKeepAliveNow]
+  );
+  const handleVisibilityChange = React12.useCallback(() => {
+    if (!isEnabled) return;
+    if (!document.hidden) {
+      debugLog("[Idle Detection] Tab became active", {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      void sendKeepAliveNow();
+    }
+  }, [isEnabled, sendKeepAliveNow]);
+  const throttledHandler = React12.useMemo(
+    () => throttle__default.default(handleActivity, IDLE_DETECTION_CONFIG.EVENT_THROTTLE_MS, {
+      leading: true,
+      trailing: true
+    }),
+    [handleActivity]
+  );
+  React12.useEffect(() => {
+    if (!isEnabled) {
+      debugLog("[Idle Detection] Disabled", {
+        idleTimeout,
+        reason: idleTimeout === void 0 ? "idle_timeout not configured on server" : idleTimeout === 0 ? "idle_timeout is 0" : "disconnected"
+      });
+      return;
+    }
+    debugLog("[Idle Detection] Initialized", {
+      enabled: true,
+      idleTimeout: `${idleTimeout}s`,
+      eventThrottle: `${IDLE_DETECTION_CONFIG.EVENT_THROTTLE_MS}ms`,
+      apiThrottle: "3s (axios layer)",
+      monitoredEvents: IDLE_DETECTION_CONFIG.ACTIVITY_EVENTS.join(", ")
+    });
+    IDLE_DETECTION_CONFIG.ACTIVITY_EVENTS.forEach((eventType) => {
+      window.addEventListener(eventType, throttledHandler, { passive: true });
+    });
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      debugLog("[Idle Detection] Cleanup - removing event listeners");
+      IDLE_DETECTION_CONFIG.ACTIVITY_EVENTS.forEach((eventType) => {
+        window.removeEventListener(eventType, throttledHandler);
+      });
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      throttledHandler.cancel();
+    };
+  }, [isEnabled, throttledHandler, handleVisibilityChange, idleTimeout]);
+}
+var IdleTimeoutContext = React12.createContext(
   void 0
 );
+function IdleTimeoutProvider({ children }) {
+  const { data: instanceInfo } = useRecceInstanceInfo();
+  const lastServerSyncRef = React12.useRef(Date.now());
+  const [remainingSeconds, setRemainingSeconds] = React12.useState(null);
+  const [isDisconnected, setIsDisconnected] = React12.useState(false);
+  const idleTimeout = instanceInfo?.idle_timeout ?? null;
+  const isEnabled = idleTimeout !== null && idleTimeout > 0;
+  const isEnabledRef = React12.useRef(isEnabled);
+  React12.useEffect(() => {
+    isEnabledRef.current = isEnabled;
+  }, [isEnabled]);
+  React12.useEffect(() => {
+    if (!isEnabled) {
+      setKeepAliveCallback(null);
+      return;
+    }
+    setKeepAliveCallback((timestamp) => {
+      if (isEnabledRef.current) {
+        lastServerSyncRef.current = timestamp;
+      }
+    });
+    const currentTime = getLastKeepAliveTime();
+    if (currentTime > 0) {
+      lastServerSyncRef.current = currentTime;
+    }
+    return () => {
+      setKeepAliveCallback(null);
+    };
+  }, [isEnabled]);
+  const setDisconnected = React12.useCallback(() => {
+    setIsDisconnected(true);
+  }, []);
+  const resetConnection = React12.useCallback(() => {
+    setIsDisconnected(false);
+    lastServerSyncRef.current = Date.now();
+  }, []);
+  React12.useEffect(() => {
+    if (!isEnabled || idleTimeout === null) {
+      setRemainingSeconds(null);
+      return;
+    }
+    if (isDisconnected) {
+      return;
+    }
+    const updateCountdown = () => {
+      const now = Date.now();
+      const elapsedSeconds = (now - lastServerSyncRef.current) / 1e3;
+      const remaining = Math.max(0, idleTimeout - elapsedSeconds);
+      setRemainingSeconds(remaining);
+    };
+    updateCountdown();
+    const intervalId = setInterval(updateCountdown, 1e3);
+    return () => {
+      clearInterval(intervalId);
+    };
+  }, [isEnabled, idleTimeout, isDisconnected]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    IdleTimeoutContext.Provider,
+    {
+      value: {
+        remainingSeconds,
+        idleTimeout,
+        isEnabled,
+        setDisconnected,
+        resetConnection,
+        isDisconnected
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IdleDetector, {}),
+        children
+      ]
+    }
+  );
+}
+function IdleDetector() {
+  useIdleDetection();
+  return null;
+}
+function useIdleTimeout() {
+  const context = React12.useContext(IdleTimeoutContext);
+  if (!context) {
+    throw new Error("useIdleTimeout must be used within IdleTimeoutProvider");
+  }
+  return context;
+}
+function useIdleTimeoutSafe() {
+  return React12.useContext(IdleTimeoutContext) ?? null;
+}
 var useRecceServerFlag = () => {
   return reactQuery.useQuery({
     queryKey: cacheKeys.flag(),
@@ -1787,8 +2331,284 @@ var defaultLineageGraphsContext = {
   isActionAvailable: () => true,
   isDemoSite: false
 };
-var LineageGraphContext = React3.createContext(defaultLineageGraphsContext);
-var useLineageGraphContext = () => React3.useContext(LineageGraphContext);
+var LineageGraphContext = React12.createContext(defaultLineageGraphsContext);
+function useLineageWatcher() {
+  const [artifactsUpdatedToastId, setArtifactsUpdatedToastId] = React12.useState(void 0);
+  const ref = React12.useRef({
+    ws: void 0,
+    status: "pending",
+    artifactsUpdatedToastId: void 0
+  });
+  const [status, setStatus] = React12.useState("pending");
+  const [envStatus, setEnvStatus] = React12.useState(void 0);
+  React12.useEffect(() => {
+    ref.current.status = status;
+  }, [status]);
+  React12.useEffect(() => {
+    ref.current.artifactsUpdatedToastId = artifactsUpdatedToastId;
+  }, [artifactsUpdatedToastId]);
+  const queryClient = reactQuery.useQueryClient();
+  const invalidateCaches = React12.useCallback(() => {
+    void queryClient.invalidateQueries({ queryKey: cacheKeys.lineage() });
+    void queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
+    void queryClient.invalidateQueries({ queryKey: cacheKeys.runs() });
+  }, [queryClient]);
+  const connect = React12.useCallback(() => {
+    function httpUrlToWebSocketUrl(url) {
+      return url.replace(/(http)(s)?:\/\//, "ws$2://");
+    }
+    const ws = new WebSocket(`${httpUrlToWebSocketUrl(PUBLIC_API_URL)}/api/ws`);
+    ref.current.ws = ws;
+    ws.onopen = () => {
+      ws.send("ping");
+    };
+    ws.onmessage = (event) => {
+      if (event.data === "pong") {
+        if (ref.current.status === "disconnected") {
+          invalidateCaches();
+        }
+        setStatus("connected");
+        return;
+      }
+      try {
+        const data = JSON.parse(event.data);
+        if (data.command === "refresh") {
+          const { eventType, srcPath } = data.event;
+          const [targetName, fileName] = srcPath.split("/").slice(-2);
+          const name = path__default.default.parse(fileName).name;
+          const eventId = `${targetName}-${name}-${eventType}`;
+          if (ref.current.artifactsUpdatedToastId == null) {
+            setArtifactsUpdatedToastId(
+              toaster.create({
+                id: eventId,
+                description: `Detected ${targetName} ${name} ${eventType}`,
+                type: "info",
+                duration: 5e3,
+                closable: true
+              })
+            );
+          }
+          invalidateCaches();
+        } else if (data.command === "relaunch") {
+          setEnvStatus("relaunch");
+        } else {
+          const { id, title, description, status: status2, duration } = data.event;
+          setArtifactsUpdatedToastId(
+            toaster.create({
+              id: id || "broadcast",
+              title,
+              description,
+              type: status2 ?? "info",
+              duration: duration ?? 5e3,
+              closable: true
+            })
+          );
+        }
+      } catch (err) {
+        console.error(err);
+      }
+    };
+    ws.onerror = (err) => {
+      console.error("An error occurred during Handling WebSockets", err);
+    };
+    ws.onclose = () => {
+      setStatus((status2) => {
+        if (status2 === "connected") {
+          return "disconnected";
+        }
+        return status2;
+      });
+      ref.current.ws = void 0;
+    };
+  }, [invalidateCaches]);
+  React12.useEffect(() => {
+    const refObj = ref.current;
+    connect();
+    return () => {
+      if (refObj.ws) {
+        refObj.ws.close();
+      }
+    };
+  }, [connect]);
+  return {
+    connectionStatus: status,
+    connect,
+    envStatus
+  };
+}
+function LineageGraphContextProvider({ children }) {
+  const {
+    idleTimeout,
+    remainingSeconds,
+    isEnabled,
+    setDisconnected,
+    resetConnection
+  } = useIdleTimeout();
+  const queryServerInfo = reactQuery.useQuery({
+    queryKey: cacheKeys.lineage(),
+    queryFn: getServerInfo
+  });
+  const queryRunAggregated = reactQuery.useQuery({
+    queryKey: cacheKeys.runsAggregated(),
+    queryFn: aggregateRuns
+  });
+  const lineageGraph = React12.useMemo(() => {
+    const lineage2 = queryServerInfo.data?.lineage;
+    if (!lineage2?.base) {
+      return void 0;
+    }
+    return buildLineageGraph(lineage2.base, lineage2.current, lineage2.diff);
+  }, [queryServerInfo.data]);
+  const errorMessage = queryServerInfo.error?.message;
+  const {
+    state_metadata: stateMetadata2,
+    lineage,
+    sqlmesh,
+    demo: isDemoSite,
+    codespace: isCodespace,
+    review_mode: reviewMode,
+    cloud_mode: cloudMode,
+    file_mode: fileMode,
+    filename: fileName,
+    adapter_type: adapterType,
+    git,
+    pull_request: pullRequest,
+    support_tasks: supportTasks
+  } = queryServerInfo.data ?? {
+    demo: false
+  };
+  const dbtBase = lineage?.base.manifest_metadata;
+  const dbtCurrent = lineage?.current.manifest_metadata;
+  const envInfo = {
+    stateMetadata: stateMetadata2,
+    adapterType,
+    git,
+    pullRequest,
+    dbt: {
+      base: dbtBase,
+      current: dbtCurrent
+    },
+    sqlmesh
+  };
+  const { connectionStatus, connect, envStatus } = useLineageWatcher();
+  React12.useEffect(() => {
+    if (connectionStatus === "disconnected") {
+      setDisconnected();
+    } else if (connectionStatus === "connected") {
+      resetConnection();
+    }
+  }, [connectionStatus, setDisconnected, resetConnection]);
+  const { data: flags, isLoading } = useRecceServerFlag();
+  const { featureToggles, shareUrl } = useRecceInstanceContext();
+  const [relaunchHintOpen, setRelaunchHintOpen] = React12.useState(false);
+  const [prevRelaunchCondition, setPrevRelaunchCondition] = React12.useState(false);
+  const queryClient = reactQuery.useQueryClient();
+  const isActionAvailable = React12.useCallback(
+    (name) => {
+      if (supportTasks) {
+        return supportTasks[name] ?? true;
+      }
+      return true;
+    },
+    [supportTasks]
+  );
+  const shouldShowRelaunch = !isLoading && envStatus === "relaunch" && flags?.single_env_onboarding === true && flags.show_relaunch_hint;
+  if (shouldShowRelaunch !== prevRelaunchCondition) {
+    setPrevRelaunchCondition(shouldShowRelaunch);
+    setRelaunchHintOpen(shouldShowRelaunch);
+  }
+  React12.useEffect(() => {
+    if (shouldShowRelaunch && relaunchHintOpen) {
+      trackSingleEnvironment({ action: "target_base_added" });
+    }
+  }, [shouldShowRelaunch, relaunchHintOpen]);
+  const handleRelaunchClose = () => {
+    setRelaunchHintOpen(false);
+    void markRelaunchHintCompleted();
+    void queryClient.invalidateQueries({ queryKey: cacheKeys.flag() });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LineageGraphContext.Provider,
+      {
+        value: {
+          lineageGraph,
+          retchLineageGraph: () => {
+            void queryRunAggregated.refetch();
+          },
+          envInfo,
+          reviewMode,
+          cloudMode,
+          fileMode,
+          fileName,
+          isDemoSite,
+          isCodespace,
+          error: errorMessage,
+          supportTasks,
+          isActionAvailable,
+          isLoading: queryServerInfo.isLoading,
+          runsAggregated: queryRunAggregated.data,
+          refetchRunsAggregated: () => {
+            void queryRunAggregated.refetch();
+          }
+        },
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MuiDialog__default.default,
+      {
+        open: connectionStatus === "disconnected",
+        onClose: () => void 0,
+        children: shareUrl && featureToggles.mode !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+          RecceInstanceDisconnectedModalContent,
+          {
+            shareUrl,
+            mode: featureToggles.mode
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          ServerDisconnectedModalContent,
+          {
+            connect,
+            idleSeconds: (
+              // Only show idle time if disconnected due to idle timeout
+              // (idle timeout enabled AND remaining time was near zero)
+              isEnabled && idleTimeout !== null && remainingSeconds !== null && remainingSeconds <= 5 ? idleTimeout - Math.max(0, remainingSeconds) : void 0
+            )
+          }
+        )
+      }
+    ),
+    flags?.single_env_onboarding && /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { open: relaunchHintOpen, onClose: handleRelaunchClose, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: "Target-base Added" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton2__default.default,
+        {
+          "aria-label": "close",
+          onClick: handleRelaunchClose,
+          sx: {
+            position: "absolute",
+            right: 8,
+            top: 8,
+            color: "grey.500"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Please restart the Recce server." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button10__default.default,
+        {
+          color: "iochmara",
+          variant: "contained",
+          onClick: handleRelaunchClose,
+          children: "Got it!"
+        }
+      ) })
+    ] })
+  ] });
+}
+var useLineageGraphContext = () => React12.useContext(LineageGraphContext);
 var useRunsAggregated = () => {
   const { runsAggregated, refetchRunsAggregated } = useLineageGraphContext();
   return [runsAggregated, refetchRunsAggregated];
@@ -1958,13 +2778,13 @@ var RunModal = ({
   params: defaultParams,
   RunForm
 }) => {
-  const [params, setParams] = React3.useState(
+  const [params, setParams] = React12.useState(
     defaultParams ?? {}
   );
-  const [anchorEl, setAnchorEl] = React3.useState(null);
-  const [isReadyToExecute, setIsReadyToExecute] = React3.useState(false);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
+  const [isReadyToExecute, setIsReadyToExecute] = React12.useState(false);
   const documentationUrl = getDocumentationUrl(type);
-  const executeClicked = React3.useRef(false);
+  const executeClicked = React12.useRef(false);
   const handleClose = () => {
     if (!executeClicked.current && isExploreAction(type)) {
       trackExploreActionForm({
@@ -1976,7 +2796,7 @@ var RunModal = ({
     onClose();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    MuiDialog2__default.default,
+    MuiDialog__default.default,
     {
       open: isOpen,
       onClose: handleClose,
@@ -1987,7 +2807,7 @@ var RunModal = ({
         paper: { sx: { height: "75%", minHeight: "400px" } }
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle3__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
           title,
           " ",
           documentationUrl && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2061,7 +2881,7 @@ var RunModal = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          DialogContent7__default.default,
+          DialogContent__default.default,
           {
             sx: {
               p: 0,
@@ -2079,7 +2899,7 @@ var RunModal = ({
             ) })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { direction: "row", spacing: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(
           Button10__default.default,
           {
             disabled: !isReadyToExecute,
@@ -2131,17 +2951,17 @@ var useModelColumns = (model) => {
       name: model
     }
   });
-  const nodeColumns = React3.useMemo(() => {
+  const nodeColumns = React12.useMemo(() => {
     return node ? extractColumns(node) : [];
   }, [node]);
-  const [columns, setColumns] = React3.useState([]);
-  const [primaryKey, setPrimaryKey] = React3.useState();
-  const [isLoading, setIsLoading] = React3.useState(true);
-  const [error, setError] = React3.useState(null);
-  const [prevNodeColumns, setPrevNodeColumns] = React3.useState([]);
-  const [prevNodeId, setPrevNodeId] = React3.useState(node?.id);
+  const [columns, setColumns] = React12.useState([]);
+  const [primaryKey, setPrimaryKey] = React12.useState();
+  const [isLoading, setIsLoading] = React12.useState(true);
+  const [error, setError] = React12.useState(null);
+  const [prevNodeColumns, setPrevNodeColumns] = React12.useState([]);
+  const [prevNodeId, setPrevNodeId] = React12.useState(node?.id);
   const nodePrimaryKey = node ? node.data.data.current?.primary_key : void 0;
-  const fetchData = React3.useCallback(async () => {
+  const fetchData = React12.useCallback(async () => {
     if (!node) {
       return;
     }
@@ -2172,7 +2992,7 @@ var useModelColumns = (model) => {
       setIsLoading(false);
     }
   }
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (nodeColumns.length === 0 && node?.id !== void 0) {
       fetchData().catch((e) => {
         console.error(e);
@@ -2556,7 +3376,7 @@ function formatDisplayedBinItem(binEdges, currentIndex) {
   const formattedEnd = formatAsAbbreviatedNumber(endEdge);
   return `${formattedStart} - ${formattedEnd}`;
 }
-var ScreenshotBox = React3.forwardRef(
+var ScreenshotBox = React12.forwardRef(
   ({
     backgroundColor = "white",
     blockSize,
@@ -2616,18 +3436,18 @@ function _HistogramDiffResultView({ run }, ref) {
     /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } })
   ] }) }) });
 }
-var HistogramDiffResultView = React3.forwardRef(_HistogramDiffResultView);
+var HistogramDiffResultView = React12.forwardRef(_HistogramDiffResultView);
 function ProfileDiffForm({
   params,
   onParamsChanged,
   setIsReadyToExecute
 }) {
-  const [allColumns, setAllColumns] = React3.useState(
+  const [allColumns, setAllColumns] = React12.useState(
     !params.columns || params.columns.length === 0
   );
   const model = params.model;
   const { columns, isLoading, error } = useModelColumns_default(params.model);
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     setIsReadyToExecute(!!model);
   }, [model, setIsReadyToExecute]);
   const columnNames = columns.map((c) => c.name);
@@ -2897,7 +3717,7 @@ function DataFrameColumnGroupHeader({
   onPinnedColumnsChange,
   onColumnsRenderModeChanged
 }) {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const menuOpen = Boolean(anchorEl);
   const handleMenuClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -3020,7 +3840,7 @@ function DataFrameColumnHeader({
   columnType,
   onColumnsRenderModeChanged
 }) {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const menuOpen = Boolean(anchorEl);
   const handleMenuClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -3367,7 +4187,7 @@ var DiffText = ({
   noCopy,
   fontSize
 }) => {
-  const [isHovered, setIsHovered] = React3.useState(false);
+  const [isHovered, setIsHovered] = React12.useState(false);
   const textColor = colors[colorPalette][800];
   const bgColor = colors[colorPalette][100];
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4419,9 +5239,9 @@ function toRowCountDiffDataGrid(result) {
   ];
   return { columns, rows };
 }
-var LineageViewContext = React3.createContext(void 0);
+var LineageViewContext = React12.createContext(void 0);
 var useLineageViewContextSafe = () => {
-  const context = React3.useContext(LineageViewContext);
+  const context = React12.useContext(LineageViewContext);
   if (!context) {
     throw new Error(
       "useLineageViewContext must be used within a LineageViewProvider"
@@ -4430,7 +5250,7 @@ var useLineageViewContextSafe = () => {
   return context;
 };
 var useLineageViewContext = () => {
-  return React3.useContext(LineageViewContext);
+  return React12.useContext(LineageViewContext);
 };
 function ColumnNameCell({
   model,
@@ -4444,7 +5264,7 @@ function ColumnNameCell({
   const { featureToggles } = useRecceInstanceContext();
   const { name, baseType, currentType, baseIndex, currentIndex } = row;
   const columnType = currentType ?? baseType;
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const menuOpen = Boolean(anchorEl);
   const handleMenuClick = (event) => {
     event.stopPropagation();
@@ -4643,7 +5463,7 @@ function renderIndexCell(params) {
   const value = isRemoved ? baseIndex !== void 0 ? baseIndex : "-" : currentIndex !== void 0 ? currentIndex : "-";
   return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
 }
-var MemoizedRenderIndexCell = React3__default.default.memo(renderIndexCell);
+var MemoizedRenderIndexCell = React12__default.default.memo(renderIndexCell);
 MemoizedRenderIndexCell.displayName = "MemoizedRenderIndexCell";
 function renderTypeCell(params) {
   if (!params.data) {
@@ -4676,7 +5496,7 @@ function renderTypeCell(params) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("span", { children: isRemoved ? baseType : currentType });
 }
-var MemoizedRenderTypeCell = React3__default.default.memo(renderTypeCell);
+var MemoizedRenderTypeCell = React12__default.default.memo(renderTypeCell);
 MemoizedRenderTypeCell.displayName = "MemoizedRenderTypeCell";
 
 // recce-source/js/src/lib/dataGrid/generators/toSchemaDataGrid.ts
@@ -4809,7 +5629,7 @@ function ValueDiffColumnNameCell({
 }) {
   const { runAction } = useRecceActionContext();
   const { featureToggles } = useRecceInstanceContext();
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const menuOpen = Boolean(anchorEl);
   const handleMenuClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -5281,9 +6101,9 @@ function _ScreenshotDataGrid({
   renderers,
   ...props
 }, ref) {
-  const containerRef = React3.useRef(null);
-  const gridApiRef = React3.useRef(null);
-  React3.useImperativeHandle(
+  const containerRef = React12.useRef(null);
+  const gridApiRef = React12.useRef(null);
+  React12.useImperativeHandle(
     ref,
     () => ({
       api: gridApiRef.current,
@@ -5291,11 +6111,11 @@ function _ScreenshotDataGrid({
     }),
     []
   );
-  const theme = React3.useMemo(() => recceGridThemeLight, []);
+  const theme = React12.useMemo(() => recceGridThemeLight, []);
   const resolvedColumnDefs = columnDefs ?? columns;
   const resolvedRowData = rowData ?? rows;
   const resolvedDefaultColDef = defaultColDef ?? defaultColumnOptions;
-  const mergedDefaultColDef = React3.useMemo(
+  const mergedDefaultColDef = React12.useMemo(
     () => ({
       resizable: true,
       suppressMovable: true,
@@ -5303,11 +6123,11 @@ function _ScreenshotDataGrid({
     }),
     [resolvedDefaultColDef]
   );
-  const noRowsOverlayComponent = React3.useMemo(() => {
+  const noRowsOverlayComponent = React12.useMemo(() => {
     if (!renderers?.noRowsFallback) return void 0;
     return () => renderers.noRowsFallback;
   }, [renderers?.noRowsFallback]);
-  const resolvedGetRowId = React3.useMemo(() => {
+  const resolvedGetRowId = React12.useMemo(() => {
     if (getRowId) return getRowId;
     return (params) => {
       const data = params.data;
@@ -5318,7 +6138,7 @@ function _ScreenshotDataGrid({
       return String(index ?? Math.random());
     };
   }, [getRowId]);
-  const gridKey = React3.useMemo(() => {
+  const gridKey = React12.useMemo(() => {
     if (!resolvedColumnDefs) return "grid";
     const pinnedFields = resolvedColumnDefs.filter(
       (col) => "field" in col && col.pinned === "left"
@@ -5410,7 +6230,7 @@ function _ScreenshotDataGrid({
     }
   );
 }
-var ScreenshotDataGrid = React3.forwardRef(_ScreenshotDataGrid);
+var ScreenshotDataGrid = React12.forwardRef(_ScreenshotDataGrid);
 var ToggleSwitch = ({
   value,
   onChange,
@@ -5529,15 +6349,15 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
   if (!isProfileDiffRun(run)) {
     throw new Error("Only run type profile_diff is supported");
   }
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const displayMode = React3.useMemo(
+  const displayMode = React12.useMemo(
     () => viewOptions?.display_mode ?? "inline",
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => ({
       distinct_proportion: "percent",
       not_null_proportion: "percent",
@@ -5545,7 +6365,7 @@ var PrivateProfileDiffResultView = ({ run, viewOptions, onViewOptionsChanged },
     }),
     [viewOptions]
   );
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -5638,11 +6458,11 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
   if (!isProfileRun(run)) {
     throw new Error("Only run type profile_diff is supported");
   }
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => ({
       distinct_proportion: "percent",
       not_null_proportion: "percent",
@@ -5650,7 +6470,7 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
     }),
     [viewOptions]
   );
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -5721,8 +6541,8 @@ var PrivateProfileResultView = ({ run, viewOptions, onViewOptionsChanged }, ref)
     }
   );
 };
-var ProfileDiffResultView = React3.forwardRef(PrivateProfileDiffResultView);
-var ProfileResultView = React3.forwardRef(PrivateProfileResultView);
+var ProfileDiffResultView = React12.forwardRef(PrivateProfileDiffResultView);
+var ProfileResultView = React12.forwardRef(PrivateProfileResultView);
 var ChangedOnlyCheckbox = ({
   changedOnly,
   onChange
@@ -5755,30 +6575,30 @@ var PrivateQueryDiffResultView = ({
   baseTitle,
   currentTitle
 }, ref) => {
-  const primaryKeys = React3.useMemo(
+  const primaryKeys = React12.useMemo(
     () => viewOptions?.primary_keys ?? [],
     [viewOptions]
   );
-  const changedOnly = React3.useMemo(
+  const changedOnly = React12.useMemo(
     () => viewOptions?.changed_only ?? false,
     [viewOptions]
   );
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const displayMode = React3.useMemo(
+  const displayMode = React12.useMemo(
     () => viewOptions?.display_mode ?? "inline",
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => viewOptions?.columnsRenderMode ?? {},
     [viewOptions]
   );
   if (run.type !== "query_diff") {
     throw new Error("QueryDiffResult view should be rendered as query_diff");
   }
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -5830,7 +6650,7 @@ var PrivateQueryDiffResultView = ({
     currentTitle,
     columnsRenderMode
   ]);
-  const warningPKey = React3.useMemo(() => {
+  const warningPKey = React12.useMemo(() => {
     const pkName = primaryKeys.join(", ");
     if (gridData.invalidPKeyBase && gridData.invalidPKeyCurrent) {
       return `Warning: The primary key '${pkName}' is not unique in the base and current environments`;
@@ -5945,23 +6765,23 @@ var PrivateQueryDiffJoinResultView = ({
   if (run.type !== "query_diff") {
     throw new Error("QueryDiffResult view should be rendered as query_diff");
   }
-  const changedOnly = React3.useMemo(
+  const changedOnly = React12.useMemo(
     () => viewOptions?.changed_only ?? false,
     [viewOptions]
   );
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const displayMode = React3.useMemo(
+  const displayMode = React12.useMemo(
     () => viewOptions?.display_mode ?? "inline",
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => viewOptions?.columnsRenderMode ?? {},
     [viewOptions]
   );
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -6131,11 +6951,11 @@ var PrivateQueryDiffJoinResultView = ({
     }
   );
 };
-var QueryDiffResultViewWithRef = React3.forwardRef(PrivateQueryDiffResultView);
-var QueryDiffJoinResultViewWithRef = React3.forwardRef(
+var QueryDiffResultViewWithRef = React12.forwardRef(PrivateQueryDiffResultView);
+var QueryDiffJoinResultViewWithRef = React12.forwardRef(
   PrivateQueryDiffJoinResultView
 );
-var QueryDiffResultView = React3.forwardRef(
+var QueryDiffResultView = React12.forwardRef(
   (props, ref) => {
     let baseTitle;
     let currentTitle;
@@ -6175,16 +6995,16 @@ var PrivateQueryResultView = ({
   if (!(isQueryRun(run) || isQueryBaseRun(run))) {
     throw new Error("run type must be query");
   }
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => viewOptions?.columnsRenderMode ?? {},
     [viewOptions]
   );
   const dataframe = run.result;
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -6294,12 +7114,12 @@ var PrivateQueryResultView = ({
     )
   ] });
 };
-var QueryResultView = React3.forwardRef(PrivateQueryResultView);
+var QueryResultView = React12.forwardRef(PrivateQueryResultView);
 function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
   if (!typeGuard(run)) {
     throw new Error(`Run type must be ${expectedType}`);
   }
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     return createDataGrid(run) ?? { columns: [], rows: [] };
   }, [run]);
   if (gridData.rows.length === 0) {
@@ -6335,7 +7155,7 @@ function _RowCountGridView({ run, typeGuard, expectedType }, ref) {
     }
   ) });
 }
-var RowCountGridView = React3.forwardRef(_RowCountGridView);
+var RowCountGridView = React12.forwardRef(_RowCountGridView);
 function _RowCountDiffResultView({ run }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RowCountGridView,
@@ -6358,8 +7178,8 @@ function _RowCountResultView({ run }, ref) {
     }
   );
 }
-var RowCountDiffResultView = React3.forwardRef(_RowCountDiffResultView);
-var RowCountResultView = React3.forwardRef(_RowCountResultView);
+var RowCountDiffResultView = React12.forwardRef(_RowCountDiffResultView);
+var RowCountResultView = React12.forwardRef(_RowCountResultView);
 function TopKDiffForm({
   params,
   onParamsChanged,
@@ -6367,7 +7187,7 @@ function TopKDiffForm({
 }) {
   const { columns, isLoading, error } = useModelColumns_default(params.model);
   const columnNames = columns.map((c) => c.name);
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     setIsReadyToExecute(!!params.column_name);
   }, [params, setIsReadyToExecute]);
   if (isLoading) {
@@ -6496,7 +7316,7 @@ function TopKSummaryBarChart({
       if (current.isLastItemOthers && current.count === 0 && base.count === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
       }
-      return /* @__PURE__ */ jsxRuntime.jsxs(React3.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React12.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(TopKChartTooltip, { base, current, children: /* @__PURE__ */ jsxRuntime.jsxs(
           Box34__default.default,
           {
@@ -6621,7 +7441,7 @@ function TopKSummaryList({ topk, valids, isDisplayTopTen }) {
     const topkLabel = isLastItemOthers ? "(others)" : catName || "(empty)";
     const displayTopkCount = formatAsAbbreviatedNumber(topkCount);
     const displayTopkRatio = formatIntervalMinMax(topkCount / valids);
-    return /* @__PURE__ */ jsxRuntime.jsx(React3.Fragment, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(React12.Fragment, { children: !isLastItemOthers || topkCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Box34__default.default,
         {
@@ -6751,7 +7571,7 @@ function getCatBarChartData({
   };
 }
 var PrivateTopKDiffResultView = ({ run }, ref) => {
-  const [isDisplayTopTen, setIsDisplayTopTen] = React3.useState(true);
+  const [isDisplayTopTen, setIsDisplayTopTen] = React12.useState(true);
   const result = run.result;
   const params = run.params;
   const baseTopK = result.base;
@@ -6798,7 +7618,7 @@ var PrivateTopKDiffResultView = ({ run }, ref) => {
     ) })
   ] });
 };
-var TopKDiffResultView = React3.forwardRef(PrivateTopKDiffResultView);
+var TopKDiffResultView = React12.forwardRef(PrivateTopKDiffResultView);
 var PrivateValueDiffDetailResultView = ({
   run,
   onAddToChecklist,
@@ -6808,23 +7628,23 @@ var PrivateValueDiffDetailResultView = ({
   if (!isValueDiffDetailRun(run)) {
     throw new Error("run type must be value_diff_detail");
   }
-  const changedOnly = React3.useMemo(
+  const changedOnly = React12.useMemo(
     () => viewOptions?.changed_only ?? false,
     [viewOptions]
   );
-  const pinnedColumns = React3.useMemo(
+  const pinnedColumns = React12.useMemo(
     () => viewOptions?.pinned_columns ?? [],
     [viewOptions]
   );
-  const displayMode = React3.useMemo(
+  const displayMode = React12.useMemo(
     () => viewOptions?.display_mode ?? "inline",
     [viewOptions]
   );
-  const columnsRenderMode = React3.useMemo(
+  const columnsRenderMode = React12.useMemo(
     () => viewOptions?.columnsRenderMode ?? {},
     [viewOptions]
   );
-  const gridData = React3.useMemo(() => {
+  const gridData = React12.useMemo(() => {
     const onColumnsRenderModeChanged = (cols) => {
       const newRenderModes = {
         ...viewOptions?.columnsRenderMode ?? {},
@@ -6986,7 +7806,7 @@ var PrivateValueDiffDetailResultView = ({
     }
   );
 };
-var ValueDiffDetailResultView = React3.forwardRef(
+var ValueDiffDetailResultView = React12.forwardRef(
   PrivateValueDiffDetailResultView
 );
 function ValueDiffForm({
@@ -6994,7 +7814,7 @@ function ValueDiffForm({
   onParamsChanged,
   setIsReadyToExecute
 }) {
-  const [allColumns, setAllColumns] = React3.useState(
+  const [allColumns, setAllColumns] = React12.useState(
     !params.columns || params.columns.length === 0
   );
   const model = params.model;
@@ -7005,7 +7825,7 @@ function ValueDiffForm({
     isLoading,
     error
   } = useModelColumns_default(params.model);
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (!primaryKey && nodePrimaryKey) {
       onParamsChanged({
         ...params,
@@ -7013,7 +7833,7 @@ function ValueDiffForm({
       });
     }
   }, [primaryKey, nodePrimaryKey, params, onParamsChanged]);
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     setIsReadyToExecute(!!(primaryKey && model));
   }, [primaryKey, model, setIsReadyToExecute]);
   const columnNames = columns.map((c) => c.name);
@@ -7190,7 +8010,7 @@ function _ValueDiffResultView({ run }, ref) {
     }
   );
 }
-var ValueDiffResultView = React3.forwardRef(_ValueDiffResultView);
+var ValueDiffResultView = React12.forwardRef(_ValueDiffResultView);
 
 // recce-source/js/src/components/run/registry.ts
 function runTypeHasRef(runType) {
@@ -7296,7 +8116,7 @@ var findByRunType = (runType) => {
 function useAppLocation() {
   const router = navigation.useRouter();
   const pathname = navigation.usePathname();
-  const setLocation = React3.useCallback(
+  const setLocation = React12.useCallback(
     (to, options) => {
       if (options?.replace) {
         router.replace(to, { scroll: options?.scroll ?? true });
@@ -7308,7 +8128,7 @@ function useAppLocation() {
   );
   return [pathname, setLocation];
 }
-var RecceActionContext = React3.createContext({
+var RecceActionContext = React12.createContext({
   runAction: () => {
     return void 0;
   },
@@ -7333,7 +8153,148 @@ var RecceActionContext = React3.createContext({
     return void 0;
   }
 });
-var useRecceActionContext = () => React3.useContext(RecceActionContext);
+var useCloseModalEffect = (onClose) => {
+  const pathname = navigation.usePathname();
+  React12.useEffect(() => {
+    onClose();
+  }, [onClose, pathname]);
+};
+function RecceActionContextProvider({
+  children
+}) {
+  const [action, setAction] = React12.useState();
+  const [isModalOpen, setModalOpen] = React12.useState(false);
+  const onModalOpen = React12.useCallback(() => setModalOpen(true), []);
+  const onModalClose = React12.useCallback(() => setModalOpen(false), []);
+  const [isRunResultOpen, setRunResultOpen] = React12.useState(false);
+  const onResultPaneOpen = React12.useCallback(() => setRunResultOpen(true), []);
+  const closeRunResult = React12.useCallback(() => setRunResultOpen(false), []);
+  const [isHistoryOpen, setHistoryOpen] = React12.useState(false);
+  const showHistory = React12.useCallback(() => setHistoryOpen(true), []);
+  const closeHistory = React12.useCallback(() => setHistoryOpen(false), []);
+  const [runId, setRunId] = React12.useState();
+  const [location, setLocation] = useAppLocation();
+  const queryClient = reactQuery.useQueryClient();
+  const showRunId = React12.useCallback(
+    async (runId2, refreshHistory) => {
+      setRunId(runId2);
+      onResultPaneOpen();
+      if (refreshHistory !== false) {
+        await queryClient.invalidateQueries({ queryKey: cacheKeys.runs() });
+      }
+    },
+    [onResultPaneOpen, queryClient]
+  );
+  const clearRunResult = React12.useCallback(() => {
+    setRunId(void 0);
+    closeRunResult();
+  }, [closeRunResult]);
+  const runAction = React12.useCallback(
+    async (type, params, options) => {
+      try {
+        const session = (/* @__PURE__ */ new Date()).getTime().toString();
+        let lastRun = void 0;
+        if (options?.showLast) {
+          const runs = await searchRuns(type, params, 1);
+          if (runs.length === 1) {
+            lastRun = runs[0];
+          }
+        }
+        const run = findByRunType(type);
+        const RunResultView = run.RunResultView;
+        const { title, RunForm } = run;
+        if (RunResultView === void 0) {
+          throw new Error(`Run type ${type} does not have a result view`);
+        }
+        if (RunForm == void 0 || !options?.showForm) {
+          const { run_id } = await submitRun(type, params, {
+            nowait: true,
+            trackProps: options?.trackProps
+          });
+          await showRunId(run_id);
+          await queryClient.invalidateQueries({ queryKey: cacheKeys.runs() });
+          if (location.startsWith("/lineage")) {
+            setLocation("/lineage");
+          }
+        } else {
+          setAction({
+            session,
+            title,
+            type,
+            params,
+            lastRun,
+            options,
+            RunForm
+          });
+          onModalOpen();
+        }
+      } catch (e) {
+        toaster.create({
+          title: "Failed to submit a run",
+          description: e instanceof Error ? e.message : void 0,
+          type: "error",
+          duration: 5e3,
+          closable: true
+        });
+      }
+    },
+    [onModalOpen, showRunId, location, setLocation, queryClient]
+  );
+  useCloseModalEffect(onModalClose);
+  const handleExecute = async (type, params) => {
+    try {
+      onModalClose();
+      const { run_id } = await submitRun(type, params, {
+        nowait: true,
+        trackProps: action?.options?.trackProps
+      });
+      await showRunId(run_id);
+    } catch (e) {
+      toaster.create({
+        title: "Failed to submit a run",
+        description: e instanceof Error ? e.message : void 0,
+        type: "error",
+        duration: 5e3,
+        closable: true
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RecceActionContext.Provider,
+    {
+      value: {
+        runAction,
+        runId,
+        showRunId,
+        isRunResultOpen,
+        closeRunResult,
+        isHistoryOpen,
+        closeHistory,
+        showHistory,
+        setHistoryOpen,
+        clearRunResult
+      },
+      children: [
+        action && /* @__PURE__ */ jsxRuntime.jsx(
+          RunModal,
+          {
+            isOpen: isModalOpen,
+            onClose: onModalClose,
+            onExecute: handleExecute,
+            title: action.title,
+            type: action.type,
+            params: action.params,
+            initialRun: action.lastRun,
+            RunForm: action.options?.showForm && action.RunForm ? action.RunForm : void 0
+          },
+          action.session
+        ),
+        children
+      ]
+    }
+  );
+}
+var useRecceActionContext = () => React12.useContext(RecceActionContext);
 
 // recce-source/js/src/lib/hooks/useClipBoardToast.tsx
 function useClipBoardToast() {
@@ -7383,8 +8344,8 @@ function useCopyToClipboard2({
   onError,
   ignoreElements
 }) {
-  const [status, setStatus] = React3.useState("idle");
-  const ref = React3.useRef(null);
+  const [status, setStatus] = React12.useState("idle");
+  const ref = React12.useRef(null);
   const { onOpen, setImgBlob, ImageDownloadModal } = useImageDownloadModal();
   const toImage = async () => {
     if (!ref.current) {
@@ -7511,7 +8472,7 @@ function useCopyToClipboardButton(options) {
       failToast("Failed to copy image to clipboard", error);
     }
   });
-  const onMouseEnter = React3.useCallback(() => {
+  const onMouseEnter = React12.useCallback(() => {
     if (ref.current) {
       const nodeToUse = getHTMLElementFromRef(ref.current);
       if (nodeToUse) {
@@ -7520,7 +8481,7 @@ function useCopyToClipboardButton(options) {
       }
     }
   }, [ref]);
-  const onMouseLeave = React3.useCallback(() => {
+  const onMouseLeave = React12.useCallback(() => {
     if (ref.current) {
       const nodeToUse = getHTMLElementFromRef(ref.current);
       if (nodeToUse) {
@@ -7528,7 +8489,7 @@ function useCopyToClipboardButton(options) {
       }
     }
   }, [ref]);
-  const onCopyToClipboard = React3.useCallback(async () => {
+  const onCopyToClipboard = React12.useCallback(async () => {
     if (ref.current) {
       await copyToClipboard();
       const nodeToUse = getHTMLElementFromRef(ref.current);
@@ -7569,13 +8530,13 @@ function useCopyToClipboardButton(options) {
   };
 }
 function useImageDownloadModal() {
-  const [open, setOpen] = React3.useState(false);
-  const [imgBlob, setImgBlob] = React3.useState();
+  const [open, setOpen] = React12.useState(false);
+  const [imgBlob, setImgBlob] = React12.useState();
   const onOpen = () => setOpen(true);
   const onClose = () => setOpen(false);
   function ImageDownloadModal() {
-    const [base64Img, setBase64Img] = React3.useState();
-    React3.useEffect(() => {
+    const [base64Img, setBase64Img] = React12.useState();
+    React12.useEffect(() => {
       if (!imgBlob) {
         return;
       }
@@ -7596,8 +8557,8 @@ function useImageDownloadModal() {
       saveAs__default.default(imgBlob, fileName);
       onClose();
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog2__default.default, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle3__default.default, { children: "Screenshot Preview" }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: "Screenshot Preview" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         IconButton2__default.default,
         {
@@ -7612,7 +8573,7 @@ function useImageDownloadModal() {
           children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { sx: { px: "10px", gap: "10px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { direction: "row", alignItems: "center", spacing: "5px", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { component: pi.PiInfo, sx: { color: "error.main" } }),
@@ -7632,7 +8593,7 @@ function useImageDownloadModal() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { sx: { mr: 1.5 }, onClick: onClose, children: "Close" }),
         /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onDownload, children: "Download" })
       ] })
@@ -7645,8 +8606,8 @@ function useImageDownloadModal() {
   };
 }
 var useRun = (runId) => {
-  const [isRunning, setIsRunning] = React3.useState(false);
-  const [aborting, setAborting] = React3.useState(false);
+  const [isRunning, setIsRunning] = React12.useState(false);
+  const [aborting, setAborting] = React12.useState(false);
   const [, refetchRunsAggregated] = useRunsAggregated();
   const { error, data: run } = reactQuery.useQuery({
     queryKey: cacheKeys.run(runId ?? ""),
@@ -7657,8 +8618,8 @@ var useRun = (runId) => {
     refetchInterval: isRunning ? 50 : false,
     retry: false
   });
-  const [prevRun, setPrevRun] = React3.useState(run);
-  const [prevError, setPrevError] = React3.useState(error);
+  const [prevRun, setPrevRun] = React12.useState(run);
+  const [prevError, setPrevError] = React12.useState(error);
   if (run !== prevRun || error !== prevError) {
     setPrevRun(run);
     setPrevError(error);
@@ -7668,12 +8629,12 @@ var useRun = (runId) => {
       setIsRunning(true);
     }
   }
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if ((error || run?.result || run?.error) && (run?.type === "row_count_diff" || run?.type === "row_count")) {
       refetchRunsAggregated();
     }
   }, [run, error, refetchRunsAggregated]);
-  const onCancel = React3.useCallback(async () => {
+  const onCancel = React12.useCallback(async () => {
     setAborting(true);
     if (!runId) {
       return;
@@ -8169,7 +9130,7 @@ function GraphColumnNode(nodeProps) {
   const selectedNode = viewOptions.column_level_lineage?.node_id;
   const selectedColumn = viewOptions.column_level_lineage?.column;
   const isFocus = column === selectedColumn && nodeId === selectedNode;
-  const [isHovered, setIsHovered] = React3__default.default.useState(false);
+  const [isHovered, setIsHovered] = React12__default.default.useState(false);
   const isHighlighted = isNodeHighlighted(columnNodeId);
   const isShowingChangeAnalysis = isNodeShowingChangeAnalysis(nodeId);
   if (!showContent) {
@@ -8388,17 +9349,17 @@ function SetupConnectionPopover({
   children,
   display
 }) {
-  const [hovered, setHovered] = React3.useState(false);
-  const timeoutRef = React3.useRef(null);
-  const anchorRef = React3.useRef(null);
-  const handleMouseEnter = React3.useCallback(() => {
+  const [hovered, setHovered] = React12.useState(false);
+  const timeoutRef = React12.useRef(null);
+  const anchorRef = React12.useRef(null);
+  const handleMouseEnter = React12.useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
     }
     setHovered(true);
   }, []);
-  const handleMouseLeave = React3.useCallback(() => {
+  const handleMouseLeave = React12.useCallback(() => {
     timeoutRef.current = setTimeout(() => {
       setHovered(false);
     }, 100);
@@ -8863,7 +9824,7 @@ function GraphNode(nodeProps) {
   const { id, resourceType, changeStatus } = data;
   const showContent = react$1.useStore((s) => s.transform[2] > 0.3);
   const { icon: ResourceIcon } = getIconForResourceType(resourceType);
-  const [isHovered, setIsHovered] = React3.useState(false);
+  const [isHovered, setIsHovered] = React12.useState(false);
   const {
     interactive,
     selectNode,
@@ -9264,15 +10225,50 @@ var defaultQueryContext = {
     return void 0;
   }
 };
-var RecceQueryContext = React3.createContext(defaultQueryContext);
-var useRecceQueryContext = () => React3.useContext(RecceQueryContext);
+var RecceQueryContext = React12.createContext(defaultQueryContext);
+function RecceQueryContextProvider({ children }) {
+  const [sqlQuery, setSqlQuery] = React12__default.default.useState(defaultSqlQuery);
+  const [baseSqlQuery, setBaseSqlQuery] = React12__default.default.useState(defaultSqlQuery);
+  const [isCustomQueries, setCustomQueries] = React12__default.default.useState(false);
+  const [primaryKeys, setPrimaryKeys] = React12__default.default.useState();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RecceQueryContext.Provider,
+    {
+      value: {
+        setSqlQuery,
+        sqlQuery,
+        setPrimaryKeys,
+        primaryKeys,
+        isCustomQueries,
+        setCustomQueries,
+        baseSqlQuery,
+        setBaseSqlQuery
+      },
+      children
+    }
+  );
+}
+var useRecceQueryContext = () => React12.useContext(RecceQueryContext);
 var defaultRowCountStateContext = {
   isNodesFetching: [],
   setIsNodesFetching: () => {
     return void 0;
   }
 };
-React3.createContext(defaultRowCountStateContext);
+var RowCountStateContext = React12.createContext(defaultRowCountStateContext);
+function RowCountStateContextProvider({
+  children
+}) {
+  const [isNodesFetching, setIsNodesFetching] = React12__default.default.useState([]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RowCountStateContext.Provider,
+    {
+      value: { isNodesFetching, setIsNodesFetching },
+      children
+    }
+  );
+}
+var useRowCountStateContext = () => React12.useContext(RowCountStateContext);
 var ContextMenu = ({ menuItems, open, onClose, x, y }) => {
   const { featureToggles } = useRecceInstanceContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9754,14 +10750,14 @@ var LineageViewContextMenu = ({
   }
 };
 var useLineageViewContextMenu = () => {
-  const [open, setOpen] = React3.useState(false);
+  const [open, setOpen] = React12.useState(false);
   const onOpen = () => setOpen(true);
   const onClose = () => setOpen(false);
-  const [position, setPosition] = React3.useState({
+  const [position, setPosition] = React12.useState({
     x: 0,
     y: 0
   });
-  const [node, setNode] = React3.useState();
+  const [node, setNode] = React12.useState();
   const showContextMenu = (x, y, node2) => {
     setPosition({ x, y });
     setNode(node2);
@@ -9799,7 +10795,7 @@ function LineageViewNotification({
   type
 }) {
   const notificationKey = sessionStorageKeys.lineageNotificationDismissed;
-  const [visible, setVisible] = React3.useState(() => {
+  const [visible, setVisible] = React12.useState(() => {
     const dismissed = sessionStorage.getItem(notificationKey);
     return dismissed !== "true";
   });
@@ -9942,7 +10938,7 @@ var SelectFilterTooltip = () => {
   ] });
 };
 var ViewModeSelectMenu = ({ isDisabled }) => {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const open = Boolean(anchorEl);
   const { viewOptions, onViewOptionsChanged } = useLineageViewContextSafe();
   const viewMode = viewOptions.view_mode ?? "changed_models";
@@ -10002,7 +10998,7 @@ var ViewModeSelectMenu = ({ isDisabled }) => {
   ] });
 };
 var PackageSelectMenu = ({ isDisabled }) => {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const open = Boolean(anchorEl);
   const { lineageGraph } = useLineageGraphContext();
   const { viewOptions, onViewOptionsChanged } = useLineageViewContextSafe();
@@ -10087,10 +11083,10 @@ var PackageSelectMenu = ({ isDisabled }) => {
   ] });
 };
 var NodeSelectionInput = (props) => {
-  const [inputValue, setInputValue] = React3.useState(props.value);
+  const [inputValue, setInputValue] = React12.useState(props.value);
   const { data: flags } = useRecceServerFlag();
-  const inputRef = React3.useRef(null);
-  React3.useEffect(() => {
+  const inputRef = React12.useRef(null);
+  React12.useEffect(() => {
     if (inputRef.current) {
       inputRef.current.value = props.value;
     }
@@ -10198,7 +11194,7 @@ var LineageViewTopBar = () => {
   const { featureToggles } = useRecceInstanceContext();
   const { data: flags } = useRecceServerFlag();
   const isSingleEnvOnboarding = flags?.single_env_onboarding;
-  const [actionsAnchorEl, setActionsAnchorEl] = React3.useState(
+  const [actionsAnchorEl, setActionsAnchorEl] = React12.useState(
     null
   );
   const actionsOpen = Boolean(actionsAnchorEl);
@@ -10469,11 +11465,11 @@ var LearnHowLink = () => {
 };
 function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
   const lineageViewContext = useLineageViewContext();
-  const [gridApi, setGridApi] = React3.useState(null);
-  const [cllRunningMap, setCllRunningMap] = React3.useState(
+  const [gridApi, setGridApi] = React12.useState(null);
+  const [cllRunningMap, setCllRunningMap] = React12.useState(
     /* @__PURE__ */ new Map()
   );
-  const { columns, rows } = React3.useMemo(() => {
+  const { columns, rows } = React12.useMemo(() => {
     return createDataGridFromData(
       { type: "schema_single", columns: current?.columns },
       { node: current, cllRunningMap, showMenu }
@@ -10502,7 +11498,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
     }
     setCllRunningMap((prev) => new Map(prev).set(columnName, false));
   };
-  const getRowId = React3.useCallback(
+  const getRowId = React12.useCallback(
     (params) => {
       const modelId = current?.id;
       return `${modelId}-${params.data.name}`;
@@ -10511,7 +11507,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
   );
   const cll = lineageViewContext?.viewOptions.column_level_lineage;
   const selectedRowId = cll ? `${cll.node_id}-${cll.column}` : null;
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (!gridApi) return;
     gridApi.deselectAll();
     if (selectedRowId) {
@@ -10521,7 +11517,7 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
       }
     }
   }, [gridApi, selectedRowId]);
-  const handleGridReady = React3.useCallback((event) => {
+  const handleGridReady = React12.useCallback((event) => {
     setGridApi(event.api);
   }, []);
   const getRowClass = (_params) => {
@@ -10568,11 +11564,11 @@ function PrivateSingleEnvSchemaView({ current, showMenu = true }, ref) {
 }
 function PrivateSchemaView({ base, current, showMenu = true }, ref) {
   const lineageViewContext = useLineageViewContext();
-  const [gridApi, setGridApi] = React3.useState(null);
-  const [cllRunningMap, setCllRunningMap] = React3.useState(
+  const [gridApi, setGridApi] = React12.useState(null);
+  const [cllRunningMap, setCllRunningMap] = React12.useState(
     /* @__PURE__ */ new Map()
   );
-  const { columns, rows } = React3.useMemo(() => {
+  const { columns, rows } = React12.useMemo(() => {
     const resourceType = current?.resource_type ?? base?.resource_type;
     const node = resourceType && ["model", "seed", "snapshot", "source"].includes(resourceType) ? current ?? base : void 0;
     return createDataGridFromData(
@@ -10613,7 +11609,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
     }
     setCllRunningMap((prev) => new Map(prev).set(columnName, false));
   };
-  const getRowId = React3.useCallback(
+  const getRowId = React12.useCallback(
     (params) => {
       const modelId = current?.id ?? base?.id;
       return `${modelId}-${params.data.name}`;
@@ -10622,7 +11618,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
   );
   const cll = lineageViewContext?.viewOptions.column_level_lineage;
   const selectedRowId = cll ? `${cll.node_id}-${cll.column}` : null;
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (!gridApi) return;
     gridApi.deselectAll();
     if (selectedRowId) {
@@ -10632,7 +11628,7 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
       }
     }
   }, [gridApi, selectedRowId]);
-  const handleGridReady = React3.useCallback(
+  const handleGridReady = React12.useCallback(
     (event) => {
       setGridApi(event.api);
     },
@@ -10693,8 +11689,8 @@ function PrivateSchemaView({ base, current, showMenu = true }, ref) {
     )
   ] });
 }
-var SchemaView = React3.forwardRef(PrivateSchemaView);
-var SingleEnvSchemaView = React3.forwardRef(PrivateSingleEnvSchemaView);
+var SchemaView = React12.forwardRef(PrivateSchemaView);
+var SingleEnvSchemaView = React12.forwardRef(PrivateSingleEnvSchemaView);
 var getLanguageExtension = (language) => {
   switch (language) {
     case "sql":
@@ -10718,7 +11714,7 @@ function CodeEditor({
   theme = "light",
   keyBindings = []
 }) {
-  const extensions = React3.useMemo(() => {
+  const extensions = React12.useMemo(() => {
     const exts = [
       getLanguageExtension(language),
       view.EditorView.theme({
@@ -10735,7 +11731,7 @@ function CodeEditor({
     }
     return exts;
   }, [language, fontSize, wordWrap, keyBindings]);
-  const themeExtension = React3.useMemo(() => {
+  const themeExtension = React12.useMemo(() => {
     return theme === "dark" ? codemirrorThemeGithub.githubDark : codemirrorThemeGithub.githubLight;
   }, [theme]);
   const handleChange = (val) => {
@@ -10788,16 +11784,16 @@ function DiffEditor({
   theme = "light",
   onModifiedChange
 }) {
-  const containerRef = React3.useRef(null);
-  const viewRef = React3.useRef(null);
-  const extensions = React3.useMemo(() => {
+  const containerRef = React12.useRef(null);
+  const viewRef = React12.useRef(null);
+  const extensions = React12.useMemo(() => {
     const exts = [getLanguageExtension2(language), getThemeExtension(theme)];
     if (lineNumbers) {
       exts.push(view.lineNumbers());
     }
     return exts;
   }, [language, theme, lineNumbers]);
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (!containerRef.current) return;
     if (viewRef.current) {
       viewRef.current.destroy();
@@ -10879,8 +11875,8 @@ function DiffEditor({
   );
 }
 var NodeSqlView = ({ node }) => {
-  const [isOpen, setIsOpen] = React3.useState(false);
-  const [isHovered, setIsHovered] = React3.useState(false);
+  const [isOpen, setIsOpen] = React12.useState(false);
+  const [isHovered, setIsHovered] = React12.useState(false);
   const { data: flags, isLoading } = useRecceServerFlag();
   const isSingleEnvOnboarding = flags?.single_env_onboarding;
   if (isLoading) {
@@ -10942,7 +11938,7 @@ var NodeSqlView = ({ node }) => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          MuiDialog2__default.default,
+          MuiDialog__default.default,
           {
             open: isOpen,
             onClose: () => setIsOpen(false),
@@ -10952,7 +11948,7 @@ var NodeSqlView = ({ node }) => {
               paper: { sx: { height: "75%", overflowY: "auto" } }
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle3__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
                 isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("code", { children: modelName }),
                   "\xA0Model Code"
@@ -10963,7 +11959,7 @@ var NodeSqlView = ({ node }) => {
                 /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flex: 1 } }),
                 /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: isSingleEnvOnboarding ? /* @__PURE__ */ jsxRuntime.jsx(
                 CodeEditor,
                 {
                   language: "sql",
@@ -11079,7 +12075,7 @@ function useFeedbackCollectionToast(options) {
     externalLink,
     externalLinkText
   } = options;
-  const [toastId, setToastId] = React3.useState(void 0);
+  const [toastId, setToastId] = React12.useState(void 0);
   function feedBackCollectionToast(skipBypassFeedback = false) {
     const isSkipFeedback = localStorage.getItem(feedbackId);
     if (toastId != null) {
@@ -11125,7 +12121,7 @@ function useFeedbackCollectionToast(options) {
   };
 }
 function useGuideToast(options) {
-  const [toastId, setToastId] = React3.useState(void 0);
+  const [toastId, setToastId] = React12.useState(void 0);
   const { guideId, description, externalLinkText, onExternalLinkClick } = options;
   function guideToast() {
     if (toastId != null) {
@@ -11182,11 +12178,11 @@ function extractSchemas(lineageGraph) {
 }
 var DropdownValuesInput = (props) => {
   const { defaultValues, suggestionList, onValuesChange, className } = props;
-  const [values, setValues] = React3.useState(defaultValues ?? []);
-  const [filter, setFilter] = React3.useState("");
-  const [isTyping, setIsTyping] = React3.useState(false);
-  const [anchorEl, setAnchorEl] = React3.useState(null);
-  const inputRef = React3.useRef(null);
+  const [values, setValues] = React12.useState(defaultValues ?? []);
+  const [filter, setFilter] = React12.useState("");
+  const [isTyping, setIsTyping] = React12.useState(false);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
+  const inputRef = React12.useRef(null);
   const open = Boolean(anchorEl);
   const showNumberOfValuesSelected = (tags) => {
     if (tags.length > 1) {
@@ -11456,7 +12452,7 @@ var QueryForm = ({
 }) => {
   const { lineageGraph, isActionAvailable } = useLineageGraphContext();
   const labelInfo = "Provide a primary key to perform query diff in data warehouse and only return changed rows.";
-  const availableColumns = React3.useMemo(() => {
+  const availableColumns = React12.useMemo(() => {
     if (!lineageGraph) {
       return [];
     }
@@ -11523,9 +12519,9 @@ function AuthModal({
   variant = "auth"
 }) {
   const { authed } = useRecceInstanceContext();
-  const [open, setOpen] = React3.useState(parentOpen || !authed);
+  const [open, setOpen] = React12.useState(parentOpen || !authed);
   const authStateCookieValue = Cookies__default.default.get("authState") ?? "pending";
-  const [authState, setAuthState] = React3.useState(
+  const [authState, setAuthState] = React12.useState(
     ignoreCookie ? "pending" : authStateCookieValue
   );
   if (authState === "ignored" && !ignoreCookie) {
@@ -11556,7 +12552,7 @@ function AuthModal({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    MuiDialog2__default.default,
+    MuiDialog__default.default,
     {
       open,
       onClose: handleClose,
@@ -11566,9 +12562,9 @@ function AuthModal({
         paper: { sx: { borderRadius: "1rem" } }
       },
       children: [
-        authState !== "authenticating" && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle3__default.default, { sx: { textAlign: "center", fontSize: "1.5rem" }, children: content.title }),
+        authState !== "authenticating" && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { sx: { textAlign: "center", fontSize: "1.5rem" }, children: content.title }),
         authState !== "authenticating" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { className: "space-y-2 font-light", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { className: "space-y-2 font-light", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "To enable sharing, get your token from Recce Cloud and launch your local instance with it." }),
             /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "list-inside list-disc", children: [
               /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Share your instance with teammates via Recce Cloud." }),
@@ -11595,7 +12591,7 @@ function AuthModal({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { flexDirection: "column", gap: 1, px: 3, pb: 3 }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               Button10__default.default,
               {
@@ -11646,7 +12642,7 @@ function AuthModal({
             )
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { className: "space-y-2 self-center font-light", children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", sx: { pt: "1rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { className: "space-y-2 self-center font-light", children: /* @__PURE__ */ jsxRuntime.jsxs(Stack24__default.default, { spacing: 2, alignItems: "center", sx: { pt: "1rem" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Box34__default.default,
               {
@@ -11659,7 +12655,7 @@ function AuthModal({
             /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { fontSize: "1.5rem", fontWeight: 500 }, children: "Reload to Finish" }),
             /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Reload to complete connection to Recce Cloud" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { sx: { px: 3, pb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
             Button10__default.default,
             {
               fullWidth: true,
@@ -11776,9 +12772,40 @@ async function shareState() {
     "/api/share"
   )).data;
 }
-var ShareState = React3.createContext(void 0);
+var ShareState = React12.createContext(void 0);
+function RecceShareStateContextProvider({
+  children
+}) {
+  const [shareUrl, setShareUrl] = React12.useState();
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [error, setError] = React12.useState();
+  const handleShareClick = async () => {
+    setIsLoading(true);
+    setError(void 0);
+    setShareUrl(void 0);
+    try {
+      const response = await shareState();
+      if (response.status !== "success") {
+        setError(response.message);
+        return;
+      }
+      setShareUrl(response.share_url);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ShareState.Provider,
+    {
+      value: { shareUrl, isLoading, error, handleShareClick },
+      children
+    }
+  );
+}
 var useRecceShareStateContext = () => {
-  const context = React3.useContext(ShareState);
+  const context = React12.useContext(ShareState);
   if (!context) {
     throw new Error(
       "useRecceShareStateContext must be used within a RecceShareStateContextProvider"
@@ -11809,7 +12836,7 @@ function SqlEditor({
   if (manifestData) {
     timestamp = manifestData.generated_at ? formatTimeToNow(manifestData.generated_at) : "";
   }
-  const keyBindings = React3.useMemo(() => {
+  const keyBindings = React12.useMemo(() => {
     const bindings = [];
     if (onRun) {
       bindings.push({
@@ -12130,7 +13157,7 @@ var ResultErrorFallback = (errorData) => {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { severity: "error", children: String(errorData.error) });
 };
 var ResultErrorFallback_default = ResultErrorFallback;
-var RunView = React3.forwardRef(
+var RunView = React12.forwardRef(
   ({
     isRunning,
     isAborting,
@@ -12282,7 +13309,7 @@ var _ParamView = (data) => {
 var SingleEnvironmentSetupNotification = ({
   runType
 }) => {
-  const [open, setOpen] = React3.useState(true);
+  const [open, setOpen] = React12.useState(true);
   if (!open) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   }
@@ -12311,8 +13338,8 @@ var RunResultShareMenu = ({
 }) => {
   const { authed } = useRecceInstanceContext();
   const { handleShareClick } = useRecceShareStateContext();
-  const [showModal, setShowModal] = React3.useState(false);
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [showModal, setShowModal] = React12.useState(false);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -12397,14 +13424,14 @@ var PrivateLoadableRunView = ({
   const { featureToggles } = useRecceInstanceContext();
   const { runAction } = useRecceActionContext();
   const { error, run, onCancel, isRunning } = useRun(runId);
-  const [viewOptions, setViewOptions] = React3.useState();
-  const [tabValue, setTabValue] = React3.useState("result");
+  const [viewOptions, setViewOptions] = React12.useState();
+  const [tabValue, setTabValue] = React12.useState("result");
   const showSingleEnvironmentSetupNotification = isSingleEnvironment;
   let RunResultView;
   if (run && runTypeHasRef(run.type)) {
     RunResultView = findByRunType(run.type).RunResultView;
   }
-  const handleRerun = React3.useCallback(() => {
+  const handleRerun = React12.useCallback(() => {
     if (run) {
       runAction(run.type, run.params);
     }
@@ -12566,13 +13593,13 @@ function AddToCheckButton({
   const queryClient = reactQuery.useQueryClient();
   const [, setLocation] = useAppLocation();
   const checkId = run?.check_id;
-  const handleGoToCheck = React3.useCallback(() => {
+  const handleGoToCheck = React12.useCallback(() => {
     if (!checkId) {
       return;
     }
     setLocation(`/checks/?id=${checkId}`);
   }, [checkId, setLocation]);
-  const handleAddToChecklist = React3.useCallback(async () => {
+  const handleAddToChecklist = React12.useCallback(async () => {
     if (!runId) {
       return;
     }
@@ -12741,11 +13768,11 @@ function SqlPreview({ current, onChange }) {
   );
 }
 function SandboxView({ isOpen, onClose, current }) {
-  const [isRunResultOpen, setIsRunResultOpen] = React3.useState(false);
-  const [modifiedCode, setModifiedCode] = React3.useState(
+  const [isRunResultOpen, setIsRunResultOpen] = React12.useState(false);
+  const [modifiedCode, setModifiedCode] = React12.useState(
     current?.raw_code ?? ""
   );
-  const [prevIsOpen, setPrevIsOpen] = React3.useState(isOpen);
+  const [prevIsOpen, setPrevIsOpen] = React12.useState(isOpen);
   const { showRunId, clearRunResult } = useRecceActionContext();
   const { primaryKeys, setPrimaryKeys } = useRecceQueryContext();
   const { data: flags, isLoading } = useRecceServerFlag();
@@ -12839,7 +13866,7 @@ function SandboxView({ isOpen, onClose, current }) {
     trackPreviewChange({ action: "close", node: current?.name });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    MuiDialog2__default.default,
+    MuiDialog__default.default,
     {
       open: isOpen,
       onClose: handleClose,
@@ -12931,7 +13958,7 @@ function SandboxView({ isOpen, onClose, current }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { sx: { p: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { sx: { p: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
           VSplit,
           {
             sizes: isRunResultOpen ? [50, 50] : [100, 0],
@@ -12995,9 +14022,9 @@ function TabPanel({ children, value, index }) {
 }
 function NodeView({ node, onCloseNode }) {
   const withColumns = node.data.resourceType === "model" || node.data.resourceType === "seed" || node.data.resourceType === "source" || node.data.resourceType === "snapshot";
-  const [isSandboxOpen, setIsSandboxOpen] = React3.useState(false);
-  const [isNotificationOpen, setIsNotificationOpen] = React3.useState(true);
-  const [tabValue, setTabValue] = React3.useState(0);
+  const [isSandboxOpen, setIsSandboxOpen] = React12.useState(false);
+  const [isNotificationOpen, setIsNotificationOpen] = React12.useState(true);
+  const [tabValue, setTabValue] = React12.useState(0);
   const { runAction } = useRecceActionContext();
   const { isActionAvailable } = useLineageGraphContext();
   const refetchRowCount = () => {
@@ -13143,7 +14170,7 @@ function SingleEnvironmentMenuButton({
   refetchRowCount,
   disableReason
 }) {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const open = Boolean(anchorEl);
   const [, setLocation] = useAppLocation();
   const { setSqlQuery } = useRecceQueryContext();
@@ -13254,7 +14281,7 @@ function ExploreChangeMenuButton({
   onSandboxOpen,
   refetchRowCountDiff
 }) {
-  const [anchorEl, setAnchorEl] = React3.useState(null);
+  const [anchorEl, setAnchorEl] = React12.useState(null);
   const open = Boolean(anchorEl);
   const [, setLocation] = useAppLocation();
   const { runAction } = useRecceActionContext();
@@ -13264,7 +14291,7 @@ function ExploreChangeMenuButton({
   const { primaryKey } = useModelColumns_default(node.data.name);
   const metadataOnly = featureToggles.mode === "metadata only";
   const isAddedOrRemoved = node.data.changeStatus === "added" || node.data.changeStatus === "removed";
-  const addSchemaCheck = React3.useCallback(async () => {
+  const addSchemaCheck = React12.useCallback(async () => {
     const nodeId = node.id;
     const check = await createSchemaDiffCheck({ node_id: nodeId });
     setLocation(`/checks/?id=${check.check_id}`);
@@ -13699,7 +14726,7 @@ var useMultiNodesAction = (nodes, {
   onActionNodeUpdated,
   onActionCompleted
 }) => {
-  const actionState = React3.useRef({
+  const actionState = React12.useRef({
     ...initValue
   }).current;
   const { showRunId } = useRecceActionContext();
@@ -13933,11 +14960,11 @@ var useMultiNodesAction = (nodes, {
   };
 };
 function useValueDiffAlertDialog() {
-  const [open, setOpen] = React3.useState(false);
-  const [nodeCount, setNodeCount] = React3.useState(0);
-  const [resolvePromise, setResolvePromise] = React3.useState();
-  const cancelRef = React3.useRef(null);
-  const confirm = React3.useCallback((nodeCount2) => {
+  const [open, setOpen] = React12.useState(false);
+  const [nodeCount, setNodeCount] = React12.useState(0);
+  const [resolvePromise, setResolvePromise] = React12.useState();
+  const cancelRef = React12.useRef(null);
+  const confirm = React12.useCallback((nodeCount2) => {
     setNodeCount(nodeCount2);
     return new Promise((resolve) => {
       setResolvePromise(() => resolve);
@@ -13961,7 +14988,7 @@ function useValueDiffAlertDialog() {
     setOpen(false);
   };
   const ValueDiffAlertDialog = /* @__PURE__ */ jsxRuntime.jsxs(
-    MuiDialog2__default.default,
+    MuiDialog__default.default,
     {
       open,
       onClose: handleCancel,
@@ -13970,7 +14997,7 @@ function useValueDiffAlertDialog() {
       "aria-labelledby": "value-diff-alert-dialog-title",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          DialogTitle3__default.default,
+          DialogTitle__default.default,
           {
             id: "value-diff-alert-dialog-title",
             sx: { fontSize: "1.125rem", fontWeight: "bold" },
@@ -13995,12 +15022,12 @@ function useValueDiffAlertDialog() {
             children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogContent7__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogContent__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Stack24__default.default, { spacing: "20px", children: /* @__PURE__ */ jsxRuntime.jsxs(Box34__default.default, { children: [
           "Value diff will be executed on ",
           nodeCount,
           " nodes in the Lineage, which can add extra costs to your bill."
         ] }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 0.5 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 0.5 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Button10__default.default,
             {
@@ -14040,11 +15067,11 @@ var nodeColor = (node) => {
   return node.data.changeStatus ? getIconForChangeStatus(node.data.changeStatus).hexColor : "lightgray";
 };
 var useResizeObserver = (ref, handler) => {
-  const size = React3.useRef({
+  const size = React12.useRef({
     width: 0,
     height: 0
   });
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     const target = ref.current;
     const handleResize = (entries) => {
       for (const entry of entries) {
@@ -14074,7 +15101,7 @@ var useResizeObserver = (ref, handler) => {
 };
 var useNavToCheck = () => {
   const [, setLocation] = useAppLocation();
-  return React3.useCallback(
+  return React12.useCallback(
     (check) => {
       if (check.check_id) {
         setLocation(`/checks/?id=${check.check_id}`);
@@ -14085,7 +15112,7 @@ var useNavToCheck = () => {
 };
 function PrivateLineageView({ interactive = false, ...props }, ref) {
   const reactFlow = react$1.useReactFlow();
-  const refResize = React3.useRef(null);
+  const refResize = React12.useRef(null);
   const { successToast, failToast } = useClipBoardToast();
   const {
     copyToClipboard,
@@ -14126,10 +15153,10 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
   const { featureToggles, singleEnv } = useRecceInstanceContext();
   const { runId, showRunId, closeRunResult, runAction, isRunResultOpen } = useRecceActionContext();
   const { run } = useRun(runId);
-  const [viewOptions, setViewOptions] = React3.useState({
+  const [viewOptions, setViewOptions] = React12.useState({
     ...props.viewOptions
   });
-  const trackLineageRender = React3.useCallback(
+  const trackLineageRender = React12.useCallback(
     (nodes2, currentViewMode, impactRadiusEnabled, cllColumnActive, rightSidebarOpen) => {
       const lineageGraphNodesOnly = nodes2.filter(isLineageGraphNode);
       const grouped = Object.groupBy(
@@ -14156,41 +15183,41 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
     },
     []
   );
-  const cllHistory = React3.useRef([]).current;
-  const [cll, setCll] = React3.useState(void 0);
+  const cllHistory = React12.useRef([]).current;
+  const [cll, setCll] = React12.useState(void 0);
   const actionGetCll = reactQuery.useMutation({
     mutationFn: getCll
   });
-  const [nodeColumnSetMap, setNodeColumSetMap] = React3.useState({});
-  const findNodeByName = React3.useCallback(
+  const [nodeColumnSetMap, setNodeColumSetMap] = React12.useState({});
+  const findNodeByName = React12.useCallback(
     (name) => {
       return nodes.filter(isLineageGraphNode).find((n) => n.data.name === name);
     },
     [nodes]
   );
-  React3.useImperativeHandle(ref, () => ({
+  React12.useImperativeHandle(ref, () => ({
     copyToClipboard
   }));
-  const isModelsChanged = React3.useMemo(() => {
+  const isModelsChanged = React12.useMemo(() => {
     return !!(lineageGraph && lineageGraph.modifiedSet.length > 0);
   }, [lineageGraph]);
   const viewMode = viewOptions.view_mode ?? "changed_models";
-  const filteredNodeIds = React3.useMemo(() => {
+  const filteredNodeIds = React12.useMemo(() => {
     return nodes.filter((node) => node.type === "lineageGraphNode").map((node) => node.id);
   }, [nodes]);
-  const filteredNodes = React3.useMemo(() => {
+  const filteredNodes = React12.useMemo(() => {
     if (!lineageGraph) {
       return [];
     }
     return filteredNodeIds.map((nodeId) => lineageGraph.nodes[nodeId]);
   }, [lineageGraph, filteredNodeIds]);
-  const [focusedNodeId, setFocusedNodeId] = React3.useState();
+  const [focusedNodeId, setFocusedNodeId] = React12.useState();
   const focusedNode = focusedNodeId ? lineageGraph?.nodes[focusedNodeId] : void 0;
-  const [selectMode, setSelectMode] = React3.useState();
-  const [selectedNodeIds, setSelectedNodeIds] = React3.useState(
+  const [selectMode, setSelectMode] = React12.useState();
+  const [selectedNodeIds, setSelectedNodeIds] = React12.useState(
     /* @__PURE__ */ new Set()
   );
-  const selectedNodes = React3.useMemo(() => {
+  const selectedNodes = React12.useMemo(() => {
     if (!lineageGraph) {
       return [];
     }
@@ -14220,7 +15247,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
       }
     }
   );
-  const highlighted = React3.useMemo(() => {
+  const highlighted = React12.useMemo(() => {
     if (!lineageGraph) {
       return /* @__PURE__ */ new Set();
     }
@@ -14264,7 +15291,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
   const closeContextMenu = () => {
     lineageViewContextMenu.closeContextMenu();
   };
-  React3.useLayoutEffect(() => {
+  React12.useLayoutEffect(() => {
     const t = async () => {
       let filteredNodeIds2 = void 0;
       if (!lineageGraph) {
@@ -14534,7 +15561,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
     });
   };
   const valueDiffAlertDialog = useValueDiffAlertDialog_default();
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     const runResultType = run?.type;
     if (!interactive) {
       return;
@@ -15031,7 +16058,7 @@ function PrivateLineageView({ interactive = false, ...props }, ref) {
     valueDiffAlertDialog.AlertDialog
   ] });
 }
-var LineageView = React3.forwardRef(
+var LineageView = React12.forwardRef(
   PrivateLineageView
 );
 function LineagePage() {
@@ -15167,7 +16194,7 @@ ${sqlQuery}`;
   const { mutate: runQuery, isPending } = reactQuery.useMutation({
     mutationFn: queryFn
   });
-  const currentSchema = React3.useMemo(() => {
+  const currentSchema = React12.useMemo(() => {
     const initialValue = "N/A";
     const countMap = {};
     if (!lineageGraph) {
@@ -15443,9 +16470,9 @@ var CheckList = ({
   onCheckSelected,
   onChecksReordered
 }) => {
-  const [bypassModal, setBypassModal] = React3.useState(false);
-  const [open, setOpen] = React3.useState(false);
-  const [pendingApprovalCheckId, setPendingApprovalCheckId] = React3.useState(null);
+  const [bypassModal, setBypassModal] = React12.useState(false);
+  const [open, setOpen] = React12.useState(false);
+  const [pendingApprovalCheckId, setPendingApprovalCheckId] = React12.useState(null);
   const queryClient = reactQuery.useQueryClient();
   const { mutate: markCheckedByID } = reactQuery.useMutation({
     mutationFn: (checkId) => updateCheck(checkId, { is_checked: true }),
@@ -15548,14 +16575,14 @@ var CheckList = ({
         ]
       }
     ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog2__default.default, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle3__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
         "Mark as Approved?",
         /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ jsxRuntime.jsx(IconButton2__default.default, { size: "small", onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {}) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { sx: { fontSize: "0.875rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { sx: { fontSize: "0.875rem" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { children: "Please ensure you have reviewed the contents of this check before marking it as approved." }),
         /* @__PURE__ */ jsxRuntime.jsx(
           FormControlLabel4__default.default,
@@ -15575,7 +16602,7 @@ var CheckList = ({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Divider__default.default, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 0 }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { variant: "outlined", size: "small", onClick: handleClose, children: "Cancel" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           Button10__default.default,
@@ -15715,7 +16742,7 @@ function CommentInput({
   isSubmitting = false,
   placeholder = "Add a comment..."
 }) {
-  const [content, setContent] = React3.useState("");
+  const [content, setContent] = React12.useState("");
   const handleSubmit = () => {
     const trimmed = content.trim();
     if (trimmed) {
@@ -15774,13 +16801,13 @@ function truncateUrl(url, maxLength = 60) {
   try {
     const urlObj = new URL(url);
     const domain = urlObj.hostname;
-    const path = urlObj.pathname + urlObj.search + urlObj.hash;
+    const path2 = urlObj.pathname + urlObj.search + urlObj.hash;
     if (domain.length >= maxLength - 3) {
       return domain.substring(0, maxLength - 3) + "...";
     }
     const remainingLength = maxLength - domain.length - 3;
-    if (path.length > remainingLength) {
-      return `${domain}${path.substring(0, remainingLength)}...`;
+    if (path2.length > remainingLength) {
+      return `${domain}${path2.substring(0, remainingLength)}...`;
     }
     return url;
   } catch {
@@ -15793,9 +16820,9 @@ function ExternalLinkConfirmDialog({
   onConfirm,
   onCancel
 }) {
-  const cancelRef = React3.useRef(null);
+  const cancelRef = React12.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    MuiDialog2__default.default,
+    MuiDialog__default.default,
     {
       open: isOpen,
       onClose: onCancel,
@@ -15804,7 +16831,7 @@ function ExternalLinkConfirmDialog({
       "aria-labelledby": "external-link-dialog-title",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          DialogTitle3__default.default,
+          DialogTitle__default.default,
           {
             id: "external-link-dialog-title",
             sx: { display: "flex", alignItems: "center", gap: 1 },
@@ -15828,7 +16855,7 @@ function ExternalLinkConfirmDialog({
             children: /* @__PURE__ */ jsxRuntime.jsx(io5.IoClose, {})
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(Typography28__default.default, { sx: { mb: 1.5 }, children: "This link will take you to an external website outside of Recce. Are you sure you want to continue?" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Box34__default.default,
@@ -15857,7 +16884,7 @@ function ExternalLinkConfirmDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions6__default.default, { sx: { gap: 1 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { sx: { gap: 1 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { ref: cancelRef, variant: "outlined", onClick: onCancel, children: "Cancel" }),
           /* @__PURE__ */ jsxRuntime.jsx(Button10__default.default, { color: "iochmara", variant: "contained", onClick: onConfirm, children: "Open Link" })
         ] })
@@ -15884,8 +16911,8 @@ function MarkdownLink({
   children,
   internalDomains
 }) {
-  const [showConfirm, setShowConfirm] = React3.useState(false);
-  const [pendingUrl, setPendingUrl] = React3.useState(null);
+  const [showConfirm, setShowConfirm] = React12.useState(false);
+  const [pendingUrl, setPendingUrl] = React12.useState(null);
   const handleClick = (e) => {
     if (!href) return;
     if (isExternalUrl(href, internalDomains)) {
@@ -16191,11 +17218,11 @@ function CommentEvent({
   onEdit,
   onDelete
 }) {
-  const [isEditing, setIsEditing] = React3.useState(false);
-  const [editContent, setEditContent] = React3.useState(event.content || "");
-  const [isSubmitting, setIsSubmitting] = React3.useState(false);
-  const [isDeleting, setIsDeleting] = React3.useState(false);
-  const [deleteAnchorEl, setDeleteAnchorEl] = React3.useState(
+  const [isEditing, setIsEditing] = React12.useState(false);
+  const [editContent, setEditContent] = React12.useState(event.content || "");
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [isDeleting, setIsDeleting] = React12.useState(false);
+  const [deleteAnchorEl, setDeleteAnchorEl] = React12.useState(
     null
   );
   const isDeletePopoverOpen = Boolean(deleteAnchorEl);
@@ -16594,22 +17621,35 @@ function CheckTimeline({ checkId }) {
     }
   );
 }
-var RecceCheckContext = React3.createContext({
+var RecceCheckContext = React12.createContext({
   latestSelectedCheckId: "",
   setLatestSelectedCheckId: () => {
     return void 0;
   }
 });
-var useRecceCheckContext = () => React3.useContext(RecceCheckContext);
+function RecceCheckContextProvider({ children }) {
+  const [selectCheckId, setSelectCheckId] = React12__default.default.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RecceCheckContext.Provider,
+    {
+      value: {
+        setLatestSelectedCheckId: setSelectCheckId,
+        latestSelectedCheckId: selectCheckId
+      },
+      children
+    }
+  );
+}
+var useRecceCheckContext = () => React12.useContext(RecceCheckContext);
 function CheckBreadcrumb({ name, setName }) {
-  const [isEditing, setIsEditing] = React3.useState(false);
-  const [editValue, setEditValue] = React3.useState(name);
-  const editInputRef = React3.useRef(null);
+  const [isEditing, setIsEditing] = React12.useState(false);
+  const [editValue, setEditValue] = React12.useState(name);
+  const editInputRef = React12.useRef(null);
   const handleClick = () => {
     setEditValue(name);
     setIsEditing(true);
   };
-  const handleCommit = React3.useCallback(() => {
+  const handleCommit = React12.useCallback(() => {
     setName(editValue);
     setIsEditing(false);
   }, [setName, editValue]);
@@ -16625,7 +17665,7 @@ function CheckBreadcrumb({ name, setName }) {
   const handleChange = (event) => {
     setEditValue(event.target.value);
   };
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     const handleClickOutside = (event) => {
       if (editInputRef.current && !editInputRef.current.contains(event.target)) {
         handleCommit();
@@ -16677,9 +17717,9 @@ function CheckBreadcrumb({ name, setName }) {
 }
 function CheckDescription({ value, onChange }) {
   const { featureToggles } = useRecceInstanceContext();
-  const [editing, setEditing] = React3.useState(false);
-  const [tempValue, setTempValue] = React3.useState();
-  const textareaRef = React3.useRef(null);
+  const [editing, setEditing] = React12.useState(false);
+  const [tempValue, setTempValue] = React12.useState();
+  const textareaRef = React12.useRef(null);
   const handleEdit = () => {
     setTempValue(value ?? "");
     setEditing(true);
@@ -16708,7 +17748,7 @@ function CheckDescription({ value, onChange }) {
   const handleChange = (event) => {
     setTempValue(event.target.value);
   };
-  React3.useEffect(() => {
+  React12.useEffect(() => {
     if (editing && textareaRef.current) {
       const element = textareaRef.current;
       element.focus();
@@ -16811,7 +17851,7 @@ function _LineageDiffView({ check }, ref) {
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Box34__default.default, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LineageView, { viewOptions, interactive: false, ref }) }) });
 }
-var LineageDiffView = React3.forwardRef(
+var LineageDiffView = React12.forwardRef(
   _LineageDiffView
 );
 function generateCheckTemplate({
@@ -16916,7 +17956,7 @@ function PrivateSchemaDiffView({ check }, ref) {
     refetchOnMount: true,
     enabled: !params.node_id
   });
-  const [nodes, changedNodes] = React3.useMemo(() => {
+  const [nodes, changedNodes] = React12.useMemo(() => {
     const selectedNodes = [];
     const changedNodes2 = [];
     const addedNodes = [];
@@ -16975,7 +18015,7 @@ function PrivateSchemaDiffView({ check }, ref) {
     });
     return [filteredNodes, changedNodes2];
   }, [params.node_id, data?.nodes, lineageGraph]);
-  const [selected, setSelected] = React3.useState(0);
+  const [selected, setSelected] = React12.useState(0);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box34__default.default,
@@ -17061,7 +18101,7 @@ function PrivateSchemaDiffView({ check }, ref) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
 }
-var SchemaDiffView = React3.forwardRef(PrivateSchemaDiffView);
+var SchemaDiffView = React12.forwardRef(PrivateSchemaDiffView);
 function CheckDetail({
   checkId,
   refreshCheckList
@@ -17073,11 +18113,11 @@ function CheckDetail({
   const [, setLocation] = useAppLocation();
   const { successToast, failToast } = useClipBoardToast();
   const { markedAsApprovedToast } = useCheckToast();
-  const [submittedRunId, setSubmittedRunId] = React3.useState();
-  const [progress] = React3.useState();
-  const [isAborting, setAborting] = React3.useState(false);
-  const [isPresetCheckTemplateOpen, setIsPresetCheckTemplateOpen] = React3.useState(false);
-  const [menuAnchorEl, setMenuAnchorEl] = React3.useState(null);
+  const [submittedRunId, setSubmittedRunId] = React12.useState();
+  const [progress] = React12.useState();
+  const [isAborting, setAborting] = React12.useState(false);
+  const [isPresetCheckTemplateOpen, setIsPresetCheckTemplateOpen] = React12.useState(false);
+  const [menuAnchorEl, setMenuAnchorEl] = React12.useState(null);
   const menuOpen = Boolean(menuAnchorEl);
   const {
     isLoading,
@@ -17097,7 +18137,7 @@ function CheckDetail({
     RunResultView = runTypeEntry.RunResultView;
   }
   const isPresetCheck = check?.is_preset ?? false;
-  const lineageViewRef = React3.useRef(null);
+  const lineageViewRef = React12.useRef(null);
   const { mutate } = reactQuery.useMutation({
     mutationFn: (check2) => updateCheck(checkId, check2),
     onSuccess: async () => {
@@ -17132,7 +18172,7 @@ function CheckDetail({
       failToast("Failed to mark check as preset", error2);
     }
   });
-  const handleRerun = React3.useCallback(async () => {
+  const handleRerun = React12.useCallback(async () => {
     const type = check?.type;
     if (!type) {
       return;
@@ -17142,7 +18182,7 @@ function CheckDetail({
     await queryClient.invalidateQueries({ queryKey: cacheKeys.check(checkId) });
     if (refreshCheckList) refreshCheckList();
   }, [check, checkId, queryClient, refreshCheckList]);
-  const handleCancel = React3.useCallback(async () => {
+  const handleCancel = React12.useCallback(async () => {
     setAborting(true);
     if (!trackedRunId) {
       return;
@@ -17170,7 +18210,7 @@ function CheckDetail({
       failToast("Failed to copy the check to clipboard", err);
     }
   };
-  const handleApproveCheck = React3.useCallback(() => {
+  const handleApproveCheck = React12.useCallback(() => {
     const isChecked = check?.is_checked;
     mutate({ is_checked: !isChecked });
     if (!isChecked) {
@@ -17189,7 +18229,7 @@ function CheckDetail({
   const handleMenuClose = () => {
     setMenuAnchorEl(null);
   };
-  const [tabValue, setTabValue] = React3.useState("result");
+  const [tabValue, setTabValue] = React12.useState("result");
   const { ref, onCopyToClipboard, onMouseEnter, onMouseLeave } = useCopyToClipboardButton();
   const presetCheckTemplate = generateCheckTemplate({
     name: check?.name ?? "",
@@ -17640,15 +18680,15 @@ function CheckDetail({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsxs(
-                MuiDialog2__default.default,
+                MuiDialog__default.default,
                 {
                   open: isPresetCheckTemplateOpen,
                   onClose: () => setIsPresetCheckTemplateOpen(false),
                   maxWidth: "md",
                   fullWidth: true,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle3__default.default, { children: "Preset Check Template" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(DialogContent7__default.default, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { children: "Preset Check Template" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { children: [
                       /* @__PURE__ */ jsxRuntime.jsxs(Typography28__default.default, { variant: "subtitle2", fontWeight: "bold", sx: { mb: 2 }, children: [
                         "Please",
                         " ",
@@ -17684,7 +18724,7 @@ function CheckDetail({
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(PresetCheckTemplateView, { yamlTemplate: presetCheckTemplate })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(DialogActions6__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx(DialogActions__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
                       IconButton2__default.default,
                       {
                         size: "small",
@@ -17949,7 +18989,7 @@ function DateDividedRunHistoryItem({
     trackHistoryAction({ name: "click_run" });
     showRunId(runId2, false);
   };
-  const handleAddToChecklist = React3.useCallback(
+  const handleAddToChecklist = React12.useCallback(
     async (clickedRunId) => {
       const check = await createCheckByRun(clickedRunId);
       await queryClient.invalidateQueries({ queryKey: cacheKeys.checks() });
@@ -17957,14 +18997,14 @@ function DateDividedRunHistoryItem({
     },
     [setLocation, queryClient]
   );
-  const handleGoToCheck = React3.useCallback(
+  const handleGoToCheck = React12.useCallback(
     (checkId) => {
       trackHistoryAction({ name: "go_to_check" });
       setLocation(`/checks/?id=${checkId}`);
     },
     [setLocation]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(React3__default.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(React12__default.default.Fragment, { children: [
     shouldRenderDateSegment && /* @__PURE__ */ jsxRuntime.jsx(DateSegmentItem, { runAt: run.run_at }, currentDate),
     /* @__PURE__ */ jsxRuntime.jsx(
       RunListItem,
@@ -18201,8 +19241,8 @@ function listChangedNodes(lineageGraph) {
   return changedNodes;
 }
 function SchemaSummary({ lineageGraph }) {
-  const [changedNodes, setChangedNodes] = React3.useState([]);
-  React3.useEffect(() => {
+  const [changedNodes, setChangedNodes] = React12.useState([]);
+  React12.useEffect(() => {
     setChangedNodes(listChangedNodes(lineageGraph));
   }, [lineageGraph]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -18299,9 +19339,9 @@ async function submitValueDiffDetail(params, options) {
   return await submitRun("value_diff_detail", params, options);
 }
 function useVersionNumber() {
-  const [version, setVersion] = React3.useState("");
-  const [latestVersion, setLatestVersion] = React3.useState("");
-  React3.useEffect(() => {
+  const [version, setVersion] = React12.useState("");
+  const [latestVersion, setLatestVersion] = React12.useState("");
+  React12.useEffect(() => {
     async function fetchVersion() {
       try {
         const { version: version2, latestVersion: latestVersion2 } = (await axiosClient.get(
@@ -18317,6 +19357,9 @@ function useVersionNumber() {
   }, []);
   return { version, latestVersion };
 }
+function RecceContextProvider({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(RecceInstanceInfoProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceShareStateContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceQueryContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LineageGraphContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RowCountStateContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceActionContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceCheckContextProvider, { children }) }) }) }) }) }) });
+}
 
 // src/index.ts
 var VERSION = "0.1.0";
@@ -18343,7 +19386,9 @@ exports.IconImport = IconImport;
 exports.IconInfo = IconInfo;
 exports.IconSave = IconSave;
 exports.IconSync = IconSync;
+exports.IdleTimeoutProvider = IdleTimeoutProvider;
 exports.LineageDiffView = LineageDiffView;
+exports.LineageGraphContextProvider = LineageGraphContextProvider;
 exports.LineagePage = LineagePage;
 exports.LineageView = LineageView;
 exports.LineageViewContext = LineageViewContext;
@@ -18362,9 +19407,16 @@ exports.QueryForm = QueryForm;
 exports.QueryPage = QueryPage;
 exports.QueryResultView = QueryResultView;
 exports.RECCE_SUPPORT_CALENDAR_URL = RECCE_SUPPORT_CALENDAR_URL;
+exports.RecceActionContextProvider = RecceActionContextProvider;
+exports.RecceCheckContextProvider = RecceCheckContextProvider;
+exports.RecceContextProvider = RecceContextProvider;
+exports.RecceInstanceInfoProvider = RecceInstanceInfoProvider;
+exports.RecceQueryContextProvider = RecceQueryContextProvider;
+exports.RecceShareStateContextProvider = RecceShareStateContextProvider;
 exports.ResourceTypeTag = ResourceTypeTag;
 exports.RowCountDiffResultView = RowCountDiffResultView;
 exports.RowCountDiffTag = RowCountDiffTag;
+exports.RowCountStateContextProvider = RowCountStateContextProvider;
 exports.RunList = RunList;
 exports.RunModal = RunModal;
 exports.RunPage = RunPage;
@@ -18441,8 +19493,17 @@ exports.updateCheck = updateCheck;
 exports.useCheckToast = useCheckToast;
 exports.useChecks = useChecks;
 exports.useClipBoardToast = useClipBoardToast;
+exports.useIdleTimeout = useIdleTimeout;
+exports.useLineageGraphContext = useLineageGraphContext;
 exports.useLineageViewContext = useLineageViewContext;
+exports.useRecceActionContext = useRecceActionContext;
+exports.useRecceCheckContext = useRecceCheckContext;
+exports.useRecceInstanceContext = useRecceInstanceContext;
 exports.useRecceInstanceInfo = useRecceInstanceInfo;
+exports.useRecceQueryContext = useRecceQueryContext;
+exports.useRecceShareStateContext = useRecceShareStateContext;
+exports.useRowCountStateContext = useRowCountStateContext;
+exports.useRunsAggregated = useRunsAggregated;
 exports.useToaster = useToaster;
 exports.useValueDiffAlertDialog = useValueDiffAlertDialog_default;
 exports.useVersionNumber = useVersionNumber;