feat(frontend): hide object scopes by default

1 files changed, 9 insertions, 0 deletions

diff --git a/subprojects/frontend/src/graph/VisibilityDialog.tsx b/subprojects/frontend/src/graph/VisibilityDialog.tsx
index 5c459fd1..f1fef28b 100644
--- a/subprojects/frontend/src/graph/VisibilityDialog.tsx
+++ b/subprojects/frontend/src/graph/VisibilityDialog.tsx
@@ -55,6 +55,9 @@ const VisibilityDialogRoot = styled('div', {
       marginLeft: 0,
       paddingTop: theme.spacing(1),
       paddingLeft: theme.spacing(1),
+      '& + .MuiFormControlLabel-root': {
+        paddingTop: 0,
+      },
     },
     '.VisibilityDialog-scroll': {
       display: 'flex',
@@ -247,6 +250,12 @@ function VisibilityDialog({
         }
         label="Fully qualified names"
       />
+      <FormControlLabel
+        control={
+          <Switch checked={graph.scopes} onClick={() => graph.toggleScopes()} />
+        }
+        label="Object scopes"
+      />
       <div className="VisibilityDialog-scroll">
         {hasRows ? (
           <table cellSpacing={0}>