From 3081c89e960ebdf7af0dfb58dae7704604dc775d Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Thu, 30 Oct 2025 13:00:40 +0100
Subject: [PATCH 1/9] show warning icon for invalid relationships

---
 .../src/components/diagram-editor.tsx         |  6 +++
 .../drawer/collection-drawer-content.tsx      | 11 ++---
 .../drawer/relationships-section.tsx          | 47 +++++++++++++++----
 .../src/utils/nodes-and-edges.ts              | 12 ++++-
 .../compass-data-modeling/src/utils/utils.ts  | 25 ++++++++++
 5 files changed, 85 insertions(+), 16 deletions(-)

diff --git a/packages/compass-data-modeling/src/components/diagram-editor.tsx b/packages/compass-data-modeling/src/components/diagram-editor.tsx
index e0eec9f368e..b9a40564d62 100644
--- a/packages/compass-data-modeling/src/components/diagram-editor.tsx
+++ b/packages/compass-data-modeling/src/components/diagram-editor.tsx
@@ -58,6 +58,7 @@ import {
   relationshipToDiagramEdge,
 } from '../utils/nodes-and-edges';
 import toNS from 'mongodb-ns';
+import { getNamespaceRelationships } from '../utils/utils';
 
 const loadingContainerStyles = css({
   width: '100%',
@@ -230,6 +231,10 @@ const DiagramContent: React.FunctionComponent<{
         !!selectedItems &&
         selectedItems.type === 'collection' &&
         selectedItems.id === coll.ns;
+      const relationships = getNamespaceRelationships(
+        coll.ns,
+        model?.relationships
+      );
       return collectionToDiagramNode({
         ...coll,
         highlightedFields,
@@ -239,6 +244,7 @@ const DiagramContent: React.FunctionComponent<{
             : undefined,
         selected,
         isInRelationshipDrawingMode,
+        relationships,
       });
     });
   }, [
diff --git a/packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx b/packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx
index d892ced6930..b394a4adcd5 100644
--- a/packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx
+++ b/packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx
@@ -21,6 +21,7 @@ import {
 } from './drawer-section-components';
 import { useChangeOnBlur } from './use-change-on-blur';
 import { RelationshipsSection } from './relationships-section';
+import { getNamespaceRelationships } from '../../utils/utils';
 
 type CollectionDrawerContentProps = {
   namespace: string;
@@ -170,12 +171,10 @@ export default connect(
       namespace: collection.ns,
       isDraftCollection: state.diagram?.draftCollection === ownProps.namespace,
       collections: model.collections,
-      relationships: model.relationships.filter((r) => {
-        const [local, foreign] = r.relationship;
-        return (
-          local.ns === ownProps.namespace || foreign.ns === ownProps.namespace
-        );
-      }),
+      relationships: getNamespaceRelationships(
+        ownProps.namespace,
+        model.relationships
+      ),
     };
   },
   {
diff --git a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
index aadea753aab..0f058f8c8b6 100644
--- a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
+++ b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
@@ -8,9 +8,11 @@ import {
   IconButton,
   palette,
   spacing,
+  Tooltip,
 } from '@mongodb-js/compass-components';
 import type { Relationship } from '../../services/data-model-storage';
 import { getDefaultRelationshipName } from '../../utils';
+import { isRelationshipInvalid } from '../../utils/utils';
 
 const titleBtnStyles = css({
   marginLeft: 'auto',
@@ -35,13 +37,23 @@ const relationshipItemStyles = css({
   alignItems: 'center',
 });
 
-const relationshipNameStyles = css({
+const relationshipNameWrapperStyles = css({
   flexGrow: 1,
+  minWidth: 0,
+  display: 'flex',
+  alignItems: 'center',
+  gap: spacing[100],
+  paddingRight: spacing[200],
+});
+
+const relationshipNameStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  minWidth: 0,
-  paddingRight: spacing[200],
+});
+
+const warnIconWrapperStyles = css({
+  display: 'flex',
 });
 
 const relationshipContentStyles = css({
@@ -97,12 +109,29 @@ export const RelationshipsSection: React.FunctionComponent<
                   data-relationship-id={r.id}
                   className={relationshipItemStyles}
                 >
-                  <span
-                    className={relationshipNameStyles}
-                    title={relationshipLabel}
-                  >
-                    {relationshipLabel}
-                  </span>
+                  <div className={relationshipNameWrapperStyles}>
+                    <span
+                      className={relationshipNameStyles}
+                      title={relationshipLabel}
+                    >
+                      {relationshipLabel}
+                    </span>
+                    {isRelationshipInvalid(r) && (
+                      <Tooltip
+                        trigger={
+                          <div className={warnIconWrapperStyles}>
+                            <Icon
+                              glyph="Warning"
+                              color={palette.yellow.light2}
+                            />
+                          </div>
+                        }
+                      >
+                        Can not resolve the relationship - please verify the
+                        linked fields and namespace.
+                      </Tooltip>
+                    )}
+                  </div>
                   <IconButton
                     aria-label="Edit relationship"
                     title="Edit relationship"
diff --git a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
index a3fc22d0ec7..44e4a6f25d1 100644
--- a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
+++ b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
@@ -13,7 +13,7 @@ import type {
   Relationship,
 } from '../services/data-model-storage';
 import { traverseSchema } from './schema-traversal';
-import { areFieldPathsEqual, isIdField } from './utils';
+import { areFieldPathsEqual, isIdField, isRelationshipInvalid } from './utils';
 
 const NO_HIGHLIGHTED_FIELDS = {};
 
@@ -144,6 +144,7 @@ type CollectionWithRenderOptions = Pick<
   selectedField?: FieldPath;
   selected: boolean;
   isInRelationshipDrawingMode: boolean;
+  relationships: Relationship[];
 };
 
 export function collectionToDiagramNode({
@@ -154,7 +155,15 @@ export function collectionToDiagramNode({
   highlightedFields,
   selected,
   isInRelationshipDrawingMode,
+  relationships,
 }: CollectionWithRenderOptions): NodeProps {
+  let variant: NodeProps['variant'] = undefined;
+  if (relationships.some(isRelationshipInvalid)) {
+    variant = {
+      type: 'warn' as const,
+      warnMessage: 'One or more relationships can not be resolved.',
+    };
+  }
   return {
     id: ns,
     type: 'collection',
@@ -171,6 +180,7 @@ export function collectionToDiagramNode({
     selected,
     connectable: isInRelationshipDrawingMode,
     draggable: !isInRelationshipDrawingMode,
+    variant,
   };
 }
 
diff --git a/packages/compass-data-modeling/src/utils/utils.ts b/packages/compass-data-modeling/src/utils/utils.ts
index 421eb6bd6ea..6d3ffc085fb 100644
--- a/packages/compass-data-modeling/src/utils/utils.ts
+++ b/packages/compass-data-modeling/src/utils/utils.ts
@@ -84,3 +84,28 @@ export function dualSourceHandlerDebounce(
   };
   return Array.from({ length: count }, (_, i) => makeHandler(i));
 }
+
+export function getNamespaceRelationships(
+  namespace: string,
+  relationships: Relationship[] = []
+): Relationship[] {
+  return (
+    relationships.filter((r) => {
+      const [local, foreign] = r.relationship;
+      return local.ns === namespace || foreign.ns === namespace;
+    }) || []
+  );
+}
+
+export function isRelationshipInvalid(relationship: Relationship): boolean {
+  const [source, target] = relationship.relationship;
+  if (!source.ns || !target.ns || !source.fields || !target.fields) {
+    return true;
+  }
+
+  if (source.fields.length === 0 || target.fields.length === 0) {
+    return true;
+  }
+
+  return false;
+}

From 52eb83630a59b5a1c3790f829e61b6f287af5136 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Thu, 30 Oct 2025 13:45:58 +0100
Subject: [PATCH 2/9] icon color

---
 .../drawer/relationships-section.tsx          | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
index 0f058f8c8b6..9b6590a6008 100644
--- a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
+++ b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
@@ -4,11 +4,13 @@ import {
   Badge,
   Button,
   css,
+  cx,
   Icon,
   IconButton,
   palette,
   spacing,
   Tooltip,
+  useDarkMode,
 } from '@mongodb-js/compass-components';
 import type { Relationship } from '../../services/data-model-storage';
 import { getDefaultRelationshipName } from '../../utils';
@@ -54,6 +56,11 @@ const relationshipNameStyles = css({
 
 const warnIconWrapperStyles = css({
   display: 'flex',
+  color: palette.yellow.dark2,
+});
+
+const warnIconWrapperDarkStyles = css({
+  color: palette.yellow.light2,
 });
 
 const relationshipContentStyles = css({
@@ -77,6 +84,7 @@ export const RelationshipsSection: React.FunctionComponent<
   onEditRelationshipClick,
   onDeleteRelationshipClick,
 }) => {
+  const darkmode = useDarkMode();
   return (
     <DMDrawerSection
       label={
@@ -119,11 +127,13 @@ export const RelationshipsSection: React.FunctionComponent<
                     {isRelationshipInvalid(r) && (
                       <Tooltip
                         trigger={
-                          <div className={warnIconWrapperStyles}>
-                            <Icon
-                              glyph="Warning"
-                              color={palette.yellow.light2}
-                            />
+                          <div
+                            className={cx(
+                              warnIconWrapperStyles,
+                              darkmode && warnIconWrapperDarkStyles
+                            )}
+                          >
+                            <Icon glyph="Warning" />
                           </div>
                         }
                       >

From 81e634d08998c6024787b056d24da96a854d30c7 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Thu, 30 Oct 2025 13:46:07 +0100
Subject: [PATCH 3/9] bootstrap

---
 package-lock.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index d2e7d126ec2..a32558ff732 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53411,6 +53411,7 @@
         "@mongodb-js/compass-components": "^1.57.0",
         "@mongodb-js/compass-connections": "^1.85.0",
         "@mongodb-js/compass-logging": "^1.7.23",
+        "@mongodb-js/compass-user-data": "^0.10.6",
         "bson": "^6.10.4",
         "compass-preferences-model": "^2.63.0",
         "lodash": "^4.17.21",
@@ -67022,6 +67023,7 @@
         "@mongodb-js/compass-components": "^1.57.0",
         "@mongodb-js/compass-connections": "^1.85.0",
         "@mongodb-js/compass-logging": "^1.7.23",
+        "@mongodb-js/compass-user-data": "^0.10.6",
         "@mongodb-js/eslint-config-compass": "^1.4.12",
         "@mongodb-js/mocha-config-compass": "^1.7.2",
         "@mongodb-js/prettier-config-compass": "^1.2.9",

From 98207965e085b99899fe0f5345470f994d95b6d0 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Thu, 30 Oct 2025 13:57:38 +0100
Subject: [PATCH 4/9] tests

---
 .../src/utils/utils.spec.tsx                  | 40 +++++++++++++++++++
 .../compass-data-modeling/src/utils/utils.ts  | 13 +++---
 2 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/packages/compass-data-modeling/src/utils/utils.spec.tsx b/packages/compass-data-modeling/src/utils/utils.spec.tsx
index 31e4883d6fb..4a2bd96ca01 100644
--- a/packages/compass-data-modeling/src/utils/utils.spec.tsx
+++ b/packages/compass-data-modeling/src/utils/utils.spec.tsx
@@ -4,6 +4,7 @@ import {
   isRelationshipOfAField,
   isSameFieldOrAncestor,
   dualSourceHandlerDebounce,
+  isRelationshipInvalid,
 } from './utils';
 import type { Relationship } from '../services/data-model-storage';
 
@@ -135,3 +136,42 @@ describe('dualSourceHandlerDebounce', function () {
     expect(invocationCount).to.equal(3);
   });
 });
+
+describe('isRelationshipInvalid', function () {
+  it('should return true for relationships with missing namespaces', function () {
+    const relationship = {
+      relationship: [
+        { ns: '', fields: ['a'], cardinality: 1 },
+        { ns: 'db.coll2', fields: ['b'], cardinality: 1 },
+      ],
+    } as any;
+    expect(isRelationshipInvalid(relationship)).to.be.true;
+  });
+  it('should return true for relationships with no fields', function () {
+    const relationship = {
+      relationship: [
+        { ns: 'db.coll1', fields: undefined, cardinality: 1 },
+        { ns: 'db.coll2', cardinality: 1 },
+      ],
+    } as any;
+    expect(isRelationshipInvalid(relationship)).to.be.true;
+  });
+  it('should return true for relationships with empty fields', function () {
+    const relationship = {
+      relationship: [
+        { ns: 'db.coll1', fields: [], cardinality: 1 },
+        { ns: 'db.coll2', fields: [], cardinality: 1 },
+      ],
+    } as any;
+    expect(isRelationshipInvalid(relationship)).to.be.true;
+  });
+  it('should return false for relationships with correct namespaces and fields', function () {
+    const relationship = {
+      relationship: [
+        { ns: 'db.coll1', fields: ['_id'], cardinality: 1 },
+        { ns: 'db.coll2', fields: ['order_id'], cardinality: 1 },
+      ],
+    } as any;
+    expect(isRelationshipInvalid(relationship)).to.be.false;
+  });
+});
diff --git a/packages/compass-data-modeling/src/utils/utils.ts b/packages/compass-data-modeling/src/utils/utils.ts
index 6d3ffc085fb..3b03806c121 100644
--- a/packages/compass-data-modeling/src/utils/utils.ts
+++ b/packages/compass-data-modeling/src/utils/utils.ts
@@ -99,11 +99,14 @@ export function getNamespaceRelationships(
 
 export function isRelationshipInvalid(relationship: Relationship): boolean {
   const [source, target] = relationship.relationship;
-  if (!source.ns || !target.ns || !source.fields || !target.fields) {
-    return true;
-  }
-
-  if (source.fields.length === 0 || target.fields.length === 0) {
+  if (
+    !source.ns ||
+    !target.ns ||
+    !source.fields ||
+    !target.fields ||
+    source.fields.length === 0 ||
+    target.fields.length === 0
+  ) {
     return true;
   }
 

From adfea37cc742657768f2f8657c086d74afc2add9 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Tue, 11 Nov 2025 14:14:44 +0100
Subject: [PATCH 5/9] bootstrap

---
 package-lock.json                        | 507 ++++-------------------
 packages/compass-components/package.json |   2 +-
 2 files changed, 86 insertions(+), 423 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a32558ff732..64b1fd68e69 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10717,6 +10717,49 @@
         "url": "https://opencollective.com/node-fetch"
       }
     },
+    "node_modules/@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.3.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
+        "@leafygreen-ui/palette": "^5.0.0",
+        "@leafygreen-ui/tokens": "^3.2.1",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^22.1.0",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "17.0.2",
+        "react-dom": "17.0.2"
+      }
+    },
+    "node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
+      "version": "14.2.2",
+      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+      "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@leafygreen-ui/emotion": "^5.1.0",
+        "@leafygreen-ui/hooks": "^9.2.2",
+        "@leafygreen-ui/icon": "^14.6.1",
+        "@leafygreen-ui/lib": "^15.6.2",
+        "@leafygreen-ui/palette": "^5.0.2",
+        "@leafygreen-ui/popover": "^14.3.0",
+        "@leafygreen-ui/tokens": "^4.0.0",
+        "@leafygreen-ui/typography": "^22.2.0",
+        "lodash": "^4.17.21",
+        "polished": "^4.2.2"
+      },
+      "peerDependencies": {
+        "@leafygreen-ui/leafygreen-provider": ">=3.2.0"
+      }
+    },
     "node_modules/@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",
@@ -48777,7 +48820,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.2.13",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@react-aria/interactions": "^3.9.1",
         "@react-aria/utils": "^3.13.1",
         "@react-aria/visually-hidden": "^3.3.1",
@@ -49165,234 +49208,6 @@
         "polished": "^4.2.2"
       }
     },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-      "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@leafygreen-ui/icon": "^14.3.0",
-        "@leafygreen-ui/inline-definition": "^9.0.5",
-        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-        "@leafygreen-ui/palette": "^5.0.0",
-        "@leafygreen-ui/tokens": "^3.2.1",
-        "@leafygreen-ui/typography": "^22.1.0",
-        "@xyflow/react": "12.5.1",
-        "d3-path": "^3.1.0",
-        "elkjs": "^0.11.0",
-        "react": "17.0.2",
-        "react-dom": "17.0.2"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/emotion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-      "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@emotion/css": "^11.1.3",
-        "@emotion/server": "^11.4.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks": {
-      "version": "9.2.1",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-      "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.6.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-      "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/tooltip": "^14.2.0"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/leafygreen-provider": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-      "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.1.3",
-        "@leafygreen-ui/lib": "^15.3.0",
-        "react-transition-group": "^4.4.5"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/palette": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-      "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw==",
-      "license": "Apache-2.0"
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-      "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.4.0",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-      "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@floating-ui/react": "^0.26.28",
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/portal": "^7.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@types/react-transition-group": "^4.4.5",
-        "lodash": "^4.17.21",
-        "react-transition-group": "^4.4.5"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/portal": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-      "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1"
-      },
-      "peerDependencies": {
-        "react-dom": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
-      "version": "14.2.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-      "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/icon": "^14.6.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/popover": "^14.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/typography": "^22.1.3",
-        "lodash": "^4.17.21",
-        "polished": "^4.2.2"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography": {
-      "version": "22.1.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-      "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/icon": "^14.5.1",
-        "@leafygreen-ui/lib": "^15.4.0",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/polymorphic": "^3.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
     "packages/compass-components/node_modules/sinon": {
       "version": "9.2.4",
       "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -63414,7 +63229,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.2.13",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@mongodb-js/eslint-config-compass": "^1.4.12",
         "@mongodb-js/mocha-config-compass": "^1.7.2",
         "@mongodb-js/prettier-config-compass": "^1.2.9",
@@ -63745,198 +63560,6 @@
             }
           }
         },
-        "@mongodb-js/diagramming": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-          "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-          "requires": {
-            "@emotion/react": "^11.14.0",
-            "@emotion/styled": "^11.14.0",
-            "@leafygreen-ui/icon": "^14.3.0",
-            "@leafygreen-ui/inline-definition": "^9.0.5",
-            "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-            "@leafygreen-ui/palette": "^5.0.0",
-            "@leafygreen-ui/tokens": "^3.2.1",
-            "@leafygreen-ui/typography": "^22.1.0",
-            "@xyflow/react": "12.5.1",
-            "d3-path": "^3.1.0",
-            "elkjs": "^0.11.0",
-            "react": "17.0.2",
-            "react-dom": "17.0.2"
-          },
-          "dependencies": {
-            "@leafygreen-ui/emotion": {
-              "version": "5.0.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-              "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-              "requires": {
-                "@emotion/css": "^11.1.3",
-                "@emotion/server": "^11.4.0"
-              }
-            },
-            "@leafygreen-ui/hooks": {
-              "version": "9.2.1",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-              "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.6.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/inline-definition": {
-              "version": "9.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-              "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/tooltip": "^14.2.0"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/leafygreen-provider": {
-              "version": "5.0.4",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-              "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-              "requires": {
-                "@leafygreen-ui/hooks": "^9.1.3",
-                "@leafygreen-ui/lib": "^15.3.0",
-                "react-transition-group": "^4.4.5"
-              }
-            },
-            "@leafygreen-ui/palette": {
-              "version": "5.0.2",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-              "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw=="
-            },
-            "@leafygreen-ui/polymorphic": {
-              "version": "3.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-              "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.4.0",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/popover": {
-              "version": "14.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-              "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-              "requires": {
-                "@floating-ui/react": "^0.26.28",
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/portal": "^7.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@types/react-transition-group": "^4.4.5",
-                "lodash": "^4.17.21",
-                "react-transition-group": "^4.4.5"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                },
-                "@leafygreen-ui/portal": {
-                  "version": "7.1.0",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-                  "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-                  "requires": {
-                    "@leafygreen-ui/hooks": "^9.2.0",
-                    "@leafygreen-ui/lib": "^15.6.1"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/tooltip": {
-              "version": "14.2.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-              "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/icon": "^14.6.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/popover": "^14.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/typography": "^22.1.3",
-                "lodash": "^4.17.21",
-                "polished": "^4.2.2"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/typography": {
-              "version": "22.1.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-              "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/icon": "^14.5.1",
-                "@leafygreen-ui/lib": "^15.4.0",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/polymorphic": "^3.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            }
-          }
-        },
         "sinon": {
           "version": "9.2.4",
           "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -67540,6 +67163,46 @@
         }
       }
     },
+    "@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "requires": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.6.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^4.0.2",
+        "@leafygreen-ui/palette": "^4.1.3",
+        "@leafygreen-ui/tokens": "^3.2.4",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^20.0.2",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+      },
+      "dependencies": {
+        "@leafygreen-ui/tooltip": {
+          "version": "14.2.2",
+          "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+          "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+          "requires": {
+            "@leafygreen-ui/emotion": "^4.0.9",
+            "@leafygreen-ui/hooks": "^8.3.4",
+            "@leafygreen-ui/icon": "^14.6.0",
+            "@leafygreen-ui/lib": "^15.3.0",
+            "@leafygreen-ui/palette": "^4.1.3",
+            "@leafygreen-ui/popover": "^13.0.11",
+            "@leafygreen-ui/tokens": "^3.2.4",
+            "@leafygreen-ui/typography": "^20.0.2",
+            "lodash": "^4.17.21",
+            "polished": "^4.2.2"
+          }
+        }
+      }
+    },
     "@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",
diff --git a/packages/compass-components/package.json b/packages/compass-components/package.json
index c2748f3b6c6..071145c899f 100644
--- a/packages/compass-components/package.json
+++ b/packages/compass-components/package.json
@@ -98,7 +98,7 @@
     "@lg-chat/suggestions": "^0.2.3",
     "@lg-chat/title-bar": "^4.0.7",
     "@mongodb-js/compass-context-menu": "^0.2.13",
-    "@mongodb-js/diagramming": "^2.2.0",
+    "@mongodb-js/diagramming": "^2.2.1",
     "@react-aria/interactions": "^3.9.1",
     "@react-aria/utils": "^3.13.1",
     "@react-aria/visually-hidden": "^3.3.1",

From 9626bdffb0af6d17407ca8d41ff75cd7b88b1a12 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Tue, 11 Nov 2025 15:31:37 +0100
Subject: [PATCH 6/9] bootstrap

---
 package-lock.json | 507 ++++++++--------------------------------------
 1 file changed, 85 insertions(+), 422 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a8b840a5303..d1da6bfe708 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10730,6 +10730,49 @@
         "url": "https://opencollective.com/node-fetch"
       }
     },
+    "node_modules/@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.3.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
+        "@leafygreen-ui/palette": "^5.0.0",
+        "@leafygreen-ui/tokens": "^3.2.1",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^22.1.0",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "17.0.2",
+        "react-dom": "17.0.2"
+      }
+    },
+    "node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
+      "version": "14.2.2",
+      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+      "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@leafygreen-ui/emotion": "^5.1.0",
+        "@leafygreen-ui/hooks": "^9.2.2",
+        "@leafygreen-ui/icon": "^14.6.1",
+        "@leafygreen-ui/lib": "^15.6.2",
+        "@leafygreen-ui/palette": "^5.0.2",
+        "@leafygreen-ui/popover": "^14.3.0",
+        "@leafygreen-ui/tokens": "^4.0.0",
+        "@leafygreen-ui/typography": "^22.2.0",
+        "lodash": "^4.17.21",
+        "polished": "^4.2.2"
+      },
+      "peerDependencies": {
+        "@leafygreen-ui/leafygreen-provider": ">=3.2.0"
+      }
+    },
     "node_modules/@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",
@@ -48839,7 +48882,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.2.13",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@react-aria/interactions": "^3.9.1",
         "@react-aria/utils": "^3.13.1",
         "@react-aria/visually-hidden": "^3.3.1",
@@ -49227,234 +49270,6 @@
         "polished": "^4.2.2"
       }
     },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-      "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@leafygreen-ui/icon": "^14.3.0",
-        "@leafygreen-ui/inline-definition": "^9.0.5",
-        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-        "@leafygreen-ui/palette": "^5.0.0",
-        "@leafygreen-ui/tokens": "^3.2.1",
-        "@leafygreen-ui/typography": "^22.1.0",
-        "@xyflow/react": "12.5.1",
-        "d3-path": "^3.1.0",
-        "elkjs": "^0.11.0",
-        "react": "17.0.2",
-        "react-dom": "17.0.2"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/emotion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-      "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@emotion/css": "^11.1.3",
-        "@emotion/server": "^11.4.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks": {
-      "version": "9.2.1",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-      "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.6.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-      "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/tooltip": "^14.2.0"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/leafygreen-provider": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-      "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.1.3",
-        "@leafygreen-ui/lib": "^15.3.0",
-        "react-transition-group": "^4.4.5"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/palette": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-      "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw==",
-      "license": "Apache-2.0"
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-      "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.4.0",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-      "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@floating-ui/react": "^0.26.28",
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/portal": "^7.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@types/react-transition-group": "^4.4.5",
-        "lodash": "^4.17.21",
-        "react-transition-group": "^4.4.5"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/portal": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-      "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1"
-      },
-      "peerDependencies": {
-        "react-dom": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
-      "version": "14.2.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-      "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/icon": "^14.6.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/popover": "^14.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/typography": "^22.1.3",
-        "lodash": "^4.17.21",
-        "polished": "^4.2.2"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography": {
-      "version": "22.1.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-      "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/icon": "^14.5.1",
-        "@leafygreen-ui/lib": "^15.4.0",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/polymorphic": "^3.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
     "packages/compass-components/node_modules/sinon": {
       "version": "9.2.4",
       "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -63509,7 +63324,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.2.13",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@mongodb-js/eslint-config-compass": "^1.4.12",
         "@mongodb-js/mocha-config-compass": "^1.7.2",
         "@mongodb-js/prettier-config-compass": "^1.2.9",
@@ -63840,198 +63655,6 @@
             }
           }
         },
-        "@mongodb-js/diagramming": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-          "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-          "requires": {
-            "@emotion/react": "^11.14.0",
-            "@emotion/styled": "^11.14.0",
-            "@leafygreen-ui/icon": "^14.3.0",
-            "@leafygreen-ui/inline-definition": "^9.0.5",
-            "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-            "@leafygreen-ui/palette": "^5.0.0",
-            "@leafygreen-ui/tokens": "^3.2.1",
-            "@leafygreen-ui/typography": "^22.1.0",
-            "@xyflow/react": "12.5.1",
-            "d3-path": "^3.1.0",
-            "elkjs": "^0.11.0",
-            "react": "17.0.2",
-            "react-dom": "17.0.2"
-          },
-          "dependencies": {
-            "@leafygreen-ui/emotion": {
-              "version": "5.0.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-              "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-              "requires": {
-                "@emotion/css": "^11.1.3",
-                "@emotion/server": "^11.4.0"
-              }
-            },
-            "@leafygreen-ui/hooks": {
-              "version": "9.2.1",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-              "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.6.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/inline-definition": {
-              "version": "9.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-              "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/tooltip": "^14.2.0"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/leafygreen-provider": {
-              "version": "5.0.4",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-              "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-              "requires": {
-                "@leafygreen-ui/hooks": "^9.1.3",
-                "@leafygreen-ui/lib": "^15.3.0",
-                "react-transition-group": "^4.4.5"
-              }
-            },
-            "@leafygreen-ui/palette": {
-              "version": "5.0.2",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-              "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw=="
-            },
-            "@leafygreen-ui/polymorphic": {
-              "version": "3.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-              "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.4.0",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/popover": {
-              "version": "14.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-              "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-              "requires": {
-                "@floating-ui/react": "^0.26.28",
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/portal": "^7.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@types/react-transition-group": "^4.4.5",
-                "lodash": "^4.17.21",
-                "react-transition-group": "^4.4.5"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                },
-                "@leafygreen-ui/portal": {
-                  "version": "7.1.0",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-                  "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-                  "requires": {
-                    "@leafygreen-ui/hooks": "^9.2.0",
-                    "@leafygreen-ui/lib": "^15.6.1"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/tooltip": {
-              "version": "14.2.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-              "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/icon": "^14.6.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/popover": "^14.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/typography": "^22.1.3",
-                "lodash": "^4.17.21",
-                "polished": "^4.2.2"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/typography": {
-              "version": "22.1.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-              "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/icon": "^14.5.1",
-                "@leafygreen-ui/lib": "^15.4.0",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/polymorphic": "^3.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            }
-          }
-        },
         "sinon": {
           "version": "9.2.4",
           "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -67645,6 +67268,46 @@
         }
       }
     },
+    "@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "requires": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.6.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^4.0.2",
+        "@leafygreen-ui/palette": "^4.1.3",
+        "@leafygreen-ui/tokens": "^3.2.4",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^20.0.2",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+      },
+      "dependencies": {
+        "@leafygreen-ui/tooltip": {
+          "version": "14.2.2",
+          "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+          "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+          "requires": {
+            "@leafygreen-ui/emotion": "^4.0.9",
+            "@leafygreen-ui/hooks": "^8.3.4",
+            "@leafygreen-ui/icon": "^14.6.0",
+            "@leafygreen-ui/lib": "^15.3.0",
+            "@leafygreen-ui/palette": "^4.1.3",
+            "@leafygreen-ui/popover": "^13.0.11",
+            "@leafygreen-ui/tokens": "^3.2.4",
+            "@leafygreen-ui/typography": "^20.0.2",
+            "lodash": "^4.17.21",
+            "polished": "^4.2.2"
+          }
+        }
+      }
+    },
     "@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",

From 15b002c29a7535ce44e7eb35d6f81c9651071f8a Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Tue, 11 Nov 2025 15:34:53 +0100
Subject: [PATCH 7/9] copilot review

---
 .../src/components/drawer/relationships-section.tsx    |  2 +-
 .../compass-data-modeling/src/utils/nodes-and-edges.ts |  2 +-
 packages/compass-data-modeling/src/utils/utils.ts      | 10 ++++------
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
index 9b6590a6008..d2963852304 100644
--- a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
+++ b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
@@ -137,7 +137,7 @@ export const RelationshipsSection: React.FunctionComponent<
                           </div>
                         }
                       >
-                        Can not resolve the relationship - please verify the
+                        Cannot resolve the relationship - please verify the
                         linked fields and namespace.
                       </Tooltip>
                     )}
diff --git a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
index d7e5b2f2c74..4c500a663f2 100644
--- a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
+++ b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
@@ -174,7 +174,7 @@ export function collectionToDiagramNode({
   if (relationships.some(isRelationshipInvalid)) {
     variant = {
       type: 'warn' as const,
-      warnMessage: 'One or more relationships can not be resolved.',
+      warnMessage: 'One or more relationships cannot be resolved.',
     };
   }
   return {
diff --git a/packages/compass-data-modeling/src/utils/utils.ts b/packages/compass-data-modeling/src/utils/utils.ts
index 3b03806c121..09b88dae8eb 100644
--- a/packages/compass-data-modeling/src/utils/utils.ts
+++ b/packages/compass-data-modeling/src/utils/utils.ts
@@ -89,12 +89,10 @@ export function getNamespaceRelationships(
   namespace: string,
   relationships: Relationship[] = []
 ): Relationship[] {
-  return (
-    relationships.filter((r) => {
-      const [local, foreign] = r.relationship;
-      return local.ns === namespace || foreign.ns === namespace;
-    }) || []
-  );
+  return relationships.filter((r) => {
+    const [local, foreign] = r.relationship;
+    return local.ns === namespace || foreign.ns === namespace;
+  });
 }
 
 export function isRelationshipInvalid(relationship: Relationship): boolean {

From 2ec6d370f5f910d45bcf3817f40f213aa2f39852 Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Tue, 11 Nov 2025 17:00:24 +0100
Subject: [PATCH 8/9] better name

---
 .../drawer/relationships-section.tsx          |  4 ++--
 .../src/utils/nodes-and-edges.ts              |  4 ++--
 .../src/utils/utils.spec.tsx                  | 20 +++++++++----------
 .../compass-data-modeling/src/utils/utils.ts  |  6 +++---
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
index d2963852304..5917cae2aeb 100644
--- a/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
+++ b/packages/compass-data-modeling/src/components/drawer/relationships-section.tsx
@@ -14,7 +14,7 @@ import {
 } from '@mongodb-js/compass-components';
 import type { Relationship } from '../../services/data-model-storage';
 import { getDefaultRelationshipName } from '../../utils';
-import { isRelationshipInvalid } from '../../utils/utils';
+import { isRelationshipValid } from '../../utils/utils';
 
 const titleBtnStyles = css({
   marginLeft: 'auto',
@@ -124,7 +124,7 @@ export const RelationshipsSection: React.FunctionComponent<
                     >
                       {relationshipLabel}
                     </span>
-                    {isRelationshipInvalid(r) && (
+                    {!isRelationshipValid(r) && (
                       <Tooltip
                         trigger={
                           <div
diff --git a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
index 4c500a663f2..4f69683d0fa 100644
--- a/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
+++ b/packages/compass-data-modeling/src/utils/nodes-and-edges.ts
@@ -13,7 +13,7 @@ import type {
   Relationship,
 } from '../services/data-model-storage';
 import { traverseSchema } from './schema-traversal';
-import { areFieldPathsEqual, isIdField, isRelationshipInvalid } from './utils';
+import { areFieldPathsEqual, isIdField, isRelationshipValid } from './utils';
 
 const NO_HIGHLIGHTED_FIELDS = {};
 
@@ -171,7 +171,7 @@ export function collectionToDiagramNode({
   isExpanded,
 }: CollectionWithRenderOptions): NodeProps {
   let variant: NodeProps['variant'] = undefined;
-  if (relationships.some(isRelationshipInvalid)) {
+  if (relationships.some((r) => !isRelationshipValid(r))) {
     variant = {
       type: 'warn' as const,
       warnMessage: 'One or more relationships cannot be resolved.',
diff --git a/packages/compass-data-modeling/src/utils/utils.spec.tsx b/packages/compass-data-modeling/src/utils/utils.spec.tsx
index 4a2bd96ca01..402d12e7cac 100644
--- a/packages/compass-data-modeling/src/utils/utils.spec.tsx
+++ b/packages/compass-data-modeling/src/utils/utils.spec.tsx
@@ -4,7 +4,7 @@ import {
   isRelationshipOfAField,
   isSameFieldOrAncestor,
   dualSourceHandlerDebounce,
-  isRelationshipInvalid,
+  isRelationshipValid,
 } from './utils';
 import type { Relationship } from '../services/data-model-storage';
 
@@ -137,41 +137,41 @@ describe('dualSourceHandlerDebounce', function () {
   });
 });
 
-describe('isRelationshipInvalid', function () {
-  it('should return true for relationships with missing namespaces', function () {
+describe('isRelationshipValid', function () {
+  it('should return false for relationships with missing namespaces', function () {
     const relationship = {
       relationship: [
         { ns: '', fields: ['a'], cardinality: 1 },
         { ns: 'db.coll2', fields: ['b'], cardinality: 1 },
       ],
     } as any;
-    expect(isRelationshipInvalid(relationship)).to.be.true;
+    expect(isRelationshipValid(relationship)).to.be.false;
   });
-  it('should return true for relationships with no fields', function () {
+  it('should return false for relationships with no fields', function () {
     const relationship = {
       relationship: [
         { ns: 'db.coll1', fields: undefined, cardinality: 1 },
         { ns: 'db.coll2', cardinality: 1 },
       ],
     } as any;
-    expect(isRelationshipInvalid(relationship)).to.be.true;
+    expect(isRelationshipValid(relationship)).to.be.false;
   });
-  it('should return true for relationships with empty fields', function () {
+  it('should return false for relationships with empty fields', function () {
     const relationship = {
       relationship: [
         { ns: 'db.coll1', fields: [], cardinality: 1 },
         { ns: 'db.coll2', fields: [], cardinality: 1 },
       ],
     } as any;
-    expect(isRelationshipInvalid(relationship)).to.be.true;
+    expect(isRelationshipValid(relationship)).to.be.false;
   });
-  it('should return false for relationships with correct namespaces and fields', function () {
+  it('should return true for relationships with correct namespaces and fields', function () {
     const relationship = {
       relationship: [
         { ns: 'db.coll1', fields: ['_id'], cardinality: 1 },
         { ns: 'db.coll2', fields: ['order_id'], cardinality: 1 },
       ],
     } as any;
-    expect(isRelationshipInvalid(relationship)).to.be.false;
+    expect(isRelationshipValid(relationship)).to.be.true;
   });
 });
diff --git a/packages/compass-data-modeling/src/utils/utils.ts b/packages/compass-data-modeling/src/utils/utils.ts
index 09b88dae8eb..ad2d8efe21a 100644
--- a/packages/compass-data-modeling/src/utils/utils.ts
+++ b/packages/compass-data-modeling/src/utils/utils.ts
@@ -95,7 +95,7 @@ export function getNamespaceRelationships(
   });
 }
 
-export function isRelationshipInvalid(relationship: Relationship): boolean {
+export function isRelationshipValid(relationship: Relationship): boolean {
   const [source, target] = relationship.relationship;
   if (
     !source.ns ||
@@ -105,8 +105,8 @@ export function isRelationshipInvalid(relationship: Relationship): boolean {
     source.fields.length === 0 ||
     target.fields.length === 0
   ) {
-    return true;
+    return false;
   }
 
-  return false;
+  return true;
 }

From 69b3a187eac97580a76a7649db368a5ceaf4bedb Mon Sep 17 00:00:00 2001
From: Basit Chonka <basit.chonka@mongodb.com>
Date: Tue, 11 Nov 2025 21:57:02 +0100
Subject: [PATCH 9/9] bootstrap

---
 package-lock.json | 507 ++++++++--------------------------------------
 1 file changed, 85 insertions(+), 422 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ca7db37de43..d82dc94142a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10730,6 +10730,49 @@
         "url": "https://opencollective.com/node-fetch"
       }
     },
+    "node_modules/@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.3.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
+        "@leafygreen-ui/palette": "^5.0.0",
+        "@leafygreen-ui/tokens": "^3.2.1",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^22.1.0",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "17.0.2",
+        "react-dom": "17.0.2"
+      }
+    },
+    "node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
+      "version": "14.2.2",
+      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+      "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@leafygreen-ui/emotion": "^5.1.0",
+        "@leafygreen-ui/hooks": "^9.2.2",
+        "@leafygreen-ui/icon": "^14.6.1",
+        "@leafygreen-ui/lib": "^15.6.2",
+        "@leafygreen-ui/palette": "^5.0.2",
+        "@leafygreen-ui/popover": "^14.3.0",
+        "@leafygreen-ui/tokens": "^4.0.0",
+        "@leafygreen-ui/typography": "^22.2.0",
+        "lodash": "^4.17.21",
+        "polished": "^4.2.2"
+      },
+      "peerDependencies": {
+        "@leafygreen-ui/leafygreen-provider": ">=3.2.0"
+      }
+    },
     "node_modules/@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",
@@ -48839,7 +48882,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.3.0",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@react-aria/interactions": "^3.9.1",
         "@react-aria/utils": "^3.13.1",
         "@react-aria/visually-hidden": "^3.3.1",
@@ -49227,234 +49270,6 @@
         "polished": "^4.2.2"
       }
     },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-      "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@leafygreen-ui/icon": "^14.3.0",
-        "@leafygreen-ui/inline-definition": "^9.0.5",
-        "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-        "@leafygreen-ui/palette": "^5.0.0",
-        "@leafygreen-ui/tokens": "^3.2.1",
-        "@leafygreen-ui/typography": "^22.1.0",
-        "@xyflow/react": "12.5.1",
-        "d3-path": "^3.1.0",
-        "elkjs": "^0.11.0",
-        "react": "17.0.2",
-        "react-dom": "17.0.2"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/emotion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-      "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@emotion/css": "^11.1.3",
-        "@emotion/server": "^11.4.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks": {
-      "version": "9.2.1",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-      "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.6.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/hooks/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-      "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/tooltip": "^14.2.0"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/leafygreen-provider": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-      "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.1.3",
-        "@leafygreen-ui/lib": "^15.3.0",
-        "react-transition-group": "^4.4.5"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/palette": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-      "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw==",
-      "license": "Apache-2.0"
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-      "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/lib": "^15.4.0",
-        "lodash": "^4.17.21"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/polymorphic/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-      "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@floating-ui/react": "^0.26.28",
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/portal": "^7.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@types/react-transition-group": "^4.4.5",
-        "lodash": "^4.17.21",
-        "react-transition-group": "^4.4.5"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/portal": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-      "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/lib": "^15.6.1"
-      },
-      "peerDependencies": {
-        "react-dom": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip": {
-      "version": "14.2.0",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-      "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/hooks": "^9.2.0",
-        "@leafygreen-ui/icon": "^14.6.0",
-        "@leafygreen-ui/lib": "^15.6.1",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/popover": "^14.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4",
-        "@leafygreen-ui/typography": "^22.1.3",
-        "lodash": "^4.17.21",
-        "polished": "^4.2.2"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/tooltip/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography": {
-      "version": "22.1.3",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-      "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@leafygreen-ui/emotion": "^5.0.3",
-        "@leafygreen-ui/icon": "^14.5.1",
-        "@leafygreen-ui/lib": "^15.4.0",
-        "@leafygreen-ui/palette": "^5.0.2",
-        "@leafygreen-ui/polymorphic": "^3.1.0",
-        "@leafygreen-ui/tokens": "^3.2.4"
-      },
-      "peerDependencies": {
-        "@leafygreen-ui/leafygreen-provider": "^5.0.4"
-      }
-    },
-    "packages/compass-components/node_modules/@mongodb-js/diagramming/node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-      "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
     "packages/compass-components/node_modules/sinon": {
       "version": "9.2.4",
       "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -63510,7 +63325,7 @@
         "@lg-chat/suggestions": "^0.2.3",
         "@lg-chat/title-bar": "^4.0.7",
         "@mongodb-js/compass-context-menu": "^0.3.0",
-        "@mongodb-js/diagramming": "^2.2.0",
+        "@mongodb-js/diagramming": "^2.2.1",
         "@mongodb-js/eslint-config-compass": "^1.4.12",
         "@mongodb-js/mocha-config-compass": "^1.7.2",
         "@mongodb-js/prettier-config-compass": "^1.2.9",
@@ -63841,198 +63656,6 @@
             }
           }
         },
-        "@mongodb-js/diagramming": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.0.tgz",
-          "integrity": "sha512-Y0ny54pPUMrFHhX0EGW8sognP/G3Bi1f5Xq6YnAkihX63cF8jCggsBVnMNi5yB15bCTseUawYJsePv1KxB0jQQ==",
-          "requires": {
-            "@emotion/react": "^11.14.0",
-            "@emotion/styled": "^11.14.0",
-            "@leafygreen-ui/icon": "^14.3.0",
-            "@leafygreen-ui/inline-definition": "^9.0.5",
-            "@leafygreen-ui/leafygreen-provider": "^5.0.2",
-            "@leafygreen-ui/palette": "^5.0.0",
-            "@leafygreen-ui/tokens": "^3.2.1",
-            "@leafygreen-ui/typography": "^22.1.0",
-            "@xyflow/react": "12.5.1",
-            "d3-path": "^3.1.0",
-            "elkjs": "^0.11.0",
-            "react": "17.0.2",
-            "react-dom": "17.0.2"
-          },
-          "dependencies": {
-            "@leafygreen-ui/emotion": {
-              "version": "5.0.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/emotion/-/emotion-5.0.3.tgz",
-              "integrity": "sha512-elu8af9Qh8Oy/IwqXcNKitHAQBAO4+zmHuLi0fRzY46kTwXvLYqPpJFRcySqITWLPyBcMsF56ta8yQKXghEYOA==",
-              "requires": {
-                "@emotion/css": "^11.1.3",
-                "@emotion/server": "^11.4.0"
-              }
-            },
-            "@leafygreen-ui/hooks": {
-              "version": "9.2.1",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/hooks/-/hooks-9.2.1.tgz",
-              "integrity": "sha512-yFJu5RITboWYJh5x9iVdumkPlSuNEY8PQcockO+6lOExldER4Yoqfp8MSLN5X2uPEwMmrxL/xwfZnEKUtEmW3g==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.6.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/inline-definition": {
-              "version": "9.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/inline-definition/-/inline-definition-9.1.0.tgz",
-              "integrity": "sha512-SaYeGnivIy/KnO6Zdrb4TLsQa6ENp8CgwELECMsqqu6rl/ZXcsp0fEu4PrsuvqtmWxSmPbRekdmNRarNIpMXnw==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/tooltip": "^14.2.0"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/leafygreen-provider": {
-              "version": "5.0.4",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-5.0.4.tgz",
-              "integrity": "sha512-VDlmjTiIqlITVhq4VKUDq8FLySWnHkTxSV2n1sxOanLNPuatOXjxsPmCkPUBXhmQKk/fBf4yQnDKOwJvkyzE6Q==",
-              "requires": {
-                "@leafygreen-ui/hooks": "^9.1.3",
-                "@leafygreen-ui/lib": "^15.3.0",
-                "react-transition-group": "^4.4.5"
-              }
-            },
-            "@leafygreen-ui/palette": {
-              "version": "5.0.2",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-5.0.2.tgz",
-              "integrity": "sha512-+PrfGeJSv4goxm/vKpfJJDOP7t/uElj+14K8jiIyu3qR3TcFRIZ5h1VMvICTUgqvRc8W+xIZYQwsLa2XCu2lvw=="
-            },
-            "@leafygreen-ui/polymorphic": {
-              "version": "3.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-3.1.0.tgz",
-              "integrity": "sha512-5fbXD6ExTmMScvODuipfB1Ti/Dvoaxxg+daSftqXfNQlEkEnd5cPnezOOl1LMsu2xUoZT6NXsFgukZYsmXEVpQ==",
-              "requires": {
-                "@leafygreen-ui/lib": "^15.4.0",
-                "lodash": "^4.17.21"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/popover": {
-              "version": "14.1.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/popover/-/popover-14.1.0.tgz",
-              "integrity": "sha512-H2s3FGRCARTyH2yQHLzz4bezp/HSyMOkgnEhnSuP94Yadx0gH1FvRisSYc9UJUTt+cGqBxdjReoLgeciqLmg9Q==",
-              "requires": {
-                "@floating-ui/react": "^0.26.28",
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/portal": "^7.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@types/react-transition-group": "^4.4.5",
-                "lodash": "^4.17.21",
-                "react-transition-group": "^4.4.5"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                },
-                "@leafygreen-ui/portal": {
-                  "version": "7.1.0",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-7.1.0.tgz",
-                  "integrity": "sha512-wCldB70m/NtlIeVRxi5S/U74W6jxQScqptI2I4+7RweBquBfxIg1SipHXqMC+Zo3aL+s/fCMuFKNlLuwGWu8MA==",
-                  "requires": {
-                    "@leafygreen-ui/hooks": "^9.2.0",
-                    "@leafygreen-ui/lib": "^15.6.1"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/tooltip": {
-              "version": "14.2.0",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.0.tgz",
-              "integrity": "sha512-+kOCnC9uTa7EViGeLlVthk//FPJ34r+Z7itSTJVt9Y+zB28FU31ZlAclC8VCxDTdRFWt1UtlaM00jj89NfAP/Q==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/hooks": "^9.2.0",
-                "@leafygreen-ui/icon": "^14.6.0",
-                "@leafygreen-ui/lib": "^15.6.1",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/popover": "^14.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4",
-                "@leafygreen-ui/typography": "^22.1.3",
-                "lodash": "^4.17.21",
-                "polished": "^4.2.2"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            },
-            "@leafygreen-ui/typography": {
-              "version": "22.1.3",
-              "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-22.1.3.tgz",
-              "integrity": "sha512-yhQGva/0t2wyJe+edt88Dld1FUyw0xXMrHVegjtTH7c7EiLjG1eD4S+ze/Iz4F7Pxm0wXuxV3ZBrHfx2XqR6mA==",
-              "requires": {
-                "@leafygreen-ui/emotion": "^5.0.3",
-                "@leafygreen-ui/icon": "^14.5.1",
-                "@leafygreen-ui/lib": "^15.4.0",
-                "@leafygreen-ui/palette": "^5.0.2",
-                "@leafygreen-ui/polymorphic": "^3.1.0",
-                "@leafygreen-ui/tokens": "^3.2.4"
-              },
-              "dependencies": {
-                "@leafygreen-ui/lib": {
-                  "version": "15.6.2",
-                  "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-15.6.2.tgz",
-                  "integrity": "sha512-HsjXXovBqyrXL3Y7V09g2bEidGn58AK/mfoIPMlen/hEcWlbXbefoCzXF7AQqWLhd0F/lS2XgX7+BqVUHXx2/Q==",
-                  "requires": {
-                    "lodash": "^4.17.21"
-                  }
-                }
-              }
-            }
-          }
-        },
         "sinon": {
           "version": "9.2.4",
           "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
@@ -67647,6 +67270,46 @@
         }
       }
     },
+    "@mongodb-js/diagramming": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/diagramming/-/diagramming-2.2.1.tgz",
+      "integrity": "sha512-xUaQSyMnyNeXILT+tPl0JoC+hlh38cYltYuL6uniyg36g20cPuCXZ9geQp0sbVt5/p1BtfgdqsKMfox+oaOlIQ==",
+      "requires": {
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.0",
+        "@leafygreen-ui/icon": "^14.6.0",
+        "@leafygreen-ui/inline-definition": "^9.0.5",
+        "@leafygreen-ui/leafygreen-provider": "^4.0.2",
+        "@leafygreen-ui/palette": "^4.1.3",
+        "@leafygreen-ui/tokens": "^3.2.4",
+        "@leafygreen-ui/tooltip": "^14.2.1",
+        "@leafygreen-ui/typography": "^20.0.2",
+        "@xyflow/react": "12.5.1",
+        "d3-path": "^3.1.0",
+        "elkjs": "^0.11.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+      },
+      "dependencies": {
+        "@leafygreen-ui/tooltip": {
+          "version": "14.2.2",
+          "resolved": "https://registry.npmjs.org/@leafygreen-ui/tooltip/-/tooltip-14.2.2.tgz",
+          "integrity": "sha512-WqWjHzhK+BZrUaJjgph2LQjvQtEYjjR/uyxRubJVrW9GhzBd9xZ9ztnBnTMGT6rz5aRWptV0iZ0YwS+73KbBEw==",
+          "requires": {
+            "@leafygreen-ui/emotion": "^4.0.9",
+            "@leafygreen-ui/hooks": "^8.3.4",
+            "@leafygreen-ui/icon": "^14.6.0",
+            "@leafygreen-ui/lib": "^15.3.0",
+            "@leafygreen-ui/palette": "^4.1.3",
+            "@leafygreen-ui/popover": "^13.0.11",
+            "@leafygreen-ui/tokens": "^3.2.4",
+            "@leafygreen-ui/typography": "^20.0.2",
+            "lodash": "^4.17.21",
+            "polished": "^4.2.2"
+          }
+        }
+      }
+    },
     "@mongodb-js/dl-center": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/dl-center/-/dl-center-1.3.0.tgz",