playful

frontend/src/documents/DocumentsPanel.jsx

@@ -11,8 +11,8 @@ import createWorkspaceSurfaceConfig from './workspaceHeader';
 import DetailPanel from '../detail/DetailPanel';
 import DocumentsGrid from './DocumentsGrid';
 import DocumentsList from './DocumentsList';
+import { isTagTransferEvent } from './tagTransfer';
 
-const TAG_MIME_TYPES = ['application/x-papercrate-tag', 'text/papercrate-tag'];
 const DEFAULT_GRID_ICON_SIZE = 144;
 
 const EntryType = {
@@ -138,10 +138,7 @@ const DocumentsPanel = ({
       scrollRef.current.scrollTop = 0;
     }
   }, [viewMode]);
-  const isTagDragEvent = useCallback((event) => {
-    const types = Array.from(event.dataTransfer?.types || []);
-    return TAG_MIME_TYPES.some((type) => types.includes(type));
-  }, []);
+  const isTagDragEvent = useCallback((event) => isTagTransferEvent(event), []);
   const ensureFocusedRowVisible = useCallback(() => {
     if (!focusedRowKey) return;
     const container = scrollRef.current;