Fix URL encoding for paths with special characters

- Add URL decoding in upload endpoint for path parameter
- Add URL decoding for path segments in drive page navigation
- Ensures proper handling of directories/files with spaces and unicode chars

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

2 files changed, 12 insertions, 7 deletions

diff --git a/frontend/app/api/upload/route.ts b/frontend/app/api/upload/route.ts
index 518c28e..07ab908 100644
--- a/frontend/app/api/upload/route.ts
+++ b/frontend/app/api/upload/route.ts
@@ -22,19 +22,21 @@ export async function POST(request: NextRequest) {
 
     // Get the target path from query parameters
     const url = new URL(request.url)
-    const targetPath = url.searchParams.get('path') || '/'
+    const rawPath = url.searchParams.get('path') || '/'
+    const targetPath = decodeURIComponent(rawPath)
+    console.log(`targetPath = ${targetPath}`)
 
     // Handle multipart form data
     const formData = await request.formData()
     const file = formData.get('file') as File
-    
+
     if (!file) {
       return NextResponse.json({ error: 'No file provided' }, { status: 400 })
     }
 
     if (file.size > UPLOAD_MAX_FILE_SIZE) {
-      return NextResponse.json({ 
-        error: `File exceeds maximum size of ${UPLOAD_MAX_FILE_SIZE / (1024 * 1024)}MB` 
+      return NextResponse.json({
+        error: `File exceeds maximum size of ${UPLOAD_MAX_FILE_SIZE / (1024 * 1024)}MB`
       }, { status: 400 })
     }
 
@@ -49,7 +51,8 @@ export async function POST(request: NextRequest) {
     await writeFile(tempFilePath, fileBuffer)
 
     // Construct the final drive path
-    const finalPath = targetPath === '/' ? file.name : `${targetPath.replace(/^\/+|\/+$/g, '')}/${file.name}`
+    const finalPath = `${targetPath}/${file.name}`
+    console.log(`finalPath = ${finalPath}`)
 
     // Import file using Drive_import (uses --mode move, so temp file is automatically deleted)
     await Drive_import(tempFilePath, finalPath, user.email)
@@ -68,4 +71,4 @@ export async function POST(request: NextRequest) {
       { status: 500 }
     )
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/app/drive/[...path]/page.tsx b/frontend/app/drive/[...path]/page.tsx
index b0c6d7d..8380a30 100644
--- a/frontend/app/drive/[...path]/page.tsx
+++ b/frontend/app/drive/[...path]/page.tsx
@@ -7,7 +7,9 @@ export default async function DriveDirectoryPage({
   params: Promise<{ path: string[] }>
 }) {
   const { path: pathSegments } = await params
-  const currentPath = '/' + (pathSegments?.join('/') || '')
+  // URL decode each path segment to handle special characters
+  const decodedSegments = pathSegments?.map(segment => decodeURIComponent(segment)) || []
+  const currentPath = '/' + decodedSegments.join('/')
   
   const files = await Drive_ls(currentPath, false)
   return <DriveDirectoryView path={currentPath} files={files} />