fix: files tab drag and drop (#6325)

* fix: files drag drop

* fix: standardize drag and drop + fix files tab permissions

packages/ui/src/providers/file-drop.ts

@@ -0,0 +1,19 @@
+import { createContext } from '.'
+
+export type NativeFileDropEvent = {
+	type: 'enter' | 'over' | 'drop' | 'leave'
+	paths: string[]
+	position: {
+		x: number
+		y: number
+	}
+}
+
+export interface FileDropProvider {
+	listenNativeFileDrop: (
+		handler: (event: NativeFileDropEvent) => void | Promise<void>,
+	) => Promise<() => void>
+	createFilesFromNativePaths: (paths: string[]) => Promise<File[]>
+}
+
+export const [injectFileDrop, provideFileDrop] = createContext<FileDropProvider>('FileDrop')

packages/ui/src/providers/index.ts

@@ -3,6 +3,7 @@ export * from './app-backup'
 export * from './auth'
 export * from './content-manager'
 export { createContext } from './create-context'
+export * from './file-drop'
 export * from './file-picker'
 export * from './hosting-purchase-intent'
 export * from './i18n'