fix(dns-records): restore BIND file import broken by dropdown blur-close (#1329)

## Problem

Importing a BIND zone file on the DNS records page did nothing — no
preview dialog, no error, no processing.

Root cause: `@radix-ui/react-menu` ≥2.1.17 (pulled in by #1321) closes
any open menu on **window blur**. The import dropzone lives inside
`ResponsiveDropdown` (a Radix DropdownMenu on desktop), so clicking
**Select a file** (native picker) or dragging a file in from Finder
blurred the window, closed the dropdown, and unmounted the dropzone
before `onDrop` fired.

## Fix

- **Bump `@datum-cloud/datum-ui` to ^1.3.2** — `ResponsiveDropdown`
renders a Radix Popover on desktop (same UX, no blur-close). Upstream:
datum-cloud/datum-ui#136.
- `handleDrop` reports whether the preview opened; the dropdown only
closes on success so parse errors stay visible.
- Empty accepted-file drops show an error instead of failing silently.

## Test plan

- [ ] Import via file picker — dropdown stays open while the picker is
up, preview dialog opens with parsed records
- [ ] Import via drag-and-drop from Finder
- [ ] Invalid file → error shown inside the dropdown; Export still works

## Note

The E2E regression checks are red due to a **separate, pre-existing**
control-plane change (org creation now requires a system-assigned
`generateName`; `createStandardOrg` fails with 422). It's unrelated to
this PR and affects `main` too — tracked/fixed separately.

Author: mattdjenkinson

app/features/edge/dns-records/import-export/dns-record-import-action.tsx

@@ -81,8 +81,11 @@ export const DnsRecordImportAction = ({
   });
 
   const handleDropWithClose = async (droppedFiles: File[]) => {
-    await handleDrop(droppedFiles);
-    setPopoverOpen(false);
+    const dialogOpened = await handleDrop(droppedFiles);
+    // Keep the dropdown open on parse errors so the dropzone can show them
+    if (dialogOpened) {
+      setPopoverOpen(false);
+    }
   };
 
   const handleContactSupport = () => {

app/features/edge/dns-records/import-export/hooks/use-dns-record-import.ts

@@ -116,9 +116,14 @@ export function useDnsRecordImport({ projectId, dnsZoneId, onSuccess }: UseDnsRe
     resetDialog();
   };
 
-  const handleDrop = async (droppedFiles: File[]) => {
+  /** Returns true when parsing succeeded and the preview dialog was opened. */
+  const handleDrop = async (droppedFiles: File[]): Promise<boolean> => {
     const file = droppedFiles[0];
-    if (!file) return;
+    if (!file) {
+      setDropzoneState('error');
+      setErrorMessage('No file was accepted. Please choose a .zone, .db, or .txt file.');
+      return false;
+    }
 
     setFiles(droppedFiles);
     setDropzoneState('loading');
@@ -131,13 +136,13 @@ export function useDnsRecordImport({ projectId, dnsZoneId, onSuccess }: UseDnsRe
       if (result.errors.length > 0) {
         setDropzoneState('error');
         setErrorMessage(result.errors.join(', '));
-        return;
+        return false;
       }
 
       if (result.records.length === 0) {
         setDropzoneState('error');
         setErrorMessage('No valid DNS records found in the file');
-        return;
+        return false;
       }
 
       // Filter records by supported types
@@ -168,7 +173,7 @@ export function useDnsRecordImport({ projectId, dnsZoneId, onSuccess }: UseDnsRe
       if (supportedRecords.length === 0) {
         setDropzoneState('error');
         setErrorMessage('No supported DNS records found in the file');
-        return;
+        return false;
       }
 
       // Deduplicate records within the batch (handles trailing dot normalization)
@@ -261,10 +266,12 @@ export function useDnsRecordImport({ projectId, dnsZoneId, onSuccess }: UseDnsRe
       resetDropzone();
       setDialogView('preview');
       setDialogOpen(true);
+      return true;
     } catch (err) {
       const message = err instanceof Error ? err.message : 'Failed to read file';
       setDropzoneState('error');
       setErrorMessage(message);
+      return false;
     }
   };
 

bun.lock

@@ -34,7 +34,7 @@
     "@conform-to/react": "^1.19.4",
     "@conform-to/zod": "^1.19.4",
     "@datum-cloud/activity-ui": "^0.5.1",
-    "@datum-cloud/datum-ui": "^1.3.0",
+    "@datum-cloud/datum-ui": "^1.3.2",
     "@epic-web/client-hints": "^1.3.9",
     "@gqlts/runtime": "^3.4.2",
     "@hono/prometheus": "^1.0.3",