Merge pull request #99 from vilpessoa/claude/lucid-ride-2l9V2

fix: corrigir paste no editor DAX para todos os cenários de foco

Author: vilpessoa

src/components/DaxEditor.tsx

@@ -94,23 +94,6 @@ const errorBaseTheme = EditorView.baseTheme({
   },
 });
 
-const pasteHandler = EditorView.domEventHandlers({
-  paste(event, view) {
-    const text = event.clipboardData?.getData('text/plain');
-    if (text) {
-      const { state } = view;
-      const { from, to } = state.selection.main;
-      view.dispatch({
-        changes: { from, to, insert: text },
-        selection: { anchor: from + text.length },
-      });
-      event.preventDefault();
-      return true;
-    }
-    return false;
-  },
-});
-
 
 const EDITOR_COLORS: Record<DaxEditorTheme, Record<'light' | 'dark', EditorColors>> = {
   default: {
@@ -370,7 +353,6 @@ export const DaxEditor = forwardRef<DaxEditorHandle, DaxEditorProps>(function Da
         colorPickerExtension(swatchCallbackRef),
         errorField,
         errorBaseTheme,
-        pasteHandler,
         highlightCompartmentRef.current.of(syntaxHighlighting(buildHighlight(daxEditorTheme, theme))),
         themeCompartmentRef.current.of(buildTheme(daxEditorTheme, theme)),
         fontCompartmentRef.current.of(buildFontSizeTheme(fontSize)),
@@ -405,18 +387,32 @@ export const DaxEditor = forwardRef<DaxEditorHandle, DaxEditorProps>(function Da
     const handleScroll = () => setShowScrollTop(scroller.scrollTop > 300);
     scroller.addEventListener('scroll', handleScroll, { passive: true });
 
-    // Add global paste handler to ensure paste works even if editor loses focus
+    // Global paste handler: routes paste to the editor whenever focus is NOT on
+    // a native editable element. This covers two cases:
+    //   1. Focus on .cm-scroller / gutters (user clicked line numbers) — CodeMirror
+    //      only registers paste on .cm-content so those events are otherwise lost.
+    //   2. Focus on body/html — user returned from another app without clicking.
+    // When .cm-content is focused, CodeMirror handles paste natively (contenteditable
+    // === "true"), so we bail out to avoid double-inserting.
     const handleGlobalPaste = (event: ClipboardEvent) => {
       const text = event.clipboardData?.getData('text/plain');
-      if (text && containerRef.current?.contains(document.activeElement)) {
-        const { state } = view;
-        const { from, to } = state.selection.main;
-        view.dispatch({
-          changes: { from, to, insert: text },
-          selection: { anchor: from + text.length },
-        });
-        event.preventDefault();
-      }
+      if (!text) return;
+
+      const active = document.activeElement as HTMLElement | null;
+
+      // .cm-content or any other contenteditable: handled natively, skip.
+      if (active?.getAttribute('contenteditable') === 'true') return;
+
+      // Another text input field: don't steal the paste.
+      if (active?.tagName === 'INPUT' || active?.tagName === 'TEXTAREA') return;
+
+      // Everything else (body, .cm-scroller, gutters, buttons…): paste into editor.
+      const { from, to } = view.state.selection.main;
+      view.dispatch({
+        changes: { from, to, insert: text },
+        selection: { anchor: from + text.length },
+      });
+      event.preventDefault();
     };
 
     document.addEventListener('paste', handleGlobalPaste, { capture: true });