fix: clarify import functionality COMPASS-9833

Author: paula-stacho

packages/compass-data-modeling/src/components/export-diagram-modal.tsx

@@ -88,7 +88,7 @@ const ExportDiagramModal = ({
                 size="small"
                 description="Importable into Compass and Data Explorer so teammates can collaborate."
               >
-                Diagram File
+                MDM File
               </Radio>
             </div>
             <div className={radioItemStyles}>

packages/compass-data-modeling/src/components/import-diagram-button.tsx

@@ -3,6 +3,7 @@ import {
   Button,
   type ButtonProps,
   FileSelector,
+  Tooltip,
 } from '@mongodb-js/compass-components';
 
 type ImportDiagramButtonProps = Omit<ButtonProps, 'onClick'> & {
@@ -14,22 +15,31 @@ export const ImportDiagramButton = ({
   ...buttonProps
 }: ImportDiagramButtonProps) => {
   return (
-    <FileSelector
-      id="import-diagram-file-input"
-      data-testid="import-diagram-file-input"
-      multiple={false}
-      accept=".mdm"
-      onSelect={(files) => {
-        if (files.length === 0) {
-          return;
-        }
-        onImportDiagram(files[0]);
-      }}
-      trigger={({ onClick }) => (
-        <Button {...buttonProps} onClick={onClick}>
-          Import diagram
-        </Button>
-      )}
-    />
+    <Tooltip
+      trigger={
+        <span>
+          <FileSelector
+            id="import-diagram-file-input"
+            data-testid="import-diagram-file-input"
+            multiple={false}
+            accept=".mdm"
+            onSelect={(files) => {
+              if (files.length === 0) {
+                return;
+              }
+              onImportDiagram(files[0]);
+            }}
+            trigger={({ onClick }) => (
+              <Button {...buttonProps} onClick={onClick}>
+                Import diagram
+              </Button>
+            )}
+          />
+        </span>
+      }
+    >
+      Only MDM files exported from Compass or Atlas Data Explorer can be
+      imported.
+    </Tooltip>
   );
 };