diff --git a/js/src/components/lineage/ActionTag.tsx b/js/src/components/lineage/ActionTag.tsx
index 47e610b6..29b6371b 100644
--- a/js/src/components/lineage/ActionTag.tsx
+++ b/js/src/components/lineage/ActionTag.tsx
@@ -100,13 +100,7 @@ export const ActionTag = ({ node, action }: ActionTagProps) => {
 
   if (run.type === "row_count_diff") {
     const result = run.result as RowCountDiffResult;
-    return (
-      <RowCountTag
-        rowCount={result[node.name]}
-        node={node}
-        isInteractive={false}
-      />
-    );
+    return <RowCountTag rowCount={result[node.name]} node={node} />;
   }
 
   return <>{run_id}</>;
diff --git a/js/src/components/lineage/NodeFilter.tsx b/js/src/components/lineage/NodeFilter.tsx
index 6289bb3f..bfad1504 100644
--- a/js/src/components/lineage/NodeFilter.tsx
+++ b/js/src/components/lineage/NodeFilter.tsx
@@ -318,7 +318,7 @@ const MoreActionMenu = (props: NodeFilterProps) => {
           </MenuItem>
         </MenuGroup>
         <MenuDivider />
-        <MenuGroup title="Add check" m="0" px="12px">
+        <MenuGroup title="Add to Checklist" m="0" px="12px">
           <MenuItem
             as={Text}
             size="sm"
diff --git a/js/src/components/lineage/NodeTag.tsx b/js/src/components/lineage/NodeTag.tsx
index a94160a7..1d064c89 100644
--- a/js/src/components/lineage/NodeTag.tsx
+++ b/js/src/components/lineage/NodeTag.tsx
@@ -106,33 +106,25 @@ export function ModelRowCount({ rowCount }: ModelRowCountProps) {
 export interface RowCountTagProps {
   node: LineageGraphNode;
   rowCount?: RowCount;
-  isInteractive?: boolean; // if true, allows user to manually fetch row count
+  onRefresh?: () => Promise<any>;
+  isFetching?: boolean;
+  error?: Error | null;
 }
 
 export function RowCountTag({
-  rowCount: defaultRowCount,
+  rowCount: fetchedRowCount,
   node,
-  isInteractive,
+  onRefresh,
+  isFetching,
 }: RowCountTagProps) {
   const { runsAggregated, refetchRunsAggregated } = useLineageGraphContext();
   const lastRowCount: RowCount | undefined =
     runsAggregated?.[node.id]?.["row_count_diff"]?.result;
 
-  const {
-    data: fetchedRowCount,
-    refetch: invokeRowCountQuery,
-    isFetching,
-  } = useQuery({
-    queryKey: cacheKeys.rowCount(node.name),
-    queryFn: () => queryModelRowCount(node.name),
-    enabled: false,
-    initialData: defaultRowCount,
-  });
-
-  const rowCount = fetchedRowCount || defaultRowCount || lastRowCount;
   const icon = findByRunType("row_count_diff")?.icon;
 
   let label;
+  const rowCount = fetchedRowCount || lastRowCount;
   if (rowCount) {
     const base = rowCount?.base === null ? "N/A" : rowCount?.base;
     const current = rowCount?.curr === null ? "N/A" : rowCount?.curr;
@@ -158,7 +150,7 @@ export function RowCountTag({
             <>row count</>
           )}
         </TagLabel>
-        {isInteractive && (
+        {onRefresh && (
           <TagRightIcon
             as={IconButton}
             isLoading={isFetching}
@@ -166,7 +158,7 @@ export function RowCountTag({
             icon={<RepeatIcon />}
             size="xs"
             onClick={async () => {
-              await invokeRowCountQuery();
+              await onRefresh();
               refetchRunsAggregated?.();
             }}
           />
diff --git a/js/src/components/lineage/NodeView.tsx b/js/src/components/lineage/NodeView.tsx
index 8046a0ee..248a37c1 100644
--- a/js/src/components/lineage/NodeView.tsx
+++ b/js/src/components/lineage/NodeView.tsx
@@ -23,6 +23,9 @@ import {
   MenuButton,
   MenuList,
   MenuItem,
+  MenuDivider,
+  Icon,
+  MenuGroup,
 } from "@chakra-ui/react";
 
 import { FaCode } from "react-icons/fa";
@@ -37,12 +40,18 @@ import { useRecceActionContext } from "@/lib/hooks/RecceActionContext";
 import { useLineageGraphContext } from "@/lib/hooks/LineageGraphContext";
 import useModelColumns from "@/lib/hooks/useModelColumns";
 import { createSchemaDiffCheck } from "@/lib/api/schemacheck";
+import { findByRunType } from "../run/registry";
+import { cacheKeys } from "@/lib/api/cacheKeys";
+import { queryModelRowCount } from "@/lib/api/models";
+import { useQuery } from "@tanstack/react-query";
 
 interface NodeViewProps {
   node: LineageGraphNode;
   onCloseNode: () => void;
 }
 
+const EmptyIcon = () => <Box as="span" w="12px" />;
+
 export function NodeView({ node, onCloseNode }: NodeViewProps) {
   const [, setLocation] = useLocation();
   const { setSqlQuery, setPrimaryKeys } = useRecceQueryContext();
@@ -59,6 +68,16 @@ export function NodeView({ node, onCloseNode }: NodeViewProps) {
   const { runAction } = useRecceActionContext();
   const { envInfo } = useLineageGraphContext();
   const { primaryKey } = useModelColumns(node.name);
+  const {
+    data: rowCount,
+    refetch: refetchRowCount,
+    isFetching: isRowCountFetching,
+    error: rowCountError,
+  } = useQuery({
+    queryKey: cacheKeys.rowCount(node.name),
+    queryFn: () => queryModelRowCount(node.name),
+    enabled: false,
+  });
 
   const addSchemaCheck = useCallback(async () => {
     const nodeId = node.id;
@@ -66,6 +85,9 @@ export function NodeView({ node, onCloseNode }: NodeViewProps) {
     setLocation(`/checks/${check.check_id}`);
   }, [node, setLocation]);
 
+  const isAddedOrRemoved =
+    node.changeStatus === "added" || node.changeStatus === "removed";
+
   return (
     <Grid height="100%" templateRows="auto auto 1fr">
       <HStack>
@@ -73,32 +95,131 @@ export function NodeView({ node, onCloseNode }: NodeViewProps) {
           <Heading size="sm">{node.name}</Heading>
         </Box>
         <Spacer />
-        {node.changeStatus === "modified" && (
-          <Box>
-            <Button
-              onClick={onCodeDiffOpen}
-              leftIcon={<FaCode />}
-              colorScheme="orange"
-              variant="solid"
-            >
-              Diff
-            </Button>
-            <Modal isOpen={isCodeDiffOpen} onClose={onCodeDiffClose} size="6xl">
-              <ModalOverlay />
-              <ModalContent overflowY="auto" height="75%">
-                <ModalHeader>Model Raw Code Diff</ModalHeader>
-                <ModalCloseButton />
-                <ModalBody>
-                  <SqlDiffView
-                    base={node.data.base}
-                    current={node.data.current}
-                  />
-                </ModalBody>
-              </ModalContent>
-            </Modal>
-          </Box>
+        {(node.resourceType === "model" ||
+          node.resourceType === "seed" ||
+          node.resourceType === "snapshot") && (
+          <Menu>
+            <MenuButton as={Button} size="xs" colorScheme="blue">
+              Explore Diff
+            </MenuButton>
+            <MenuList>
+              <MenuItem
+                icon={<Icon as={findByRunType("query_diff")?.icon} />}
+                fontSize="14px"
+                onClick={() => {
+                  if (envInfo?.adapterType === "dbt") {
+                    setSqlQuery(`select * from {{ ref("${node.name}") }}`);
+                  } else if (envInfo?.adapterType === "sqlmesh") {
+                    setSqlQuery(`select * from ${node.name}`);
+                  }
+                  setPrimaryKeys(
+                    primaryKey !== undefined ? [primaryKey] : undefined
+                  );
+                  setLocation("/query");
+                }}
+              >
+                Query
+              </MenuItem>
+              <MenuDivider />
+              <MenuGroup title="Diff" m="0" p="4px 12px">
+                {(node.resourceType === "model" ||
+                  node.resourceType === "snapshot") && (
+                  <MenuItem
+                    onClick={onCodeDiffOpen}
+                    icon={<FaCode />}
+                    fontSize="14px"
+                  >
+                    Code Diff
+                  </MenuItem>
+                )}
+                <MenuItem
+                  icon={<Icon as={findByRunType("row_count_diff")?.icon} />}
+                  fontSize="14px"
+                  onClick={() => refetchRowCount()}
+                  isDisabled={isRowCountFetching}
+                >
+                  Row Count Diff
+                </MenuItem>
+                <MenuItem
+                  icon={<Icon as={findByRunType("profile_diff")?.icon} />}
+                  fontSize="14px"
+                  isDisabled={isAddedOrRemoved}
+                  onClick={() => {
+                    runAction(
+                      "profile_diff",
+                      {
+                        model: node.name,
+                      },
+                      { showForm: false, showLast: true }
+                    );
+                  }}
+                >
+                  Profile Diff
+                </MenuItem>
+                <MenuItem
+                  icon={<Icon as={findByRunType("value_diff")?.icon} />}
+                  fontSize="14px"
+                  isDisabled={isAddedOrRemoved}
+                  onClick={() => {
+                    runAction(
+                      "value_diff",
+                      {
+                        model: node.name,
+                      },
+                      { showForm: true, showLast: true }
+                    );
+                  }}
+                >
+                  Value Diff
+                </MenuItem>
+                <MenuItem
+                  icon={<Icon as={findByRunType("top_k_diff")?.icon} />}
+                  fontSize="14px"
+                  isDisabled={isAddedOrRemoved}
+                  onClick={() => {
+                    runAction(
+                      "top_k_diff",
+                      { model: node.name, column_name: "", k: 50 },
+                      { showForm: true }
+                    );
+                  }}
+                >
+                  Top-K Diff
+                </MenuItem>
+                <MenuItem
+                  icon={<Icon as={findByRunType("histogram_diff")?.icon} />}
+                  fontSize="14px"
+                  isDisabled={isAddedOrRemoved}
+                  onClick={() => {
+                    runAction(
+                      "histogram_diff",
+                      {
+                        model: node.name,
+                        column_name: "",
+                        column_type: "",
+                      },
+                      { showForm: true }
+                    );
+                  }}
+                >
+                  Histogram Diff
+                </MenuItem>
+              </MenuGroup>
+              <MenuDivider />
+              <MenuGroup title="Add to Checklist" m="0" p="4px 12px">
+                <MenuItem
+                  icon={<Icon as={findByRunType("schema_diff")?.icon} />}
+                  fontSize="14px"
+                  onClick={addSchemaCheck}
+                >
+                  Schema Diff
+                </MenuItem>
+              </MenuGroup>
+            </MenuList>
+          </Menu>
         )}
-        <Box flex="0 1 1%" p="16px">
+        {/* )} */}
+        <Box flex="0 1 1%">
           <CloseButton onClick={onCloseNode} />
         </Box>
       </HStack>
@@ -106,122 +227,40 @@ export function NodeView({ node, onCloseNode }: NodeViewProps) {
         <HStack spacing={"8px"}>
           <ResourceTypeTag node={node} />
           {(node.resourceType === "model" ||
-            node.resourceType === "snapshot") && (
-            <RowCountTag node={node} isInteractive />
+            node.resourceType === "snapshot" ||
+            node.resourceType === "seed") && (
+            <RowCountTag
+              node={node}
+              onRefresh={refetchRowCount}
+              rowCount={rowCount}
+              isFetching={isRowCountFetching}
+              error={rowCountError}
+            />
           )}
         </HStack>
       </Box>
       {withColumns && (
-        <>
-          <Tabs overflow="auto" as={Flex}>
-            <TabList>
-              <Tab>Columns</Tab>
-            </TabList>
-            <TabPanels overflow="auto" height="calc(100% - 42px)">
-              <TabPanel p={0} overflowY="auto" height="100%">
-                <SchemaView base={node.data.base} current={node.data.current} />
-              </TabPanel>
-            </TabPanels>
-          </Tabs>
-          <HStack p="16px">
-            <Menu>
-              <MenuButton as={Button} size="sm" colorScheme="blue">
-                Add check
-              </MenuButton>
-              <MenuList>
-                <MenuItem onClick={addSchemaCheck}>Schema Check</MenuItem>
-              </MenuList>
-            </Menu>
-            <Spacer />
-
-            {node.resourceType === "model" && (
-              <>
-                {node.changeStatus !== "added" &&
-                  node.changeStatus !== "removed" && (
-                    <>
-                      <Menu>
-                        <MenuButton as={Button} size="sm" colorScheme="blue">
-                          Advanced Diffs
-                        </MenuButton>
-                        <MenuList>
-                          <MenuItem
-                            onClick={() => {
-                              runAction(
-                                "profile_diff",
-                                {
-                                  model: node.name,
-                                },
-                                { showForm: false, showLast: true }
-                              );
-                            }}
-                          >
-                            Profile Diff
-                          </MenuItem>
-                          <MenuItem
-                            onClick={() => {
-                              runAction(
-                                "value_diff",
-                                {
-                                  model: node.name,
-                                },
-                                { showForm: true, showLast: true }
-                              );
-                            }}
-                          >
-                            Value Diff
-                          </MenuItem>
-                          <MenuItem
-                            onClick={() => {
-                              runAction(
-                                "top_k_diff",
-                                { model: node.name, column_name: "", k: 50 },
-                                { showForm: true }
-                              );
-                            }}
-                          >
-                            Top-K Diff
-                          </MenuItem>
-                          <MenuItem
-                            onClick={() => {
-                              runAction(
-                                "histogram_diff",
-                                {
-                                  model: node.name,
-                                  column_name: "",
-                                  column_type: "",
-                                },
-                                { showForm: true }
-                              );
-                            }}
-                          >
-                            Histogram Diff
-                          </MenuItem>
-                        </MenuList>
-                      </Menu>
-                    </>
-                  )}
-                <Button
-                  colorScheme="blue"
-                  size="sm"
-                  onClick={() => {
-                    if (envInfo?.adapterType === "dbt") {
-                      setSqlQuery(`select * from {{ ref("${node.name}") }}`);
-                    } else if (envInfo?.adapterType === "sqlmesh") {
-                      setSqlQuery(`select * from ${node.name}`);
-                    }
-                    setPrimaryKeys(
-                      primaryKey !== undefined ? [primaryKey] : undefined
-                    );
-                    setLocation("/query");
-                  }}
-                >
-                  Query
-                </Button>
-              </>
-            )}
-          </HStack>
-        </>
+        <Tabs overflow="auto" as={Flex}>
+          <TabList>
+            <Tab>Columns</Tab>
+          </TabList>
+          <TabPanels overflow="auto" height="calc(100% - 42px)">
+            <TabPanel p={0} overflowY="auto" height="100%">
+              <SchemaView base={node.data.base} current={node.data.current} />
+            </TabPanel>
+          </TabPanels>
+        </Tabs>
       )}
+      <Modal isOpen={isCodeDiffOpen} onClose={onCodeDiffClose} size="6xl">
+        <ModalOverlay />
+        <ModalContent overflowY="auto" height="75%">
+          <ModalHeader>Model Raw Code Diff</ModalHeader>
+          <ModalCloseButton />
+          <ModalBody>
+            <SqlDiffView base={node.data.base} current={node.data.current} />
+          </ModalBody>
+        </ModalContent>
+      </Modal>
     </Grid>
   );
 }
diff --git a/js/src/components/schema/SqlDiffView.tsx b/js/src/components/schema/SqlDiffView.tsx
index 329dffd4..a878007c 100644
--- a/js/src/components/schema/SqlDiffView.tsx
+++ b/js/src/components/schema/SqlDiffView.tsx
@@ -9,7 +9,7 @@ interface SqlDiffProps {
 export function SqlDiffView({ base, current }: SqlDiffProps) {
   return (
     <DiffEditor
-      height="500px"
+      height="100%"
       language="sql"
       theme="vs"
       original={base?.raw_code}