diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 9f9658f..1d77e58 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -7,6 +7,7 @@
     </main>
   </div>
   <ToastContainer />
+  <OsDragOverlay @files-dropped="onOsFilesDropped" />
 </template>
 
 <script setup>
@@ -15,12 +16,17 @@ import { useRoute } from 'vue-router'
 import AppSidebar from './components/layout/AppSidebar.vue'
 import AuthLayout from './layouts/AuthLayout.vue'
 import ToastContainer from './components/ui/ToastContainer.vue'
+import OsDragOverlay from './components/layout/OsDragOverlay.vue'
 import { useTopicsStore } from './stores/topics.js'
 
 const route = useRoute()
 const topicsStore = useTopicsStore()
 const routeViewRef = ref(null)
 
+function onOsFilesDropped(files) {
+  routeViewRef.value?.handleOsDrop?.(files)
+}
+
 function onKeydown(e) {
   const tag = document.activeElement?.tagName
   if (['INPUT', 'TEXTAREA', 'SELECT'].includes(tag) || document.activeElement?.isContentEditable) return
diff --git a/frontend/src/views/FileManagerView.vue b/frontend/src/views/FileManagerView.vue
index c26ea75..b3b97a0 100644
--- a/frontend/src/views/FileManagerView.vue
+++ b/frontend/src/views/FileManagerView.vue
@@ -186,5 +186,6 @@ defineExpose({
   triggerUpload: () => browserRef.value?.triggerUpload?.(),
   startNewFolder: () => browserRef.value?.startNewFolder?.(),
   clearSearch: () => browserRef.value?.clearSearch?.(),
+  handleOsDrop: (files) => onFilesSelected({ files, autoClassify: true }),
 })
 </script>