From 69bf40af3227dd3225f41d559e208c98541296b8 Mon Sep 17 00:00:00 2001
From: curo1305 <curo1305@proton.me>
Date: Mon, 15 Jun 2026 20:46:05 +0200
Subject: [PATCH] feat(10-10): wire OsDragOverlay into App.vue; expose
 handleOsDrop on FileManagerView
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- App.vue: import + mount <OsDragOverlay @files-dropped="onOsFilesDropped" />
  after <ToastContainer /> (overlay z-[9998] stays below toast z-[9999])
- App.vue: add onOsFilesDropped handler -> routeViewRef.value?.handleOsDrop?.(files)
- FileManagerView: extend defineExpose to include handleOsDrop delegating to
  existing onFilesSelected({ files, autoClassify: true }) — no duplicate upload logic
- Full test suite: 198 passed, 0 failures
---
 frontend/src/App.vue                   | 6 ++++++
 frontend/src/views/FileManagerView.vue | 1 +
 2 files changed, 7 insertions(+)

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>