diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/Icon.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/Icon.tsx
index e53c65fe3254a..eb281ed39bc46 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/Icon.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/Icon.tsx
@@ -73,6 +73,7 @@ import code_location from '../icon-svgs/code_location.svg';
 import code_location_reload from '../icon-svgs/code_location_reload.svg';
 import collapse from '../icon-svgs/collapse.svg';
 import collapse_arrows from '../icon-svgs/collapse_arrows.svg';
+import collapse_fullscreen from '../icon-svgs/collapse_fullscreen.svg';
 import column_lineage from '../icon-svgs/column_lineage.svg';
 import column_schema from '../icon-svgs/column_schema.svg';
 import compute_kind from '../icon-svgs/compute_kind.svg';
@@ -143,6 +144,7 @@ import execute from '../icon-svgs/execute.svg';
 import executing from '../icon-svgs/executing.svg';
 import expand from '../icon-svgs/expand.svg';
 import expand_arrows from '../icon-svgs/expand_arrows.svg';
+import expand_fullscreen from '../icon-svgs/expand_fullscreen.svg';
 import expand_less from '../icon-svgs/expand_less.svg';
 import expand_more from '../icon-svgs/expand_more.svg';
 import expectation from '../icon-svgs/expectation.svg';
@@ -488,6 +490,7 @@ export const Icons = {
   code_location,
   code_location_reload,
   collapse,
+  collapse_fullscreen,
   collapse_arrows,
   column_lineage,
   column_schema,
@@ -559,6 +562,7 @@ export const Icons = {
   executing,
   expand,
   expand_arrows,
+  expand_fullscreen,
   expand_less,
   expand_more,
   expectation,
diff --git a/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/collapse_fullscreen.svg b/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/collapse_fullscreen.svg
new file mode 100644
index 0000000000000..5618859605d27
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/collapse_fullscreen.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M2.26634 14.6668L1.33301 13.7335L5.73301 9.3335H2.66634V8.00016H7.99967V13.3335H6.66634V10.2668L2.26634 14.6668ZM7.99967 8.00016V2.66683H9.33301V5.7335L13.733 1.3335L14.6663 2.26683L10.2663 6.66683H13.333V8.00016H7.99967Z" fill="white"/>
+</g>
+</svg>
diff --git a/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/expand_fullscreen.svg b/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/expand_fullscreen.svg
new file mode 100644
index 0000000000000..ae7b0dbfe9d1d
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-components/src/icon-svgs/expand_fullscreen.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M2 14V10.6667H3.33333V12.6667H5.33333V14H2ZM10.6667 14V12.6667H12.6667V10.6667H14V14H10.6667ZM2 5.33333V2H5.33333V3.33333H3.33333V5.33333H2ZM12.6667 5.33333V3.33333H10.6667V2H14V5.33333H12.6667Z" fill="white"/>
+</g>
+</svg>
diff --git a/js_modules/dagster-ui/packages/ui-core/src/app/App.tsx b/js_modules/dagster-ui/packages/ui-core/src/app/App.tsx
index 6f5f6ed8a48c2..a01c542e275c2 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/app/App.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/app/App.tsx
@@ -1,8 +1,10 @@
 import * as React from 'react';
+import {useRecoilValue} from 'recoil';
 import styled from 'styled-components';
 
 import {LayoutContext} from './LayoutProvider';
 import {LEFT_NAV_WIDTH, LeftNav} from '../nav/LeftNav';
+import {isFullScreenAtom} from './AppTopNav/AppTopNavContext';
 
 interface Props {
   banner?: React.ReactNode;
@@ -18,8 +20,10 @@ export const App = ({banner, children}: Props) => {
     }
   }, [nav]);
 
+  const isFullScreen = useRecoilValue(isFullScreenAtom);
+
   return (
-    <Container>
+    <Container $isFullScreen={isFullScreen}>
       <LeftNav />
       <Main $smallScreen={nav.isSmallScreen} $navOpen={nav.isOpen} onClick={onClickMain}>
         <div>{banner}</div>
@@ -50,9 +54,15 @@ const Main = styled.div<{$smallScreen: boolean; $navOpen: boolean}>`
   }}
 `;
 
-const Container = styled.div`
+const Container = styled.div<{$isFullScreen: boolean}>`
   display: flex;
-  height: calc(100% - 64px);
+  ${({$isFullScreen}) => {
+    if ($isFullScreen) {
+      return `height: 100%;`;
+    } else {
+      return `height: calc(100% - 64px);`;
+    }
+  }}
 `;
 
 const ChildContainer = styled.div`
diff --git a/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNav.tsx b/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNav.tsx
index 3afbb7c18e65e..3039841d689fd 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNav.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNav.tsx
@@ -1,6 +1,7 @@
 import {Box, Colors, Icon, IconWrapper} from '@dagster-io/ui-components';
 import * as React from 'react';
 import {NavLink} from 'react-router-dom';
+import {useRecoilValue} from 'recoil';
 import {AppTopNavRightOfLogo} from 'shared/app/AppTopNav/AppTopNavRightOfLogo.oss';
 import styled from 'styled-components';
 
@@ -14,6 +15,7 @@ import {
 import {SearchDialog} from '../../search/SearchDialog';
 import {LayoutContext} from '../LayoutProvider';
 import {ShortcutHandler} from '../ShortcutHandler';
+import {isFullScreenAtom} from './AppTopNavContext';
 
 interface Props {
   children?: React.ReactNode;
@@ -22,6 +24,13 @@ interface Props {
 }
 
 export const AppTopNav = ({children, allowGlobalReload = false}: Props) => {
+  const isFullScreen = useRecoilValue(isFullScreenAtom);
+  return isFullScreen ? null : (
+    <AppTopNavImpl allowGlobalReload={allowGlobalReload}>{children}</AppTopNavImpl>
+  );
+};
+
+const AppTopNavImpl = ({children, allowGlobalReload = false}: Props) => {
   const {flagMarketplace} = useFeatureFlags();
   const {reloading, tryReload} = useRepositoryLocationReload({
     scope: 'workspace',
diff --git a/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNavContext.tsx b/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNavContext.tsx
new file mode 100644
index 0000000000000..e19b257974b1b
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-core/src/app/AppTopNav/AppTopNavContext.tsx
@@ -0,0 +1,6 @@
+import {atom} from 'recoil';
+
+export const isFullScreenAtom = atom<boolean>({
+  key: 'isFullScreenAtom',
+  default: false,
+});
diff --git a/js_modules/dagster-ui/packages/ui-core/src/app/__tests__/AppTopNav.test.tsx b/js_modules/dagster-ui/packages/ui-core/src/app/__tests__/AppTopNav.test.tsx
index 4b91ae8a5ffbb..d290bc9f99e0f 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/app/__tests__/AppTopNav.test.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/app/__tests__/AppTopNav.test.tsx
@@ -1,6 +1,7 @@
 import {MockedProvider} from '@apollo/client/testing';
 import {render, screen} from '@testing-library/react';
 import {MemoryRouter} from 'react-router-dom';
+import {RecoilRoot} from 'recoil';
 
 import {WorkspaceProvider} from '../../workspace/WorkspaceContext/WorkspaceContext';
 import {AppTopNav} from '../AppTopNav/AppTopNav';
@@ -14,13 +15,15 @@ jest.mock('../../search/SearchDialog', () => ({
 describe('AppTopNav', () => {
   it('renders links and controls', async () => {
     render(
-      <MockedProvider mocks={[...workspaceWithNoJobs]}>
-        <MemoryRouter>
-          <WorkspaceProvider>
-            <AppTopNav />
-          </WorkspaceProvider>
-        </MemoryRouter>
-      </MockedProvider>,
+      <RecoilRoot>
+        <MockedProvider mocks={[...workspaceWithNoJobs]}>
+          <MemoryRouter>
+            <WorkspaceProvider>
+              <AppTopNav />
+            </WorkspaceProvider>
+          </MemoryRouter>
+        </MockedProvider>
+      </RecoilRoot>,
     );
 
     await screen.findByRole('link', {name: /runs/i});
diff --git a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
index a394af768e225..df1fca9b67e5b 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetGraphExplorer.tsx
@@ -93,6 +93,9 @@ type Props = {
   ) => void;
   viewType: AssetGraphViewType;
   setHideEdgesToNodesOutsideQuery?: (hideEdgesToNodesOutsideQuery: boolean) => void;
+
+  isFullScreen?: boolean;
+  toggleFullScreen?: () => void;
 };
 
 export const MINIMAL_SCALE = 0.6;
@@ -161,6 +164,8 @@ const AssetGraphExplorerWithData = ({
   options,
   setOptions,
   explorerPath,
+  isFullScreen,
+  toggleFullScreen,
   onChangeExplorerPath,
   onNavigateToSourceAssetNode: onNavigateToSourceAssetNode,
   assetGraphData,
@@ -684,7 +689,7 @@ const AssetGraphExplorerWithData = ({
               </OptionsOverlay>
             )}
 
-            <TopbarWrapper>
+            <TopbarWrapper $isFullScreen={isFullScreen}>
               <Box flex={{direction: 'column'}} style={{width: '100%'}}>
                 <Box
                   flex={{gap: 12, alignItems: 'flex-start'}}
@@ -700,20 +705,40 @@ const AssetGraphExplorerWithData = ({
                       />
                     </Tooltip>
                   )}
-                  <GraphQueryInputFlexWrap>
-                    <AssetSelectionInput
-                      assets={graphQueryItems}
-                      value={explorerPath.opsQuery}
-                      onChange={onChangeAssetSelection}
-                      onErrorStateChange={(errors: SyntaxError[]) => {
-                        if (errors !== errorState) {
-                          setErrorState(errors);
-                        }
-                      }}
-                    />
-                  </GraphQueryInputFlexWrap>
-                  <CreateCatalogViewButton />
-                  <AssetLiveDataRefreshButton />
+                  {viewType === AssetGraphViewType.CATALOG ? (
+                    <>
+                      {toggleFullScreen ? (
+                        <Tooltip content={isFullScreen ? 'Collapse' : 'Expand'}>
+                          <Button
+                            icon={
+                              <Icon
+                                name={isFullScreen ? 'collapse_fullscreen' : 'expand_fullscreen'}
+                              />
+                            }
+                            onClick={toggleFullScreen}
+                          />
+                        </Tooltip>
+                      ) : null}
+                      <div style={{flex: 1}} />
+                    </>
+                  ) : (
+                    <>
+                      <GraphQueryInputFlexWrap>
+                        <AssetSelectionInput
+                          assets={graphQueryItems}
+                          value={explorerPath.opsQuery}
+                          onChange={onChangeAssetSelection}
+                          onErrorStateChange={(errors: SyntaxError[]) => {
+                            if (errors !== errorState) {
+                              setErrorState(errors);
+                            }
+                          }}
+                        />
+                      </GraphQueryInputFlexWrap>
+                      <CreateCatalogViewButton />
+                      <AssetLiveDataRefreshButton />
+                    </>
+                  )}
                   {isIframe() ? null : (
                     <LaunchAssetExecutionButton
                       preferredJobName={explorerPath.pipelineName}
@@ -810,13 +835,19 @@ const SVGContainer = styled.svg`
   }
 `;
 
-const TopbarWrapper = styled.div`
+const TopbarWrapper = styled.div<{$isFullScreen?: boolean}>`
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   display: flex;
-  background: ${Colors.backgroundDefault()};
+  ${({$isFullScreen}) => {
+    return $isFullScreen
+      ? ''
+      : `
+        background: ${Colors.backgroundDefault()};
+      `;
+  }}
   gap: 12px;
   align-items: center;
   border-bottom: 1px solid ${Colors.keylineDefault()};
diff --git a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/Utils.tsx b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/Utils.tsx
index 4d8f6b0f1babc..17bf6ea24e90a 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/Utils.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/Utils.tsx
@@ -20,6 +20,7 @@ export enum AssetGraphViewType {
   GLOBAL = 'global',
   JOB = 'job',
   GROUP = 'group',
+  CATALOG = 'catalog',
 }
 
 /**
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogAssetGraph.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogAssetGraph.tsx
new file mode 100644
index 0000000000000..bca68fc97941d
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogAssetGraph.tsx
@@ -0,0 +1,79 @@
+import React, {useCallback, useMemo} from 'react';
+import {useHistory} from 'react-router';
+
+import {assetDetailsPathForKey} from './assetDetailsPathForKey';
+import {AssetGraphExplorer} from '../asset-graph/AssetGraphExplorer';
+import {AssetGraphViewType} from '../asset-graph/Utils';
+import {AssetLocation} from '../asset-graph/useFindAssetLocation';
+import {useOpenInNewTab} from '../hooks/useOpenInNewTab';
+import {ExplorerPath} from '../pipelines/PipelinePathUtils';
+import {workspacePathFromAddress} from '../workspace/workspacePath';
+
+export const AssetCatalogAssetGraph = React.memo(
+  ({
+    selection,
+    onChangeSelection,
+    isFullScreen,
+    toggleFullScreen,
+  }: {
+    selection: string;
+    onChangeSelection: (selection: string) => void;
+    isFullScreen: boolean;
+    toggleFullScreen: () => void;
+  }) => {
+    const history = useHistory();
+    const openInNewTab = useOpenInNewTab();
+
+    const onNavigateToSourceAssetNode = useCallback(
+      (e: Pick<React.MouseEvent<any>, 'metaKey'>, node: AssetLocation) => {
+        let path;
+        if (node.groupName && node.repoAddress) {
+          path = workspacePathFromAddress(
+            node.repoAddress,
+            `/asset-groups/${node.groupName}/lineage/${node.assetKey.path
+              .map(encodeURIComponent)
+              .join('/')}`,
+          );
+        } else {
+          path = assetDetailsPathForKey(node.assetKey, {view: 'definition'});
+        }
+        if (e.metaKey) {
+          openInNewTab(path);
+        } else {
+          history.push(path);
+        }
+      },
+      [history, openInNewTab],
+    );
+
+    const fetchOptions = React.useMemo(() => ({loading: false}), []);
+
+    const lineageOptions = React.useMemo(
+      () => ({preferAssetRendering: true, explodeComposites: true}),
+      [],
+    );
+
+    return (
+      <AssetGraphExplorer
+        fetchOptions={fetchOptions}
+        options={lineageOptions}
+        explorerPath={useMemo(
+          () => ({
+            opsQuery: selection,
+            pipelineName: '',
+            opNames: [''],
+          }),
+          [selection],
+        )}
+        onChangeExplorerPath={useCallback(
+          (path: ExplorerPath) => onChangeSelection(path.opsQuery),
+          [onChangeSelection],
+        )}
+        onNavigateToSourceAssetNode={onNavigateToSourceAssetNode}
+        viewType={AssetGraphViewType.CATALOG}
+        isFullScreen={isFullScreen}
+        toggleFullScreen={toggleFullScreen}
+      />
+    );
+  },
+);
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogTableV2.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogTableV2.tsx
index c8f29cbb1a3c6..d09080332273c 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogTableV2.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetCatalogTableV2.tsx
@@ -17,11 +17,13 @@ import {useVirtualizer} from '@tanstack/react-virtual';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
-import React, {useCallback, useMemo, useRef, useState} from 'react';
-import {Link} from 'react-router-dom';
+import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import {Link, useRouteMatch} from 'react-router-dom';
+import {useSetRecoilState} from 'recoil';
 import {CreateCatalogViewButton} from 'shared/assets/CreateCatalogViewButton.oss';
 import styled from 'styled-components';
 
+import {AssetCatalogAssetGraph} from './AssetCatalogAssetGraph';
 import {AssetHealthStatusString, STATUS_INFO, statusToIconAndColor} from './AssetHealthSummary';
 import {AssetRecentUpdatesTrend} from './AssetRecentUpdatesTrend';
 import {useAllAssets} from './AssetsCatalogTable';
@@ -31,9 +33,11 @@ import {asAssetKeyInput} from './asInput';
 import {assetDetailsPathForKey} from './assetDetailsPathForKey';
 import {PythonErrorInfo} from '../app/PythonErrorInfo';
 import {AssetTableFragment} from './types/AssetTableFragment.types';
+import {currentPageAtom} from '../app/analytics';
 import {useAssetsHealthData} from '../asset-data/AssetHealthDataProvider';
 import {AssetHealthFragment} from '../asset-data/types/AssetHealthDataProvider.types';
 import {useAssetSelectionInput} from '../asset-selection/input/useAssetSelectionInput';
+import {useQueryPersistedState} from '../hooks/useQueryPersistedState';
 import {useBlockTraceUntilTrue} from '../performance/TraceContext';
 import {SyntaxError} from '../selection/CustomErrorListener';
 import {IndeterminateLoadingBar} from '../ui/IndeterminateLoadingBar';
@@ -43,103 +47,134 @@ const emptyArray: any[] = [];
 dayjs.extend(relativeTime);
 dayjs.extend(updateLocale);
 
-export const AssetsCatalogTableV2Impl = React.memo(() => {
-  const {assets, loading: assetsLoading, error} = useAllAssets();
-  useBlockTraceUntilTrue('useAllAssets', !!assets?.length && !assetsLoading);
+export const AssetsCatalogTableV2Impl = React.memo(
+  ({isFullScreen, toggleFullScreen}: {isFullScreen: boolean; toggleFullScreen: () => void}) => {
+    const {assets, loading: assetsLoading, error} = useAllAssets();
+    useBlockTraceUntilTrue('useAllAssets', !!assets?.length && !assetsLoading);
 
-  const [errorState, setErrorState] = useState<SyntaxError[]>([]);
-  const {filterInput, filtered, loading} = useAssetSelectionInput({
-    assets: assets ?? emptyArray,
-    assetsLoading: !assets && assetsLoading,
-    onErrorStateChange: useCallback(
-      (errors: SyntaxError[]) => {
-        if (errors !== errorState) {
-          setErrorState(errors);
-        }
-      },
-      [errorState],
-    ),
-  });
+    const [errorState, setErrorState] = useState<SyntaxError[]>([]);
+    const {filterInput, filtered, loading, setAssetSelection, assetSelection} =
+      useAssetSelectionInput<AssetTableFragment>({
+        assets: assets ?? emptyArray,
+        assetsLoading: !assets && assetsLoading,
+        onErrorStateChange: useCallback(
+          (errors: SyntaxError[]) => {
+            if (errors !== errorState) {
+              setErrorState(errors);
+            }
+          },
+          [errorState],
+        ),
+      });
 
-  const {liveDataByNode} = useAssetsHealthData(
-    useMemo(() => filtered.map((asset) => asAssetKeyInput(asset.key)), [filtered]),
-  );
+    const {liveDataByNode} = useAssetsHealthData(
+      useMemo(() => filtered.map((asset) => asAssetKeyInput(asset.key)), [filtered]),
+    );
+
+    const healthDataLoading = useMemo(() => {
+      return Object.values(liveDataByNode).length !== filtered.length;
+    }, [liveDataByNode, filtered]);
 
-  const healthDataLoading = useMemo(() => {
-    return Object.values(liveDataByNode).length !== filtered.length;
-  }, [liveDataByNode, filtered]);
+    const groupedByStatus = useMemo(() => {
+      const byStatus: Record<AssetHealthStatusString, (typeof liveDataByNode)[string][]> = {
+        Degraded: [],
+        Warning: [],
+        Healthy: [],
+        Unknown: [],
+      };
+      Object.values(liveDataByNode).forEach((asset) => {
+        const status = statusToIconAndColor[asset.assetHealth?.assetHealth ?? 'undefined'].text;
+        byStatus[status].push(asset);
+      });
+      return byStatus;
+    }, [liveDataByNode]);
 
-  const groupedByStatus = useMemo(() => {
-    const byStatus: Record<AssetHealthStatusString, (typeof liveDataByNode)[string][]> = {
-      Degraded: [],
-      Warning: [],
-      Healthy: [],
-      Unknown: [],
-    };
-    Object.values(liveDataByNode).forEach((asset) => {
-      const status = statusToIconAndColor[asset.assetHealth?.assetHealth ?? 'undefined'].text;
-      byStatus[status].push(asset);
+    const [selectedTab, setSelectedTab] = useQueryPersistedState<string | undefined>({
+      queryKey: 'selectedTab',
+      decode: (qs) =>
+        qs.selectedTab && typeof qs.selectedTab === 'string' ? qs.selectedTab : undefined,
+      encode: (b) => ({selectedTab: b || undefined}),
     });
-    return byStatus;
-  }, [liveDataByNode]);
 
-  const [selectedTab, setSelectedTab] = useState<'Catalog' | 'Lineage' | 'Insights'>('Catalog');
+    const setCurrentPage = useSetRecoilState(currentPageAtom);
+    const {path} = useRouteMatch();
+    useEffect(() => {
+      setCurrentPage(({specificPath}) => ({
+        specificPath,
+        path: `${path}?view=AssetCatalogTableV2&selected_tab=${selectedTab}`,
+      }));
+    }, [path, setCurrentPage, selectedTab]);
 
-  const content = useMemo(() => {
-    switch (selectedTab) {
-      case 'Catalog':
-        return <Table assets={filtered} groupedByStatus={groupedByStatus} loading={loading} />;
-      case 'Lineage':
-        return <div>Lineage</div>;
-      case 'Insights':
-        return <div>Insights</div>;
+    const content = useMemo(() => {
+      switch (selectedTab) {
+        case 'lineage':
+          return (
+            <AssetCatalogAssetGraph
+              selection={assetSelection}
+              onChangeSelection={setAssetSelection}
+              isFullScreen={isFullScreen}
+              toggleFullScreen={toggleFullScreen}
+            />
+          );
+        case 'insights':
+          return <div>Insights</div>;
+        default:
+          return <Table assets={filtered} groupedByStatus={groupedByStatus} loading={loading} />;
+      }
+    }, [
+      selectedTab,
+      filtered,
+      groupedByStatus,
+      loading,
+      assetSelection,
+      setAssetSelection,
+      isFullScreen,
+      toggleFullScreen,
+    ]);
+
+    if (error) {
+      return <PythonErrorInfo error={error} />;
     }
-  }, [selectedTab, filtered, groupedByStatus, loading]);
 
-  if (error) {
-    return <PythonErrorInfo error={error} />;
-  }
+    if (!assets?.length && !loading) {
+      return (
+        <Box padding={{vertical: 64}}>
+          <AssetsEmptyState />
+        </Box>
+      );
+    }
 
-  if (!assets?.length && !loading) {
     return (
-      <Box padding={{vertical: 64}}>
-        <AssetsEmptyState />
-      </Box>
-    );
-  }
-
-  return (
-    <div
-      style={{
-        display: 'grid',
-        gridTemplateRows: 'auto auto auto minmax(0, 1fr)',
-        height: '100%',
-        minHeight: 600,
-      }}
-    >
-      <Box
-        flex={{direction: 'row', alignItems: 'center', gap: 8}}
-        padding={{vertical: 12, horizontal: 24}}
-      >
-        <Box flex={{grow: 1, shrink: 1}}>{filterInput}</Box>
-        <CreateCatalogViewButton />
-      </Box>
-      <IndeterminateLoadingBar $loading={loading || healthDataLoading} />
-      <Box border="bottom">
-        <Tabs
-          onChange={setSelectedTab}
-          selectedTabId={selectedTab}
-          style={{marginLeft: 24, marginRight: 24}}
+      <Box flex={{direction: 'column'}} style={{height: '100%', minHeight: 600}}>
+        <Box
+          flex={{direction: 'row', alignItems: 'center', gap: 8}}
+          padding={{vertical: 12, horizontal: 24}}
+          border="bottom"
         >
-          <Tab id="Catalog" title="Catalog" />
-          <Tab id="Lineage" title="Lineage" />
-          <Tab id="Insights" title="Insights" />
-        </Tabs>
+          <Box flex={{grow: 1, shrink: 1}}>{filterInput}</Box>
+          <CreateCatalogViewButton />
+        </Box>
+        {selectedTab === 'catalog' ? (
+          <IndeterminateLoadingBar $loading={loading || healthDataLoading} />
+        ) : null}
+        <Box border="bottom">
+          {isFullScreen ? null : (
+            <Tabs
+              onChange={setSelectedTab}
+              selectedTabId={selectedTab}
+              style={{marginLeft: 24, marginRight: 24}}
+            >
+              <Tab id="catalog" title="Catalog" />
+              <Tab id="lineage" title="Lineage" />
+              <Tab id="insights" title="Insights" />
+            </Tabs>
+          )}
+        </Box>
+        {content}
       </Box>
-      {content}
-    </div>
-  );
-});
+    );
+  },
+);
 
 const Table = React.memo(
   ({
@@ -163,12 +198,11 @@ const Table = React.memo(
     return (
       <div style={{display: 'grid', gridTemplateRows: 'minmax(0, 1fr)', height: '100%'}}>
         <div
-          style={{
-            display: 'grid',
-            gridTemplateColumns: 'minmax(0, 1fr) 374px',
-            gridTemplateRows: 'minmax(0, 1fr)',
-            height: '100%',
-          }}
+        // style={{
+        //   display: 'grid',
+        //   gridTemplateColumns: 'minmax(0, 1fr) 374px',
+        //   height: '100%',
+        // }}
         >
           <div
             style={{display: 'grid', gridTemplateRows: 'auto minmax(500px, 1fr)', height: '100%'}}
@@ -196,9 +230,9 @@ const Table = React.memo(
             </Box>
             <VirtualizedTable groupedByStatus={groupedByStatus} loading={loading} />
           </div>
-          <Box border="left" padding={{vertical: 24, horizontal: 12}}>
-            test
-          </Box>
+          {/* <Box border="left" padding={{vertical: 24, horizontal: 12}}>
+            Sidebar
+          </Box> */}
         </div>
       </div>
     );
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsCatalog.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsCatalog.tsx
index 97b630460a27a..9853fb893b881 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsCatalog.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsCatalog.tsx
@@ -1,11 +1,11 @@
 import {Box} from '@dagster-io/ui-components';
 import React, {useEffect} from 'react';
 import {useRouteMatch} from 'react-router-dom';
-import {useSetRecoilState} from 'recoil';
-import {AssetGlobalLineageLink} from 'shared/assets/AssetPageHeader.oss';
+import {useRecoilState, useSetRecoilState} from 'recoil';
 import {ViewBreadcrumb} from 'shared/assets/ViewBreadcrumb.oss';
 
 import {AssetsCatalogTableV2Impl} from './AssetCatalogTableV2';
+import {isFullScreenAtom} from '../app/AppTopNav/AppTopNavContext';
 import {currentPageAtom} from '../app/analytics';
 
 export const AssetsCatalog = React.memo(() => {
@@ -15,6 +15,8 @@ export const AssetsCatalog = React.memo(() => {
     setCurrentPage(({specificPath}) => ({specificPath, path: `${path}?view=AssetCatalogTableV2`}));
   }, [path, setCurrentPage]);
 
+  const [isFullScreen, setIsFullScreen] = useRecoilState(isFullScreenAtom);
+
   return (
     <div
       style={{
@@ -30,9 +32,11 @@ export const AssetsCatalog = React.memo(() => {
         border="top"
       >
         <ViewBreadcrumb full />
-        <AssetGlobalLineageLink />
       </Box>
-      <AssetsCatalogTableV2Impl />
+      <AssetsCatalogTableV2Impl
+        isFullScreen={isFullScreen}
+        toggleFullScreen={() => setIsFullScreen(!isFullScreen)}
+      />
     </div>
   );
 });