12 files changed, 27 insertions, 1129 deletions

diff --git a/frontend/app/api/fs/route.ts b/frontend/app/api/fs/route.ts
deleted file mode 100644
index 61d0f8a..0000000
--- a/frontend/app/api/fs/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextResponse } from 'next/server'
-import { Drive_ls } from '@/lib/drive_server'
-
-// GET /api/fs - Get root directory listing
-export async function GET() {
-  try {
-    // Get root directory listing using Drive_ls (non-recursive)
-    const entries = await Drive_ls('/', false)
-    
-    return NextResponse.json(entries)
-
-  } catch (error) {
-    console.error('GET fs root error:', error)
-    return NextResponse.json(
-      { error: error instanceof Error ? error.message : 'Internal server error' },
-      { status: 500 }
-    )
-  }
-}
\ No newline at end of file
diff --git a/frontend/app/api/log/route.ts b/frontend/app/api/log/route.ts
deleted file mode 100644
index a316ce7..0000000
--- a/frontend/app/api/log/route.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NextResponse } from 'next/server'
-import { Drive_log } from '@/lib/drive_server'
-
-export async function GET() {
-  try {
-    const logEntries = await Drive_log()
-    
-    return NextResponse.json(logEntries)
-  } catch (error) {
-    console.error('Error getting log entries:', error)
-    throw error
-  }
-}
\ No newline at end of file
diff --git a/frontend/app/api/tree/route.ts b/frontend/app/api/tree/route.ts
deleted file mode 100644
index ece8122..0000000
--- a/frontend/app/api/tree/route.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NextResponse } from 'next/server'
-import { Drive_tree } from '@/lib/drive_server'
-
-export async function GET() {
-  try {
-    const treeResponse = await Drive_tree()
-    
-    return NextResponse.json(treeResponse)
-  } catch (error) {
-    console.error('Error building tree:', error)
-    throw error
-  }
-}
\ No newline at end of file
diff --git a/frontend/app/v2/[...path]/page.tsx b/frontend/app/drive/[...path]/page.tsx
index 3b4cbb8..b0c6d7d 100644
--- a/frontend/app/v2/[...path]/page.tsx
+++ b/frontend/app/drive/[...path]/page.tsx
@@ -1,7 +1,7 @@
-import { V2DirectoryView } from "@/components/v2/V2DirectoryView"
+import { DriveDirectoryView } from "@/components/drive/DriveDirectoryView"
 import { Drive_ls } from "@/lib/drive_server"
 
-export default async function V2DirectoryPage({
+export default async function DriveDirectoryPage({
   params,
 }: {
   params: Promise<{ path: string[] }>
@@ -10,5 +10,5 @@ export default async function V2DirectoryPage({
   const currentPath = '/' + (pathSegments?.join('/') || '')
   
   const files = await Drive_ls(currentPath, false)
-  return <V2DirectoryView path={currentPath} files={files} />
+  return <DriveDirectoryView path={currentPath} files={files} />
 }
\ No newline at end of file
diff --git a/frontend/app/drive/page.tsx b/frontend/app/drive/page.tsx
new file mode 100644
index 0000000..0e3fd0c
--- /dev/null
+++ b/frontend/app/drive/page.tsx
@@ -0,0 +1,7 @@
+import { DriveDirectoryView } from "@/components/drive/DriveDirectoryView"
+import { Drive_ls } from "@/lib/drive_server"
+
+export default async function DriveRootPage() {
+  const files = await Drive_ls("/", false)
+  return <DriveDirectoryView path="/" files={files} />
+}
\ No newline at end of file
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index e2b6a80..e1c6eed 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -1,5 +1,5 @@
-import FileDrive from "../file-drive"
+import { redirect } from 'next/navigation'
 
 export default function Page() {
-  return <FileDrive />
+  redirect('/drive')
 }
diff --git a/frontend/app/v2/page.tsx b/frontend/app/v2/page.tsx
deleted file mode 100644
index 09418a2..0000000
--- a/frontend/app/v2/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { V2DirectoryView } from "@/components/v2/V2DirectoryView"
-import { Drive_ls } from "@/lib/drive_server"
-
-export default async function V2RootPage() {
-  const files = await Drive_ls("/", false)
-  return <V2DirectoryView path="/" files={files} />
-}
\ No newline at end of file
diff --git a/frontend/components/v2/V2DirectoryClient.tsx b/frontend/components/drive/DriveDirectoryClient.tsx
index 0d9a63a..548773a 100644
--- a/frontend/components/v2/V2DirectoryClient.tsx
+++ b/frontend/components/drive/DriveDirectoryClient.tsx
@@ -35,7 +35,7 @@ import { Checkbox } from "@/components/ui/checkbox"
 import { toast } from "@/hooks/use-toast"
 import { DriveLsEntry } from "@/lib/drive_types"
 import { UPLOAD_MAX_FILE_SIZE, UPLOAD_MAX_FILES } from "@/lib/constants"
-import { V2MoveDialog } from "./V2MoveDialog"
+import { DriveMoveDialog } from "./DriveMoveDialog"
 
 function formatFileSize(bytes: number): string {
   if (bytes === 0) return "0 Bytes"
@@ -66,13 +66,13 @@ interface Breadcrumb {
   path: string
 }
 
-interface V2DirectoryClientProps {
+interface DriveDirectoryClientProps {
   path: string
   files: DriveLsEntry[]
   breadcrumbs: Breadcrumb[]
 }
 
-export function V2DirectoryClient({ path, files, breadcrumbs }: V2DirectoryClientProps) {
+export function DriveDirectoryClient({ path, files, breadcrumbs }: DriveDirectoryClientProps) {
   const [selectedFiles, setSelectedFiles] = useState<Set<string>>(new Set())
   const [renameDialogOpen, setRenameDialogOpen] = useState(false)
   const [infoDialogOpen, setInfoDialogOpen] = useState(false)
@@ -287,7 +287,7 @@ export function V2DirectoryClient({ path, files, breadcrumbs }: V2DirectoryClien
         <div className="flex items-center gap-4">
           <div className="flex items-center gap-2">
             <HardDrive className="h-6 w-6" />
-            <h1 className="text-2xl font-bold">Drive V2</h1>
+            <h1 className="text-2xl font-bold">Drive</h1>
           </div>
           
           {/* Breadcrumbs */}
@@ -421,7 +421,7 @@ export function V2DirectoryClient({ path, files, breadcrumbs }: V2DirectoryClien
                           <>
                             <Folder className="h-4 w-4 text-blue-500" />
                             <Link 
-                              href={`/v2${file.path}`}
+                              href={`/drive${file.path}`}
                               className="text-blue-600 hover:text-blue-800 hover:underline cursor-pointer"
                             >
                               {fileName}
@@ -572,7 +572,7 @@ export function V2DirectoryClient({ path, files, breadcrumbs }: V2DirectoryClien
       </Dialog>
 
       {/* Move Dialog */}
-      <V2MoveDialog
+      <DriveMoveDialog
         open={moveDialogOpen}
         onOpenChange={setMoveDialogOpen}
         selectedCount={selectedFiles.size}
diff --git a/frontend/components/v2/V2DirectoryView.tsx b/frontend/components/drive/DriveDirectoryView.tsx
index 97fa9a8..20ed9d8 100644
--- a/frontend/components/v2/V2DirectoryView.tsx
+++ b/frontend/components/drive/DriveDirectoryView.tsx
@@ -1,7 +1,7 @@
 import { DriveLsEntry } from "@/lib/drive_types"
-import { V2DirectoryClient } from "./V2DirectoryClient"
+import { DriveDirectoryClient } from "./DriveDirectoryClient"
 
-interface V2DirectoryViewProps {
+interface DriveDirectoryViewProps {
   path: string
   files: DriveLsEntry[]
 }
@@ -9,18 +9,18 @@ interface V2DirectoryViewProps {
 // Generate breadcrumbs from path
 function generateBreadcrumbs(currentPath: string) {
   if (currentPath === '/') {
-    return [{ name: 'Root', path: '/v2' }]
+    return [{ name: 'Root', path: '/drive' }]
   }
   
   const parts = currentPath.split('/').filter(Boolean)
-  const breadcrumbs = [{ name: 'Root', path: '/v2' }]
+  const breadcrumbs = [{ name: 'Root', path: '/drive' }]
   
   let accumulatedPath = ''
   parts.forEach((part, index) => {
     accumulatedPath += '/' + part
     breadcrumbs.push({
       name: decodeURIComponent(part), // Decode URL encoded characters
-      path: '/v2' + accumulatedPath
+      path: '/drive' + accumulatedPath
     })
   })
   
@@ -41,12 +41,12 @@ function sortFiles(files: DriveLsEntry[]): DriveLsEntry[] {
   });
 }
 
-export function V2DirectoryView({ path, files }: V2DirectoryViewProps) {
+export function DriveDirectoryView({ path, files }: DriveDirectoryViewProps) {
   const sortedFiles = sortFiles(files)
   const breadcrumbs = generateBreadcrumbs(path)
   
   return (
-    <V2DirectoryClient 
+    <DriveDirectoryClient 
       path={path} 
       files={sortedFiles} 
       breadcrumbs={breadcrumbs}
diff --git a/frontend/components/v2/V2MoveDialog.tsx b/frontend/components/drive/DriveMoveDialog.tsx
index 7cedde0..d00f860 100644
--- a/frontend/components/v2/V2MoveDialog.tsx
+++ b/frontend/components/drive/DriveMoveDialog.tsx
@@ -9,14 +9,14 @@ import { ScrollArea } from "@/components/ui/scroll-area"
 import { toast } from "@/hooks/use-toast"
 import { DriveLsEntry } from "@/lib/drive_types"
 
-interface V2MoveDialogProps {
+interface DriveMoveDialogProps {
   open: boolean
   onOpenChange: (open: boolean) => void
   selectedCount: number
   onMove: (destinationPath: string) => void
 }
 
-export function V2MoveDialog({ open, onOpenChange, selectedCount, onMove }: V2MoveDialogProps) {
+export function DriveMoveDialog({ open, onOpenChange, selectedCount, onMove }: DriveMoveDialogProps) {
   const [directories, setDirectories] = useState<DriveLsEntry[]>([])
   const [filteredDirectories, setFilteredDirectories] = useState<DriveLsEntry[]>([])
   const [searchQuery, setSearchQuery] = useState("")
diff --git a/frontend/file-drive.tsx b/frontend/file-drive.tsx
deleted file mode 100644
index 123f088..0000000
--- a/frontend/file-drive.tsx
+++ /dev/null
@@ -1,805 +0,0 @@
-"use client"
-
-import type React from "react"
-
-import { useState, useRef, useEffect } from "react"
-import {
-  ChevronRight,
-  ChevronDown,
-  File,
-  Folder,
-  Upload,
-  Trash2,
-  Move,
-  MoreHorizontal,
-  HardDrive,
-  Edit,
-  Link,
-  Info,
-  LogIn,
-  LogOut,
-  HistoryIcon,
-} from "lucide-react"
-import { Button } from "@/components/ui/button"
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-import { Progress } from "@/components/ui/progress"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuSeparator,
-} from "@/components/ui/dropdown-menu"
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
-import { Checkbox } from "@/components/ui/checkbox"
-import { toast } from "@/hooks/use-toast"
-import HistoryView from "./history-view"
-import { DriveTreeResponse, DriveTreeNode } from "@/lib/drive_types"
-import { UPLOAD_MAX_FILE_SIZE, UPLOAD_MAX_FILES } from "@/lib/constants"
-
-
-function formatFileSize(bytes: number): string {
-  if (bytes === 0) return "0 Bytes"
-  const k = 1024
-  const sizes = ["Bytes", "KB", "MB", "GB"]
-  const i = Math.floor(Math.log(bytes) / Math.log(k))
-  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i]
-}
-
-function calculateTotalSize(items: DriveTreeNode[]): number {
-  return items.reduce((total, item) => {
-    if (item.type === "dir" && item.children) {
-      return total + calculateTotalSize(item.children)
-    }
-    return total + (item.size || 0)
-  }, 0)
-}
-
-// Fetch data from /api/tree endpoint
-async function fetchDriveTree(): Promise<DriveTreeResponse> {
-  const response = await fetch('/api/tree')
-  if (!response.ok) {
-    throw new Error(`Failed to fetch drive tree: ${response.statusText}`)
-  }
-  return await response.json()
-}
-
-// Convert UNIX timestamp to date string
-function formatDate(timestamp: number): string {
-  return new Date(timestamp * 1000).toISOString().split('T')[0] // YYYY-MM-DD
-}
-
-// Convert UNIX timestamp to date and time string
-function formatDateTime(timestamp: number): string {
-  const date = new Date(timestamp * 1000)
-  const dateStr = date.toISOString().split('T')[0] // YYYY-MM-DD
-  const timeStr = date.toLocaleTimeString('en-US', { 
-    hour12: false, 
-    hour: '2-digit', 
-    minute: '2-digit',
-    second: '2-digit'
-  })
-  return `${dateStr} at ${timeStr}`
-}
-
-export default function FileDrive() {
-  const [files, setFiles] = useState<DriveTreeNode[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [expandedFolders, setExpandedFolders] = useState<Set<string>>(new Set())
-  const [selectedFiles, setSelectedFiles] = useState<Set<string>>(new Set())
-  const [renameDialogOpen, setRenameDialogOpen] = useState(false)
-  const [infoDialogOpen, setInfoDialogOpen] = useState(false)
-  const [currentItem, setCurrentItem] = useState<DriveTreeNode | null>(null)
-  const [newName, setNewName] = useState("")
-  const fileInputRef = useRef<HTMLInputElement>(null)
-  const [uploading, setUploading] = useState(false)
-
-  const [isLoggedIn, setIsLoggedIn] = useState(true) // Mock logged in state
-  const [currentView, setCurrentView] = useState<"drive" | "history">("drive")
-  const [uploadToFolder, setUploadToFolder] = useState<string | null>(null)
-
-  const maxStorage = 1073741824 // 1GB
-  const usedStorage = 0;//calculateTotalSize(files)
-  const storagePercentage = (usedStorage / maxStorage) * 100
-
-  // Function to refresh file tree
-  const refreshFileTree = async () => {
-    try {
-      const treeResponse = await fetchDriveTree()
-      setFiles(treeResponse.root)
-    } catch (err) {
-      console.error('Error refreshing file tree:', err)
-      toast({
-        title: "Failed to refresh",
-        description: "Could not refresh file list after upload",
-        variant: "destructive"
-      })
-    }
-  }
-
-  // Load drive data on component mount
-  useEffect(() => {
-    async function loadDriveData() {
-      try {
-        setLoading(true)
-        setError(null)
-        const treeResponse = await fetchDriveTree()
-        setFiles(treeResponse.root)
-      } catch (err) {
-        setError(err instanceof Error ? err.message : 'Failed to load drive data')
-        console.error('Error loading drive data:', err)
-      } finally {
-        setLoading(false)
-      }
-    }
-
-    loadDriveData()
-  }, [])
-
-  const toggleFolder = (folderId: string) => {
-    const newExpanded = new Set(expandedFolders)
-    if (newExpanded.has(folderId)) {
-      newExpanded.delete(folderId)
-    } else {
-      newExpanded.add(folderId)
-    }
-    setExpandedFolders(newExpanded)
-  }
-
-  const toggleFileSelection = (fileId: string) => {
-    const newSelected = new Set(selectedFiles)
-    if (newSelected.has(fileId)) {
-      newSelected.delete(fileId)
-    } else {
-      newSelected.add(fileId)
-    }
-    setSelectedFiles(newSelected)
-  }
-
-  const selectAll = () => {
-    const getAllPaths = (items: DriveTreeNode[]): string[] => {
-      const paths: string[] = []
-      items.forEach((item) => {
-        paths.push(item.path)
-        if (item.children) {
-          paths.push(...getAllPaths(item.children))
-        }
-      })
-      return paths
-    }
-    setSelectedFiles(new Set(getAllPaths(files)))
-  }
-
-  const deselectAll = () => {
-    setSelectedFiles(new Set())
-  }
-
-  const openRenameDialog = (item: DriveTreeNode) => {
-    setCurrentItem(item)
-    setNewName(item.name)
-    setRenameDialogOpen(true)
-  }
-
-  const openInfoDialog = (item: DriveTreeNode) => {
-    setCurrentItem(item)
-    setInfoDialogOpen(true)
-  }
-
-  const copyPermalink = (item: DriveTreeNode) => {
-    const permalink = `${window.location.origin}/drive/file/${item.path}`
-    navigator.clipboard.writeText(permalink).then(() => {
-      toast({
-        title: "Link copied!",
-        description: "Permalink has been copied to clipboard",
-      })
-    })
-  }
-
-  const handleRename = () => {
-    if (currentItem && newName.trim()) {
-      const renameInArray = (items: DriveTreeNode[]): DriveTreeNode[] => {
-        return items.map((item) => {
-          if (item.path === currentItem.path) {
-            return { ...item, name: newName.trim() }
-          }
-          if (item.children) {
-            return { ...item, children: renameInArray(item.children) }
-          }
-          return item
-        })
-      }
-      setFiles(renameInArray(files))
-      setRenameDialogOpen(false)
-      setCurrentItem(null)
-      setNewName("")
-      toast({
-        title: "Renamed successfully",
-        description: `Item renamed to "${newName.trim()}"`,
-      })
-    }
-  }
-
-  const handleFileUpload = async (event: React.ChangeEvent<HTMLInputElement>) => {
-    const uploadedFiles = event.target.files
-    if (!uploadedFiles || uploadedFiles.length === 0) return
-
-    // Validate file count
-    if (uploadedFiles.length > UPLOAD_MAX_FILES) {
-      toast({
-        title: "Too many files",
-        description: `You can only upload up to ${UPLOAD_MAX_FILES} files at once`,
-        variant: "destructive"
-      })
-      return
-    }
-
-    // Validate file sizes
-    const oversizedFiles = Array.from(uploadedFiles).filter(file => file.size > UPLOAD_MAX_FILE_SIZE)
-    if (oversizedFiles.length > 0) {
-      toast({
-        title: "Files too large",
-        description: `Maximum file size is ${formatFileSize(UPLOAD_MAX_FILE_SIZE)}. Found ${oversizedFiles.length} oversized file(s)`,
-        variant: "destructive"
-      })
-      return
-    }
-
-    setUploading(true)
-    let successCount = 0
-    let errorCount = 0
-
-    try {
-      // Upload files sequentially to avoid overwhelming the server
-      for (const file of Array.from(uploadedFiles)) {
-        try {
-          const formData = new FormData()
-          formData.append('file', file)
-          
-          const response = await fetch(`/api/fs/${encodeURIComponent(file.name)}`, {
-            method: 'PUT',
-            headers: {
-              'AUTH': '1' // Development auth header
-            },
-            body: formData
-          })
-
-          if (!response.ok) {
-            const error = await response.json()
-            throw new Error(error.error || `Upload failed with status ${response.status}`)
-          }
-
-          successCount++
-        } catch (error) {
-          console.error(`Failed to upload ${file.name}:`, error)
-          errorCount++
-        }
-      }
-
-      // Show results
-      if (successCount > 0) {
-        toast({
-          title: "Upload successful",
-          description: `${successCount} file(s) uploaded successfully${errorCount > 0 ? `, ${errorCount} failed` : ''}`
-        })
-        
-        // Refresh the file tree
-        await refreshFileTree()
-      }
-
-      if (errorCount > 0 && successCount === 0) {
-        toast({
-          title: "Upload failed",
-          description: `All ${errorCount} file(s) failed to upload`,
-          variant: "destructive"
-        })
-      }
-
-    } catch (error) {
-      console.error('Upload error:', error)
-      toast({
-        title: "Upload failed",
-        description: error instanceof Error ? error.message : 'Unknown error occurred',
-        variant: "destructive"
-      })
-    } finally {
-      setUploading(false)
-      // Reset the input
-      event.target.value = ''
-    }
-  }
-
-  const deleteItems = (itemPaths: string[]) => {
-    const deleteFromArray = (items: DriveTreeNode[]): DriveTreeNode[] => {
-      return items.filter((item) => {
-        if (itemPaths.includes(item.path)) return false
-        if (item.children) {
-          item.children = deleteFromArray(item.children)
-        }
-        return true
-      })
-    }
-    setFiles(deleteFromArray(files))
-    // Remove deleted items from selection
-    const newSelected = new Set(selectedFiles)
-    itemPaths.forEach((path) => newSelected.delete(path))
-    setSelectedFiles(newSelected)
-  }
-
-  const handleLogin = () => {
-    // Redirect to external auth page (configured via env var)
-    const authUrl = process.env.NEXT_PUBLIC_AUTH_URL || "/auth/login"
-    window.location.href = authUrl
-  }
-
-  const handleLogout = () => {
-    // Handle logout (would typically clear tokens, etc.)
-    setIsLoggedIn(false)
-    // Could also redirect to logout endpoint
-  }
-
-  const handleFolderUpload = async (event: React.ChangeEvent<HTMLInputElement>, folderPath: string) => {
-    const uploadedFiles = event.target.files
-    if (!uploadedFiles || uploadedFiles.length === 0) {
-      setUploadToFolder(null)
-      return
-    }
-
-    // Validate file count
-    if (uploadedFiles.length > UPLOAD_MAX_FILES) {
-      toast({
-        title: "Too many files",
-        description: `You can only upload up to ${UPLOAD_MAX_FILES} files at once`,
-        variant: "destructive"
-      })
-      setUploadToFolder(null)
-      return
-    }
-
-    // Validate file sizes
-    const oversizedFiles = Array.from(uploadedFiles).filter(file => file.size > UPLOAD_MAX_FILE_SIZE)
-    if (oversizedFiles.length > 0) {
-      toast({
-        title: "Files too large",
-        description: `Maximum file size is ${formatFileSize(UPLOAD_MAX_FILE_SIZE)}. Found ${oversizedFiles.length} oversized file(s)`,
-        variant: "destructive"
-      })
-      setUploadToFolder(null)
-      return
-    }
-
-    setUploading(true)
-    let successCount = 0
-    let errorCount = 0
-
-    try {
-      // Upload files sequentially to the target folder
-      for (const file of Array.from(uploadedFiles)) {
-        try {
-          const formData = new FormData()
-          formData.append('file', file)
-          
-          // Construct the upload path (folder + filename)
-          const uploadPath = `${folderPath.replace(/^\//, '')}/${file.name}`
-          
-          const response = await fetch(`/api/fs/${encodeURIComponent(uploadPath)}`, {
-            method: 'PUT',
-            headers: {
-              'AUTH': '1' // Development auth header
-            },
-            body: formData
-          })
-
-          if (!response.ok) {
-            const error = await response.json()
-            throw new Error(error.error || `Upload failed with status ${response.status}`)
-          }
-
-          successCount++
-        } catch (error) {
-          console.error(`Failed to upload ${file.name} to ${folderPath}:`, error)
-          errorCount++
-        }
-      }
-
-      // Show results
-      if (successCount > 0) {
-        toast({
-          title: "Upload successful",
-          description: `${successCount} file(s) uploaded to folder${errorCount > 0 ? `, ${errorCount} failed` : ''}`
-        })
-        
-        // Refresh the file tree
-        await refreshFileTree()
-      }
-
-      if (errorCount > 0 && successCount === 0) {
-        toast({
-          title: "Upload failed",
-          description: `All ${errorCount} file(s) failed to upload to folder`,
-          variant: "destructive"
-        })
-      }
-
-    } catch (error) {
-      console.error('Folder upload error:', error)
-      toast({
-        title: "Upload failed",
-        description: error instanceof Error ? error.message : 'Unknown error occurred',
-        variant: "destructive"
-      })
-    } finally {
-      setUploading(false)
-      // Reset the input
-      event.target.value = ''
-      setUploadToFolder(null)
-    }
-  }
-
-  const openFolderUpload = (folderPath: string) => {
-    setUploadToFolder(folderPath)
-    // Trigger file input click after state is set
-    setTimeout(() => {
-      const input = document.getElementById(`folder-upload-${folderPath}`) as HTMLInputElement
-      input?.click()
-    }, 0)
-  }
-
-  const renderFileRow = (item: DriveTreeNode, level = 0): React.ReactNode[] => {
-    const isExpanded = expandedFolders.has(item.path)
-    const isSelected = selectedFiles.has(item.path)
-    const rows: React.ReactNode[] = []
-
-    rows.push(
-      <TableRow 
-        key={item.path} 
-        className={`hover:bg-muted/50 ${isSelected ? "bg-muted/30" : ""} ${item.type === "dir" ? "cursor-pointer" : ""}`}
-        onClick={item.type === "dir" ? () => toggleFolder(item.path) : undefined}
-      >
-        <TableCell className="w-[40px]" onClick={(e) => e.stopPropagation()}>
-          <Checkbox checked={isSelected} onCheckedChange={() => toggleFileSelection(item.path)} />
-        </TableCell>
-        <TableCell className="font-medium">
-          <div className="flex items-center gap-2" style={{ paddingLeft: `${level * 20}px` }}>
-            {item.type === "dir" && (
-              <Button variant="ghost" size="sm" className="h-4 w-4 p-0">
-                {isExpanded ? <ChevronDown className="h-3 w-3" /> : <ChevronRight className="h-3 w-3" />}
-              </Button>
-            )}
-            {item.type === "dir" ? (
-              <Folder className="h-4 w-4 text-blue-500" />
-            ) : (
-              <File className="h-4 w-4 text-gray-500" />
-            )}
-{item.type === "file" && item.blob ? (
-              <a
-                href={`/blob/${item.blob}?filename=${encodeURIComponent(item.name)}`}
-                className="text-blue-600 hover:text-blue-800 hover:underline cursor-pointer"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                {item.name}
-              </a>
-            ) : (
-              <span>{item.name}</span>
-            )}
-          </div>
-        </TableCell>
-        <TableCell>{formatFileSize(item.size || 0)}</TableCell>
-        <TableCell>{formatDate(item.lastmod)}</TableCell>
-        <TableCell onClick={(e) => e.stopPropagation()}>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
-                <MoreHorizontal className="h-4 w-4" />
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end">
-              {item.type === "dir" && (
-                <>
-                  <DropdownMenuItem 
-                    onClick={() => openFolderUpload(item.path)}
-                    disabled={uploading}
-                  >
-                    <Upload className="mr-2 h-4 w-4" />
-                    {uploading ? "Uploading..." : "Upload to Folder"}
-                  </DropdownMenuItem>
-                  <DropdownMenuSeparator />
-                </>
-              )}
-              <DropdownMenuItem onClick={() => openRenameDialog(item)}>
-                <Edit className="mr-2 h-4 w-4" />
-                Rename
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => copyPermalink(item)}>
-                <Link className="mr-2 h-4 w-4" />
-                Copy Permalink
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => openInfoDialog(item)}>
-                <Info className="mr-2 h-4 w-4" />
-                Info
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem
-                onClick={() => {
-                  if (selectedFiles.size > 0) {
-                    console.log("Moving selected files to:", item.type === "dir" ? item.path : "parent of " + item.path)
-                    setSelectedFiles(new Set())
-                  }
-                }}
-                disabled={selectedFiles.size === 0}
-                className={selectedFiles.size === 0 ? "opacity-50 cursor-not-allowed" : ""}
-              >
-                <Move className="mr-2 h-4 w-4" />
-                Move Here {selectedFiles.size > 0 && `(${selectedFiles.size})`}
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => deleteItems([item.path])} className="text-red-600">
-                <Trash2 className="mr-2 h-4 w-4" />
-                Delete
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </TableCell>
-      </TableRow>,
-    )
-
-    if (item.type === "dir" && item.children && isExpanded) {
-      item.children.forEach((child) => {
-        rows.push(...renderFileRow(child, level + 1))
-      })
-    }
-
-    return rows
-  }
-
-  return (
-    <div className="container mx-auto p-6 space-y-6">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <div className="flex items-center gap-2">
-            <HardDrive className="h-6 w-6" />
-            <h1 className="text-2xl font-bold">My Drive</h1>
-          </div>
-          <div className="flex items-center gap-2">
-            <Button
-              variant={currentView === "drive" ? "default" : "outline"}
-              size="sm"
-              onClick={() => setCurrentView("drive")}
-            >
-              <HardDrive className="mr-2 h-4 w-4" />
-              Drive
-            </Button>
-            <Button
-              variant={currentView === "history" ? "default" : "outline"}
-              size="sm"
-              onClick={() => setCurrentView("history")}
-            >
-              <HistoryIcon className="mr-2 h-4 w-4" />
-              History
-            </Button>
-          </div>
-        </div>
-        <div className="flex items-center gap-2">
-          {currentView === "drive" && (
-            <Button 
-              onClick={() => fileInputRef.current?.click()}
-              disabled={uploading}
-            >
-              <Upload className="mr-2 h-4 w-4" />
-              {uploading ? "Uploading..." : "Upload Files"}
-            </Button>
-          )}
-          {isLoggedIn ? (
-            <Button variant="outline" onClick={handleLogout}>
-              <LogOut className="mr-2 h-4 w-4" />
-              Logout
-            </Button>
-          ) : (
-            <Button onClick={handleLogin}>
-              <LogIn className="mr-2 h-4 w-4" />
-              Login
-            </Button>
-          )}
-        </div>
-      </div>
-
-      {currentView === "drive" ? (
-        <>
-          {/* Loading State */}
-          {loading && (
-            <div className="flex items-center justify-center py-8">
-              <div className="text-center">
-                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-2"></div>
-                <p className="text-sm text-muted-foreground">Loading drive contents...</p>
-              </div>
-            </div>
-          )}
-
-          {/* Error State */}
-          {error && (
-            <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-              <div className="text-sm text-red-800">
-                <strong>Error loading drive data:</strong> {error}
-              </div>
-            </div>
-          )}
-
-          {/* Storage Info */}
-          {!loading && !error && (
-            <div className="bg-card rounded-lg border p-4">
-            <div className="flex items-center justify-between mb-2">
-              <span className="text-sm font-medium">Storage Usage</span>
-              <span className="text-sm text-muted-foreground">
-                {formatFileSize(usedStorage)} of {formatFileSize(maxStorage)} used
-              </span>
-            </div>
-            <Progress value={storagePercentage} className="h-2" />
-            <div className="flex justify-between text-xs text-muted-foreground mt-1">
-              <span>{storagePercentage.toFixed(1)}% used</span>
-              <span>{formatFileSize(maxStorage - usedStorage)} available</span>
-            </div>
-            </div>
-          )}
-
-          {/* Bulk Actions */}
-          {!loading && !error && selectedFiles.size > 0 && (
-            <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 flex items-center justify-between">
-              <div className="flex items-center gap-4">
-                <span className="text-sm font-medium text-blue-900">
-                  {selectedFiles.size} item{selectedFiles.size !== 1 ? "s" : ""} selected
-                </span>
-                <Button variant="outline" size="sm" onClick={deselectAll}>
-                  Deselect All
-                </Button>
-              </div>
-              <div className="flex items-center gap-2">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => deleteItems(Array.from(selectedFiles))}
-                  className="text-red-600 hover:text-red-700"
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  Delete Selected
-                </Button>
-              </div>
-            </div>
-          )}
-
-          {/* File Table */}
-          {!loading && !error && (
-            <div className="border rounded-lg">
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead className="w-[40px]"></TableHead>
-                  <TableHead>Name</TableHead>
-                  <TableHead>Size</TableHead>
-                  <TableHead>Modified</TableHead>
-                  <TableHead className="w-[50px]">Actions</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>{files.flatMap((file) => renderFileRow(file))}</TableBody>
-            </Table>
-            </div>
-          )}
-        </>
-      ) : (
-        <HistoryView />
-      )}
-
-      {/* Rename Dialog */}
-      <Dialog open={renameDialogOpen} onOpenChange={setRenameDialogOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>Rename {currentItem?.type === "dir" ? "Folder" : "File"}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4">
-            <div>
-              <Label htmlFor="newName">New Name</Label>
-              <Input
-                id="newName"
-                value={newName}
-                onChange={(e) => setNewName(e.target.value)}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter") {
-                    handleRename()
-                  }
-                }}
-                placeholder="Enter new name"
-              />
-            </div>
-            <div className="flex justify-end gap-2">
-              <Button variant="outline" onClick={() => setRenameDialogOpen(false)}>
-                Cancel
-              </Button>
-              <Button onClick={handleRename} disabled={!newName.trim()}>
-                Rename
-              </Button>
-            </div>
-          </div>
-        </DialogContent>
-      </Dialog>
-
-      {/* Info Dialog */}
-      <Dialog open={infoDialogOpen} onOpenChange={setInfoDialogOpen}>
-        <DialogContent className="max-w-md">
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              {currentItem?.type === "dir" ? (
-                <Folder className="h-5 w-5 text-blue-500" />
-              ) : (
-                <File className="h-5 w-5 text-gray-500" />
-              )}
-              {currentItem?.type === "dir" ? "Folder" : "File"} Information
-            </DialogTitle>
-          </DialogHeader>
-          {currentItem && (
-            <div className="space-y-4">
-              <div className="space-y-3">
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Name</Label>
-                  <p className="text-sm break-words">{currentItem.name}</p>
-                </div>
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Size</Label>
-                  <p className="text-sm">{formatFileSize(currentItem.size || 0)}</p>
-                </div>
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Modified</Label>
-                  <p className="text-sm">{formatDateTime(currentItem.lastmod)}</p>
-                </div>
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Modified By</Label>
-                  <p className="text-sm">{currentItem.author}</p>
-                </div>
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Type</Label>
-                  <p className="text-sm capitalize">{currentItem.type}</p>
-                </div>
-                <div>
-                  <Label className="text-sm font-medium text-muted-foreground">Path</Label>
-                  <p className="text-sm font-mono text-xs">{currentItem.path}</p>
-                </div>
-              </div>
-              <div className="flex justify-end">
-                <Button variant="outline" onClick={() => setInfoDialogOpen(false)}>
-                  Close
-                </Button>
-              </div>
-            </div>
-          )}
-        </DialogContent>
-      </Dialog>
-      <input ref={fileInputRef} type="file" multiple className="hidden" onChange={handleFileUpload} />
-      {/* Hidden file inputs for folder uploads */}
-      {(() => {
-        const getAllFolders = (items: DriveTreeNode[]): DriveTreeNode[] => {
-          const folders: DriveTreeNode[] = []
-          items.forEach((item) => {
-            if (item.type === "dir") {
-              folders.push(item)
-              if (item.children) {
-                folders.push(...getAllFolders(item.children))
-              }
-            }
-          })
-          return folders
-        }
-        return getAllFolders(files).map((folder) => (
-          <input
-            key={folder.path}
-            id={`folder-upload-${folder.path}`}
-            type="file"
-            multiple
-            className="hidden"
-            onChange={(e) => handleFolderUpload(e, folder.path)}
-          />
-        ))
-      })()}
-    </div>
-  )
-}
diff --git a/frontend/history-view.tsx b/frontend/history-view.tsx
deleted file mode 100644
index 12af1ea..0000000
--- a/frontend/history-view.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-"use client"
-
-import { useState, useEffect } from "react"
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
-import { FileText, Folder, Trash2, Edit, Plus, ChevronLeft, ChevronRight } from "lucide-react"
-import { DriveLogEntry } from "@/lib/drive_types"
-import { formatFileSize } from "@/lib/utils"
-
-
-function formatTimestamp(timestamp: number): string {
-  const date = new Date(timestamp * 1000) // Convert Unix timestamp to milliseconds
-  return date.toLocaleString("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: true,
-  })
-}
-
-function getActionIcon(action: string) {
-  switch (action) {
-    case "create_file":
-      return <FileText className="h-4 w-4 text-green-600" />
-    case "create_dir":
-      return <Folder className="h-4 w-4 text-blue-600" />
-    case "remove":
-      return <Trash2 className="h-4 w-4 text-red-600" />
-    default:
-      return <Plus className="h-4 w-4 text-gray-600" />
-  }
-}
-
-function getActionBadge(action: string) {
-  switch (action) {
-    case "create_file":
-      return (
-        <Badge variant="outline" className="text-green-700 border-green-300 bg-green-50">
-          File Created
-        </Badge>
-      )
-    case "create_dir":
-      return (
-        <Badge variant="outline" className="text-blue-700 border-blue-300 bg-blue-50">
-          Directory Created
-        </Badge>
-      )
-    case "remove":
-      return (
-        <Badge variant="outline" className="text-red-700 border-red-300 bg-red-50">
-          File/Directory Removed
-        </Badge>
-      )
-    default:
-      return (
-        <Badge variant="outline" className="text-gray-700 border-gray-300 bg-gray-50">
-          {action}
-        </Badge>
-      )
-  }
-}
-
-const ENTRIES_PER_PAGE = 100
-
-export default function HistoryView() {
-  const [logEntries, setLogEntries] = useState<DriveLogEntry[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [currentPage, setCurrentPage] = useState(1)
-
-  useEffect(() => {
-    async function fetchLogEntries() {
-      try {
-        setLoading(true)
-        const response = await fetch('/api/log')
-        if (!response.ok) {
-          throw new Error('Failed to fetch log entries')
-        }
-        const data: DriveLogEntry[] = await response.json()
-        // Reverse to show latest entries first
-        setLogEntries(data.reverse())
-      } catch (err) {
-        setError(err instanceof Error ? err.message : 'Unknown error')
-      } finally {
-        setLoading(false)
-      }
-    }
-
-    fetchLogEntries()
-  }, [])
-
-  // Calculate pagination values
-  const totalPages = Math.ceil(logEntries.length / ENTRIES_PER_PAGE)
-  const startIndex = (currentPage - 1) * ENTRIES_PER_PAGE
-  const endIndex = startIndex + ENTRIES_PER_PAGE
-  const currentEntries = logEntries.slice(startIndex, endIndex)
-
-  const handlePageChange = (page: number) => {
-    setCurrentPage(page)
-  }
-
-  const handlePreviousPage = () => {
-    setCurrentPage(prev => Math.max(1, prev - 1))
-  }
-
-  const handleNextPage = () => {
-    setCurrentPage(prev => Math.min(totalPages, prev + 1))
-  }
-
-  if (loading) {
-    return (
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-xl font-semibold">Activity History</h2>
-            <p className="text-sm text-muted-foreground">Recent filesystem modifications and changes</p>
-          </div>
-        </div>
-        <div className="text-center py-8">
-          <p>Loading history...</p>
-        </div>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-xl font-semibold">Activity History</h2>
-            <p className="text-sm text-muted-foreground">Recent filesystem modifications and changes</p>
-          </div>
-        </div>
-        <div className="text-center py-8 text-red-600">
-          <p>Error: {error}</p>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* History Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-xl font-semibold">Activity History</h2>
-          <p className="text-sm text-muted-foreground">Recent filesystem modifications and changes</p>
-        </div>
-        <Badge variant="secondary">{logEntries.length} total entries</Badge>
-      </div>
-
-      {/* History Table */}
-      <div className="border rounded-lg">
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>Type</TableHead>
-              <TableHead>File/Directory Name</TableHead>
-              <TableHead>Time</TableHead>
-              <TableHead>User</TableHead>
-              <TableHead>Size</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {currentEntries.map((entry) => (
-              <TableRow key={`${entry.log_id}`} className="hover:bg-muted/50">
-                <TableCell>{getActionBadge(entry.action)}</TableCell>
-                <TableCell className="font-medium">
-                  <span className="break-words">{entry.path}</span>
-                </TableCell>
-                <TableCell>
-                  <span className="text-sm">{formatTimestamp(entry.timestamp)}</span>
-                </TableCell>
-                <TableCell>
-                  <span className="text-sm font-mono">{entry.email}</span>
-                </TableCell>
-                <TableCell>
-                  <span className="text-sm text-muted-foreground">
-                    {entry.size ? formatFileSize(entry.size) : "—"}
-                  </span>
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
-
-      {/* Pagination */}
-      {totalPages > 1 && (
-        <div className="flex items-center justify-between">
-          <div className="text-sm text-muted-foreground">
-            Showing {startIndex + 1} to {Math.min(endIndex, logEntries.length)} of {logEntries.length} entries
-          </div>
-          <div className="flex items-center gap-2">
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={handlePreviousPage}
-              disabled={currentPage === 1}
-            >
-              <ChevronLeft className="h-4 w-4" />
-              Previous
-            </Button>
-            
-            <div className="flex items-center gap-1">
-              {Array.from({ length: totalPages }, (_, i) => i + 1)
-                .filter(page => {
-                  // Show first page, last page, current page, and pages around current
-                  return page === 1 || 
-                         page === totalPages || 
-                         Math.abs(page - currentPage) <= 2
-                })
-                .map((page, index, filteredPages) => {
-                  // Add ellipsis where there are gaps
-                  const showEllipsisBefore = index > 0 && page - filteredPages[index - 1] > 1
-                  return (
-                    <div key={page} className="flex items-center gap-1">
-                      {showEllipsisBefore && (
-                        <span className="text-muted-foreground px-2">...</span>
-                      )}
-                      <Button
-                        variant={currentPage === page ? "default" : "outline"}
-                        size="sm"
-                        onClick={() => handlePageChange(page)}
-                        className="w-8 h-8 p-0"
-                      >
-                        {page}
-                      </Button>
-                    </div>
-                  )
-                })}
-            </div>
-
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={handleNextPage}
-              disabled={currentPage === totalPages}
-            >
-              Next
-              <ChevronRight className="h-4 w-4" />
-            </Button>
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}