Update app.py

app.py

@@ -1,7 +1,6 @@
 import os
 import tempfile
 import requests
-from urllib.parse import urlparse, unquote
 from flask import Flask, render_template_string, request, redirect, send_file, jsonify
 from huggingface_hub import HfApi, hf_hub_download, upload_file, delete_file
 
@@ -20,393 +19,255 @@ TEMPLATE = """
   <title>HuggingFace Drive - {{ path or 'Root' }}</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
-    /* CSS Reset & Variables */
+    /* Reset and Base Styles */
     * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
     }
 
-    :root {
-      --primary: #6366f1;
-      --primary-hover: #5855eb;
-      --primary-light: rgba(99, 102, 241, 0.1);
-      --secondary: #64748b;
-      --secondary-hover: #475569;
-      --success: #10b981;
-      --success-hover: #059669;
-      --warning: #f59e0b;
-      --warning-hover: #d97706;
-      --danger: #ef4444;
-      --danger-hover: #dc2626;
-      
-      --bg-primary: #0f172a;
-      --bg-secondary: #1e293b;
-      --bg-tertiary: #334155;
-      --bg-card: #1e293b;
-      --bg-overlay: rgba(15, 23, 42, 0.9);
-      
-      --text-primary: #f8fafc;
-      --text-secondary: #cbd5e1;
-      --text-muted: #94a3b8;
-      
-      --border: #334155;
-      --border-light: #475569;
-      --border-focus: var(--primary);
-      
-      --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
-      --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
-      --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
-      --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.25);
-      
-      --radius-sm: 0.375rem;
-      --radius-md: 0.5rem;
-      --radius-lg: 0.75rem;
-      --radius-xl: 1rem;
-      
-      --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-      --transition-slow: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    /* Base Styles */
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: var(--bg-primary);
-      color: var(--text-primary);
-      line-height: 1.6;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background-color: #0d1117;
+      color: #e5e7eb;
+      line-height: 1.5;
       min-height: 100vh;
+      display: flex;
+      flex-direction: column;
     }
 
-    /* Layout */
     .container {
       max-width: 1200px;
       margin: 0 auto;
-      padding: 1.5rem;
+      padding: 2rem 1rem;
+      flex: 1;
     }
 
     /* Header */
     .header {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-xl);
-      padding: 2rem;
+      background: rgba(31, 41, 55, 0.8);
+      border-radius: 1rem;
+      padding: 1.5rem;
       margin-bottom: 2rem;
-      box-shadow: var(--shadow-lg);
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
     }
 
     .title {
-      font-size: 2.5rem;
-      font-weight: 800;
-      color: var(--primary);
-      margin-bottom: 1.5rem;
+      font-size: 2rem;
+      font-weight: bold;
+      margin-bottom: 1rem;
       display: flex;
       align-items: center;
-      gap: 1rem;
-    }
-
-    .title-icon {
-      width: 3rem;
-      height: 3rem;
-      color: var(--primary);
+      gap: 0.5rem;
+      color: #667eea;
     }
 
     /* Breadcrumb */
     .breadcrumb {
       display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      margin-bottom: 2rem;
       flex-wrap: wrap;
+      gap: 0.5rem;
+      margin-bottom: 1.5rem;
     }
 
     .breadcrumb-item {
-      background: var(--bg-tertiary);
-      color: var(--text-secondary);
+      background: rgba(255, 255, 255, 0.1);
       padding: 0.5rem 1rem;
-      border-radius: var(--radius-md);
-      font-size: 0.875rem;
+      border-radius: 0.5rem;
       cursor: pointer;
-      transition: var(--transition);
+      transition: background 0.3s;
       display: flex;
       align-items: center;
       gap: 0.5rem;
-      max-width: 200px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
     }
 
     .breadcrumb-item:hover {
-      background: var(--primary);
-      color: white;
-      transform: translateY(-1px);
+      background: rgba(102, 126, 234, 0.3);
     }
 
     .breadcrumb-item.active {
-      background: var(--primary);
+      background: #667eea;
       color: white;
     }
 
     .breadcrumb-separator {
-      color: var(--text-muted);
-      font-size: 1.25rem;
+      color: #9ca3af;
     }
 
     /* Actions */
     .actions {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      display: flex;
       gap: 1rem;
+      flex-wrap: wrap;
     }
 
-    /* Buttons */
     .btn {
+      padding: 0.75rem 1.25rem;
+      border-radius: 0.75rem;
+      cursor: pointer;
+      font-weight: 600;
+      transition: all 0.3s;
       display: inline-flex;
       align-items: center;
-      justify-content: center;
       gap: 0.5rem;
-      padding: 0.75rem 1.5rem;
       border: none;
-      border-radius: var(--radius-md);
-      font-weight: 600;
-      font-size: 0.875rem;
-      cursor: pointer;
-      transition: var(--transition);
-      text-decoration: none;
-      min-height: 2.75rem;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .btn:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-      transform: none !important;
     }
 
     .btn-primary {
-      background: var(--primary);
+      background: linear-gradient(135deg, #667eea, #764ba2);
       color: white;
-      box-shadow: var(--shadow-md);
     }
 
-    .btn-primary:hover:not(:disabled) {
-      background: var(--primary-hover);
+    .btn-primary:hover {
+      box-shadow: 0 4px 15px rgba(102, 126, 234, 0.5);
       transform: translateY(-2px);
-      box-shadow: var(--shadow-lg);
     }
 
     .btn-secondary {
-      background: var(--bg-tertiary);
-      color: var(--text-primary);
-      border: 1px solid var(--border);
+      background: rgba(255, 255, 255, 0.1);
+      color: #e5e7eb;
     }
 
-    .btn-secondary:hover:not(:disabled) {
-      background: var(--secondary);
-      border-color: var(--border-light);
-      transform: translateY(-1px);
+    .btn-secondary:hover {
+      background: rgba(255, 255, 255, 0.2);
     }
 
-    .btn-success {
-      background: var(--success);
+    .btn-danger {
+      background: linear-gradient(135deg, #ef4444, #dc2626);
       color: white;
     }
 
-    .btn-success:hover:not(:disabled) {
-      background: var(--success-hover);
-      transform: translateY(-2px);
+    .btn-danger:hover {
+      box-shadow: 0 4px 15px rgba(239, 68, 68, 0.5);
     }
 
-    .btn-danger {
-      background: var(--danger);
-      color: white;
-    }
-
-    .btn-danger:hover:not(:disabled) {
-      background: var(--danger-hover);
-      transform: translateY(-2px);
+    .btn:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
     }
 
-    /* File Input */
     .file-input-wrapper {
       position: relative;
-      overflow: hidden;
-      display: inline-block;
-      width: 100%;
     }
 
     .file-input {
       position: absolute;
-      left: 0;
       top: 0;
+      left: 0;
+      opacity: 0;
       width: 100%;
       height: 100%;
-      opacity: 0;
       cursor: pointer;
     }
 
     /* File Grid */
     .file-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
       gap: 1.5rem;
     }
 
     .file-item {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-lg);
-      overflow: hidden;
-      transition: var(--transition-slow);
+      background: rgba(31, 41, 55, 0.8);
+      border-radius: 1rem;
+      padding: 1rem;
+      transition: all 0.3s;
       position: relative;
     }
 
     .file-item:hover {
       transform: translateY(-4px);
-      box-shadow: var(--shadow-xl);
-      border-color: var(--primary);
-    }
-
-    .file-item-content {
-      padding: 1.5rem;
-      cursor: pointer;
+      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
     }
 
-    .file-info {
+    .file-content {
       display: flex;
       align-items: center;
       gap: 1rem;
     }
 
     .file-icon {
+      font-size: 2rem;
       width: 3rem;
       height: 3rem;
-      border-radius: var(--radius-md);
       display: flex;
       align-items: center;
       justify-content: center;
-      flex-shrink: 0;
-      font-size: 1.5rem;
-    }
-
-    .file-icon.folder {
-      background: var(--warning);
-      color: white;
-    }
-
-    .file-icon.file {
-      background: var(--primary-light);
-      color: var(--primary);
+      border-radius: 0.5rem;
+      background: rgba(255, 255, 255, 0.1);
     }
 
-    .file-details {
-      flex: 1;
-      min-width: 0;
+    .folder-icon {
+      background: linear-gradient(135deg, #fbbf24, #f59e0b);
     }
 
     .file-name {
-      font-weight: 600;
-      color: var(--text-primary);
-      margin-bottom: 0.25rem;
-      word-break: break-word;
-    }
-
-    .file-meta {
-      font-size: 0.75rem;
-      color: var(--text-muted);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     /* Dropdown */
     .dropdown {
       position: absolute;
-      top: 1rem;
-      right: 1rem;
+      top: 0.5rem;
+      right: 0.5rem;
     }
 
     .dropdown-toggle {
-      width: 2.5rem;
-      height: 2.5rem;
-      border-radius: var(--radius-md);
-      background: var(--bg-tertiary);
-      border: 1px solid var(--border);
-      color: var(--text-secondary);
+      background: transparent;
+      border: none;
       cursor: pointer;
-      transition: var(--transition);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .dropdown-toggle:hover {
-      background: var(--primary);
-      color: white;
-      border-color: var(--primary);
+      padding: 0.5rem;
+      color: #9ca3af;
     }
 
     .dropdown-menu {
       position: absolute;
-      top: calc(100% + 0.5rem);
       right: 0;
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-lg);
-      padding: 0.5rem;
-      min-width: 180px;
-      opacity: 0;
-      visibility: hidden;
-      transform: translateY(-10px);
-      transition: var(--transition);
-      z-index: 1000;
-      box-shadow: var(--shadow-xl);
+      background: #1f2937;
+      border-radius: 0.5rem;
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+      min-width: 150px;
+      display: none;
     }
 
     .dropdown.active .dropdown-menu {
-      opacity: 1;
-      visibility: visible;
-      transform: translateY(0);
+      display: block;
     }
 
     .dropdown-item {
+      padding: 0.75rem 1rem;
+      cursor: pointer;
       display: flex;
       align-items: center;
-      gap: 0.75rem;
-      padding: 0.75rem;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: var(--transition);
-      font-size: 0.875rem;
-      color: var(--text-secondary);
-      width: 100%;
-      text-align: left;
-      border: none;
-      background: none;
+      gap: 0.5rem;
+      transition: background 0.3s;
     }
 
     .dropdown-item:hover {
-      background: var(--bg-tertiary);
-      color: var(--text-primary);
+      background: rgba(255, 255, 255, 0.1);
     }
 
     .dropdown-item.danger:hover {
-      background: var(--danger);
-      color: white;
+      background: rgba(239, 68, 68, 0.2);
     }
 
-    /* Modal */
+    /* Modals */
     .modal-overlay {
       position: fixed;
-      inset: 0;
-      background: var(--bg-overlay);
-      backdrop-filter: blur(8px);
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.7);
       display: flex;
       align-items: center;
       justify-content: center;
-      z-index: 2000;
+      z-index: 1000;
       opacity: 0;
       visibility: hidden;
-      transition: var(--transition);
-      padding: 1rem;
+      transition: all 0.3s;
     }
 
     .modal-overlay.active {
@@ -415,15 +276,13 @@ TEMPLATE = """
     }
 
     .modal {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-xl);
-      padding: 2rem;
-      width: 100%;
-      max-width: 500px;
-      transform: scale(0.95);
-      transition: var(--transition);
-      box-shadow: var(--shadow-xl);
+      background: #1f2937;
+      border-radius: 1rem;
+      padding: 1.5rem;
+      max-width: 400px;
+      width: 90%;
+      transform: scale(0.9);
+      transition: transform 0.3s;
     }
 
     .modal-overlay.active .modal {
@@ -431,37 +290,21 @@ TEMPLATE = """
     }
 
     .modal-title {
-      font-size: 1.5rem;
-      font-weight: 700;
-      margin-bottom: 1.5rem;
-      color: var(--text-primary);
+      font-size: 1.25rem;
+      margin-bottom: 1rem;
     }
 
     .modal-body {
-      margin-bottom: 2rem;
+      margin-bottom: 1.5rem;
     }
 
-    .modal-input, .modal-textarea {
+    .modal-input {
       width: 100%;
-      background: var(--bg-tertiary);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: 1rem;
-      color: var(--text-primary);
-      font-size: 1rem;
-      transition: var(--transition);
-      resize: vertical;
-    }
-
-    .modal-textarea {
-      min-height: 120px;
-      font-family: inherit;
-    }
-
-    .modal-input:focus, .modal-textarea:focus {
-      outline: none;
-      border-color: var(--border-focus);
-      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+      padding: 0.75rem;
+      border-radius: 0.5rem;
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      color: #e5e7eb;
     }
 
     .modal-actions {
@@ -470,21 +313,36 @@ TEMPLATE = """
       justify-content: flex-end;
     }
 
-    /* Upload Overlay */
+    /* Loading */
+    .loading-spinner {
+      border: 3px solid rgba(255, 255, 255, 0.3);
+      border-top-color: white;
+      border-radius: 50%;
+      width: 1.5rem;
+      height: 1.5rem;
+      animation: spin 1s linear infinite;
+      display: none;
+    }
+
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+
     .upload-overlay {
       position: fixed;
-      inset: 0;
-      background: var(--bg-overlay);
-      backdrop-filter: blur(8px);
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.8);
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      z-index: 9999;
+      z-index: 2000;
       opacity: 0;
       visibility: hidden;
-      transition: var(--transition);
-      gap: 1.5rem;
+      transition: all 0.3s;
     }
 
     .upload-overlay.active {
@@ -492,128 +350,35 @@ TEMPLATE = """
       visibility: visible;
     }
 
-    .upload-text {
+    .upload-overlay-text {
+      margin-top: 1rem;
       font-size: 1.25rem;
-      font-weight: 600;
-      color: var(--text-primary);
-    }
-
-    /* Loading Spinner */
-    .loading-spinner {
-      width: 2rem;
-      height: 2rem;
-      border: 3px solid rgba(255, 255, 255, 0.3);
-      border-top-color: var(--primary);
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
     }
 
-    .upload-overlay .loading-spinner {
-      width: 3rem;
-      height: 3rem;
-      border-width: 4px;
-    }
-
-    @keyframes spin {
-      to { transform: rotate(360deg); }
-    }
-
-    /* Utilities */
-    .icon {
-      width: 1.25rem;
-      height: 1.25rem;
-      flex-shrink: 0;
-    }
-
-    .sr-only {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      margin: -1px;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0;
-    }
-
-    /* Empty State */
-    .empty-state {
-      text-align: center;
-      padding: 4rem 2rem;
-      color: var(--text-muted);
-    }
-
-    .empty-state .icon {
-      width: 4rem;
-      height: 4rem;
-      margin: 0 auto 1rem;
-      opacity: 0.5;
-    }
-
-    /* Responsive Design */
+    /* Responsive */
     @media (max-width: 768px) {
       .container {
         padding: 1rem;
       }
-      
-      .header {
-        padding: 1.5rem;
-      }
-      
+
       .title {
-        font-size: 2rem;
-      }
-      
-      .title-icon {
-        width: 2.5rem;
-        height: 2.5rem;
+        font-size: 1.5rem;
       }
-      
+
       .actions {
-        grid-template-columns: 1fr;
-      }
-      
-      .file-grid {
-        grid-template-columns: 1fr;
-        gap: 1rem;
+        flex-direction: column;
       }
-      
-      .breadcrumb {
-        gap: 0.25rem;
-      }
-      
-      .breadcrumb-separator {
-        display: none;
-      }
-      
-      .modal {
-        padding: 1.5rem;
-        margin: 1rem;
-      }
-      
-      .modal-actions {
-        flex-direction: column-reverse;
-      }
-      
-      .modal-actions .btn {
+
+      .btn {
         width: 100%;
       }
-    }
 
-    @media (max-width: 480px) {
-      .file-item-content {
-        padding: 1rem;
-      }
-      
-      .file-icon {
-        width: 2.5rem;
-        height: 2.5rem;
+      .file-grid {
+        grid-template-columns: 1fr;
       }
-      
-      .breadcrumb-item {
-        max-width: 120px;
-        padding: 0.375rem 0.75rem;
+
+      .modal-actions {
+        flex-direction: column;
       }
     }
   </style>
@@ -621,26 +386,19 @@ TEMPLATE = """
 <body>
   <!-- Upload Overlay -->
   <div class="upload-overlay" id="uploadOverlay">
-    <div class="loading-spinner"></div>
-    <p class="upload-text">Processing...</p>
+    <div class="loading-spinner" style="display: block; width: 3rem; height: 3rem;"></div>
+    <p class="upload-overlay-text">Processing...</p>
   </div>
-
+  
   <div class="container">
     <header class="header">
       <h1 class="title">
-        <svg class="title-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2-2z"></path>
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5a2 2 0 012-2h4a2 2 0 012 2v0a2 2 0 01-2 2H10a2 2 0 01-2-2v0z"></path>
-        </svg>
         HuggingFace Drive
       </h1>
-
-      <!-- Breadcrumb -->
+      
+      <!-- Breadcrumb Navigation -->
       <nav class="breadcrumb">
         <span class="breadcrumb-item {{ 'active' if not path else '' }}" onclick="nav('')">
-          <svg class="icon" fill="currentColor" viewBox="0 0 20 20">
-            <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/>
-          </svg>
           Home
         </span>
         {% if path %}
@@ -650,118 +408,67 @@ TEMPLATE = """
             {% set current_path = parts[:i+1]|join('/') %}
             <span class="breadcrumb-item {{ 'active' if current_path == path else '' }}" 
                   onclick="nav('{{ current_path }}')">
-              <svg class="icon" fill="currentColor" viewBox="0 0 20 20">
-                <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/>
-              </svg>
               {{ parts[i] }}
             </span>
           {% endfor %}
         {% endif %}
       </nav>
-
       <!-- Actions -->
       <div class="actions">
         <form action="/upload" method="post" enctype="multipart/form-data" id="uploadForm">
           <div class="file-input-wrapper">
-            <label for="fileInput" class="btn btn-primary">
-              <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/>
-              </svg>
-              Upload File
-            </label>
-            <input type="file" name="file" required class="file-input" id="fileInput">
-            <input type="hidden" name="path" value="{{ path }}">
+              <button type="button" class="btn btn-primary">
+                Upload File
+              </button>
+              <input type="file" name="file" required class="file-input" id="fileInput">
+              <input type="hidden" name="path" value="{{ path }}">
           </div>
         </form>
-
         <button class="btn btn-secondary" onclick="showFolderModal('{{ path }}')">
-          <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
-          </svg>
           New Folder
         </button>
-
-        <button class="btn btn-success" onclick="showUrlDownloadModal('{{ path }}')">
-          <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
-          </svg>
+        <button class="btn btn-secondary" onclick="showDownloadUrlModal('{{ path }}')">
           Download from URL
         </button>
       </div>
     </header>
-
     <!-- File Grid -->
-    <main>
-      {% if items %}
-        <div class="file-grid">
-          {% for item in items %}
-            <div class="file-item">
-              <div class="file-item-content" onclick="{% if item.type=='dir' %}nav('{{ item.path }}'){% else %}download('{{ item.path }}'){% endif %}">
-                <div class="file-info">
-                  <div class="file-icon {{ item.type }}">
-                    {% if item.type == 'dir' %}
-                      <svg class="icon" fill="currentColor" viewBox="0 0 20 20">
-                        <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/>
-                      </svg>
-                    {% else %}
-                      <svg class="icon" fill="currentColor" viewBox="0 0 20 20">
-                        <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z" clip-rule="evenodd"/>
-                      </svg>
-                    {% endif %}
-                  </div>
-                  <div class="file-details">
-                    <div class="file-name">{{ item.name }}</div>
-                    <div class="file-meta">{{ item.type|title }}</div>
-                  </div>
+    <main class="file-grid">
+      {% for item in items %}
+        <div class="file-item">
+          <div class="file-content" onclick="{% if item.type=='dir' %}nav('{{ item.path }}'){% else %}download('{{ item.path }}'){% endif %}">
+            <div class="file-icon {{ 'folder-icon' if item.type=='dir' }}">
+              {% if item.type == 'dir' %}
+                Folder
+              {% else %}
+                File
+              {% endif %}
+            </div>
+            <div class="file-name" title="{{ item.name }}">{{ item.name }}</div>
+          </div>
+          <div class="dropdown">
+            <button class="dropdown-toggle" onclick="toggleDropdown(this)">
+              ⋮
+            </button>
+            <div class="dropdown-menu">
+              {% if item.type == 'file' %}
+                <div class="dropdown-item" onclick="download('{{ item.path }}')">
+                  Download
                 </div>
+              {% endif %}
+              <div class="dropdown-item" onclick="showRenameModal('{{ item.path }}', '{{ item.name }}')">
+                Rename
               </div>
-
-              <div class="dropdown">
-                <button class="dropdown-toggle" onclick="toggleDropdown(event, this)">
-                  <svg class="icon" fill="currentColor" viewBox="0 0 20 20">
-                    <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"/>
-                  </svg>
-                </button>
-                <div class="dropdown-menu">
-                  {% if item.type == 'file' %}
-                    <button class="dropdown-item" onclick="download('{{ item.path }}')">
-                      <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
-                      </svg>
-                      Download
-                    </button>
-                  {% endif %}
-                  <button class="dropdown-item" onclick="showRenameModal('{{ item.path }}', '{{ item.name }}')">
-                    <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
-                    </svg>
-                    Rename
-                  </button>
-                  <button class="dropdown-item danger" onclick="showDeleteModal('{{ item.path }}', '{{ item.name }}')">
-                    <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
-                    </svg>
-                    Delete
-                  </button>
-                </div>
+              <div class="dropdown-item danger" onclick="showDeleteModal('{{ item.path }}', '{{ item.name }}')">
+                Delete
               </div>
             </div>
-          {% endfor %}
-        </div>
-      {% else %}
-        <div class="empty-state">
-          <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
-          </svg>
-          <h3>No files yet</h3>
-          <p>Upload your first file or create a folder to get started.</p>
+          </div>
         </div>
-      {% endif %}
+      {% endfor %}
     </main>
   </div>
-
   <!-- Modals -->
-  <!-- Rename Modal -->
   <div class="modal-overlay" id="renameModal">
     <div class="modal">
       <h3 class="modal-title">Rename Item</h3>
@@ -771,31 +478,27 @@ TEMPLATE = """
       <div class="modal-actions">
         <button class="btn btn-secondary" onclick="closeModal('renameModal')">Cancel</button>
         <button class="btn btn-primary" onclick="confirmRename()" id="renameConfirmBtn">
-          <span id="renameBtnText">Rename</span>
-          <span id="renameBtnSpinner" class="loading-spinner" style="display: none;"></span>
+          Rename
+          <span class="loading-spinner" id="renameBtnSpinner"></span>
         </button>
       </div>
     </div>
   </div>
-
-  <!-- Delete Modal -->
   <div class="modal-overlay" id="deleteModal">
     <div class="modal">
       <h3 class="modal-title">Confirm Deletion</h3>
       <div class="modal-body">
-        <p>Are you sure you want to delete <strong id="deleteItemName"></strong>? This action cannot be undone.</p>
+        <p>Are you sure you want to delete <strong id="deleteItemName"></strong>?</p>
       </div>
       <div class="modal-actions">
         <button class="btn btn-secondary" onclick="closeModal('deleteModal')">Cancel</button>
         <button class="btn btn-danger" onclick="confirmDelete()" id="deleteConfirmBtn">
-          <span id="deleteBtnText">Delete</span>
-          <span id="deleteBtnSpinner" class="loading-spinner" style="display: none;"></span>
+          Delete
+          <span class="loading-spinner" id="deleteBtnSpinner"></span>
         </button>
       </div>
     </div>
   </div>
-
-  <!-- Folder Modal -->
   <div class="modal-overlay" id="folderModal">
     <div class="modal">
       <h3 class="modal-title">Create New Folder</h3>
@@ -805,328 +508,147 @@ TEMPLATE = """
       <div class="modal-actions">
         <button class="btn btn-secondary" onclick="closeModal('folderModal')">Cancel</button>
         <button class="btn btn-primary" onclick="confirmCreateFolder()" id="folderConfirmBtn">
-          <span id="folderBtnText">Create</span>
-          <span id="folderBtnSpinner" class="loading-spinner" style="display: none;"></span>
+          Create
+          <span class="loading-spinner" id="folderBtnSpinner"></span>
         </button>
       </div>
     </div>
   </div>
-
-  <!-- URL Download Modal -->
-  <div class="modal-overlay" id="urlDownloadModal">
+  <div class="modal-overlay" id="downloadUrlModal">
     <div class="modal">
       <h3 class="modal-title">Download from URL</h3>
       <div class="modal-body">
-        <input type="text" class="modal-input" id="urlInput" placeholder="https://example.com/file.pdf" style="margin-bottom: 1rem;">
-        <input type="text" class="modal-input" id="filenameInput" placeholder="Custom filename (optional)">
-        <p style="font-size: 0.875rem; color: var(--text-muted); margin-top: 0.5rem;">
-          The file will be downloaded directly to your HuggingFace repository.
-        </p>
+        <input type="text" class="modal-input" id="urlInput" placeholder="Enter URL">
+        <input type="text" class="modal-input" id="filenameInput" placeholder="Optional filename" style="margin-top: 1rem;">
       </div>
       <div class="modal-actions">
-        <button class="btn btn-secondary" onclick="closeModal('urlDownloadModal')">Cancel</button>
-        <button class="btn btn-success" onclick="confirmUrlDownload()" id="urlDownloadConfirmBtn">
-          <span id="urlDownloadBtnText">Download</span>
-          <span id="urlDownloadBtnSpinner" class="loading-spinner" style="display: none;"></span>
+        <button class="btn btn-secondary" onclick="closeModal('downloadUrlModal')">Cancel</button>
+        <button class="btn btn-primary" onclick="confirmDownloadUrl()" id="downloadUrlConfirmBtn">
+          Download
+          <span class="loading-spinner" id="downloadUrlBtnSpinner"></span>
         </button>
       </div>
     </div>
   </div>
 
   <script>
-    // Global state
     let currentRenamePath = '';
     let currentDeletePath = '';
     let currentFolderPath = '';
-    let currentUrlDownloadPath = '';
+    let currentDownloadPath = '';
     let activeDropdown = null;
 
-    // Navigation
-    function nav(path) {
-      window.location.href = '/?path=' + encodeURIComponent(path);
+    function nav(p) {
+      location.href = '/?path=' + encodeURIComponent(p);
     }
-
+    
     function download(path) {
       window.open('/download?path=' + encodeURIComponent(path), '_blank');
     }
 
-    // Dropdown management
-    function toggleDropdown(event, button) {
-      event.stopPropagation();
+    function toggleDropdown(button) {
       const dropdown = button.closest('.dropdown');
-      
       if (activeDropdown && activeDropdown !== dropdown) {
         activeDropdown.classList.remove('active');
       }
-      
       dropdown.classList.toggle('active');
       activeDropdown = dropdown.classList.contains('active') ? dropdown : null;
     }
 
-    function closeAllDropdowns() {
-      if (activeDropdown) {
-        activeDropdown.classList.remove('active');
-        activeDropdown = null;
-      }
-    }
-
-    // Loading state management
-    function showSpinner(btnId, textId, spinnerId) {
-      const btn = document.getElementById(btnId);
-      const text = document.getElementById(textId);
-      const spinner = document.getElementById(spinnerId);
-      
-      btn.disabled = true;
-      text.style.display = 'none';
-      spinner.style.display = 'inline-block';
-    }
-
-    function hideSpinner(btnId, textId, spinnerId) {
-      const btn = document.getElementById(btnId);
-      const text = document.getElementById(textId);
-      const spinner = document.getElementById(spinnerId);
-      
-      btn.disabled = false;
-      text.style.display = 'inline-block';
-      spinner.style.display = 'none';
-    }
-
-    // Modal management
     function showModal(modalId) {
-      const modal = document.getElementById(modalId);
-      modal.classList.add('active');
-      document.body.style.overflow = 'hidden';
-      
-      // Focus first input in modal
-      const firstInput = modal.querySelector('.modal-input');
-      if (firstInput) {
-        setTimeout(() => {
-          firstInput.focus();
-          if (firstInput.type === 'text') {
-            firstInput.select();
-          }
-        }, 100);
-      }
+      document.getElementById(modalId).classList.add('active');
     }
 
     function closeModal(modalId) {
-      const modal = document.getElementById(modalId);
-      modal.classList.remove('active');
-      document.body.style.overflow = '';
+      document.getElementById(modalId).classList.remove('active');
     }
 
-    // Modal show functions
     function showRenameModal(path, currentName) {
       currentRenamePath = path;
       document.getElementById('renameInput').value = currentName;
       showModal('renameModal');
-      closeAllDropdowns();
     }
 
     function showDeleteModal(path, name) {
       currentDeletePath = path;
       document.getElementById('deleteItemName').textContent = name;
       showModal('deleteModal');
-      closeAllDropdowns();
     }
 
     function showFolderModal(path) {
       currentFolderPath = path;
-      document.getElementById('folderInput').value = '';
       showModal('folderModal');
     }
 
-    function showUrlDownloadModal(path) {
-      currentUrlDownloadPath = path;
+    function showDownloadUrlModal(path) {
+      currentDownloadPath = path;
       document.getElementById('urlInput').value = '';
       document.getElementById('filenameInput').value = '';
-      showModal('urlDownloadModal');
+      showModal('downloadUrlModal');
     }
 
-    // Generic action performer
-    async function performAction(url, body, btnId, textId, spinnerId, modalToClose, successMessage) {
-      showSpinner(btnId, textId, spinnerId);
-      
+    async function performAction(url, body, btnId, spinnerId, modalId) {
+      const btn = document.getElementById(btnId);
+      const spinner = document.getElementById(spinnerId);
+      btn.disabled = true;
+      spinner.style.display = 'block';
       try {
         const response = await fetch(url, {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify(body)
         });
-        
-        const result = await response.json();
-        
         if (response.ok) {
-          if (modalToClose) closeModal(modalToClose);
-          if (successMessage) {
-            // Show brief success message
-            showUploadOverlay(successMessage);
-            setTimeout(() => hideUploadOverlay(), 1500);
-          }
-          setTimeout(() => window.location.reload(), successMessage ? 1500 : 0);
+          if (modalId) closeModal(modalId);
+          location.reload();
         } else {
-          throw new Error(result.error || 'Operation failed');
+          alert('Operation failed: ' + await response.text());
         }
       } catch (error) {
-        console.error('Action failed:', error);
-        alert(`Operation failed: ${error.message}`);
+        alert('Error: ' + error.message);
       } finally {
-        hideSpinner(btnId, textId, spinnerId);
+        btn.disabled = false;
+        spinner.style.display = 'none';
       }
     }
 
-    // Action confirmations
     function confirmRename() {
       const newName = document.getElementById('renameInput').value.trim();
-      if (!newName) {
-        alert('Please enter a valid name');
-        return;
-      }
-      
-      performAction(
-        '/rename', 
-        { old_path: currentRenamePath, new_path: newName }, 
-        'renameConfirmBtn', 
-        'renameBtnText', 
-        'renameBtnSpinner', 
-        'renameModal',
-        'Item renamed successfully!'
-      );
+      if (!newName) return alert('Enter a name');
+      performAction('/rename', { old_path: currentRenamePath, new_path: newName }, 'renameConfirmBtn', 'renameBtnSpinner', 'renameModal');
     }
 
     function confirmDelete() {
-      performAction(
-        '/delete', 
-        { path: currentDeletePath }, 
-        'deleteConfirmBtn', 
-        'deleteBtnText', 
-        'deleteBtnSpinner', 
-        'deleteModal',
-        'Item deleted successfully!'
-      );
+      performAction('/delete', { path: currentDeletePath }, 'deleteConfirmBtn', 'deleteBtnSpinner', 'deleteModal');
     }
 
     function confirmCreateFolder() {
-      const folderName = document.getElementById('folderInput').value.trim();
-      if (!folderName) {
-        alert('Please enter a folder name');
-        return;
-      }
-      
-      const folderPath = currentFolderPath ? `${currentFolderPath}/${folderName}` : folderName;
-      performAction(
-        '/create_folder', 
-        { path: folderPath }, 
-        'folderConfirmBtn', 
-        'folderBtnText', 
-        'folderBtnSpinner', 
-        'folderModal',
-        'Folder created successfully!'
-      );
+      const name = document.getElementById('folderInput').value.trim();
+      if (!name) return alert('Enter a name');
+      const path = currentFolderPath ? currentFolderPath + '/' + name : name;
+      performAction('/create_folder', { path }, 'folderConfirmBtn', 'folderBtnSpinner', 'folderModal');
     }
 
-    function confirmUrlDownload() {
+    function confirmDownloadUrl() {
       const url = document.getElementById('urlInput').value.trim();
-      const customFilename = document.getElementById('filenameInput').value.trim();
-      
-      if (!url) {
-        alert('Please enter a valid URL');
-        return;
-      }
-      
-      if (!url.startsWith('http://') && !url.startsWith('https://')) {
-        alert('Please enter a valid HTTP/HTTPS URL');
-        return;
-      }
-      
-      performAction(
-        '/download_url', 
-        { 
-          url: url, 
-          path: currentUrlDownloadPath,
-          filename: customFilename || null
-        }, 
-        'urlDownloadConfirmBtn', 
-        'urlDownloadBtnText', 
-        'urlDownloadBtnSpinner', 
-        'urlDownloadModal',
-        'File downloaded successfully!'
-      );
+      const filename = document.getElementById('filenameInput').value.trim();
+      if (!url) return alert('Enter a URL');
+      const body = { url, filename, path: currentDownloadPath };
+      document.getElementById('uploadOverlay').classList.add('active');
+      performAction('/download_url', body, 'downloadUrlConfirmBtn', 'downloadUrlBtnSpinner', 'downloadUrlModal');
     }
 
-    // Upload overlay management
-    function showUploadOverlay(message = 'Processing...') {
-      const overlay = document.getElementById('uploadOverlay');
-      const text = overlay.querySelector('.upload-text');
-      text.textContent = message;
-      overlay.classList.add('active');
-    }
-
-    function hideUploadOverlay() {
-      document.getElementById('uploadOverlay').classList.remove('active');
-    }
-
-    // Event listeners
-    document.addEventListener('DOMContentLoaded', function() {
-      // File input change handler
-      document.getElementById('fileInput').addEventListener('change', function(e) {
-        if (this.files.length > 0) {
-          showUploadOverlay('Uploading file...');
-          document.getElementById('uploadForm').submit();
-        }
-      });
-
-      // Modal keyboard handlers
-      const setupModalKeyListener = (inputId, confirmFunction) => {
-        const input = document.getElementById(inputId);
-        if (input) {
-          input.addEventListener('keypress', (e) => {
-            if (e.key === 'Enter') {
-              e.preventDefault();
-              confirmFunction();
-            }
-          });
-        }
-      };
-
-      setupModalKeyListener('renameInput', confirmRename);
-      setupModalKeyListener('folderInput', confirmCreateFolder);
-      setupModalKeyListener('urlInput', confirmUrlDownload);
-      setupModalKeyListener('filenameInput', confirmUrlDownload);
-
-      // Global click handler
-      document.addEventListener('click', (e) => {
-        // Close dropdowns when clicking outside
-        if (!e.target.closest('.dropdown')) {
-          closeAllDropdowns();
-        }
-        
-        // Close modal when clicking overlay
-        if (e.target.classList.contains('modal-overlay')) {
-          closeModal(e.target.id);
-        }
-      });
-
-      // Global keyboard handler
-      document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') {
-          const openModal = document.querySelector('.modal-overlay.active');
-          if (openModal) {
-            closeModal(openModal.id);
-          } else {
-            closeAllDropdowns();
-          }
-        }
-      });
+    document.addEventListener('click', (e) => {
+      if (!e.target.closest('.dropdown')) {
+        if (activeDropdown) activeDropdown.classList.remove('active');
+      }
+      if (e.target.classList.contains('modal-overlay')) closeModal(e.target.id);
     });
 
-    // Prevent form submission on enter in modals (except for specific inputs)
-    document.addEventListener('keydown', function(e) {
-      if (e.key === 'Enter' && e.target.closest('.modal') && e.target.tagName !== 'BUTTON') {
-        const modal = e.target.closest('.modal-overlay');
-        if (modal) {
-          e.preventDefault();
-        }
+    document.getElementById('fileInput').addEventListener('change', () => {
+      if (document.getElementById('fileInput').files.length) {
+        document.getElementById('uploadOverlay').classList.add('active');
+        document.getElementById('uploadForm').submit();
       }
     });
   </script>
@@ -1135,321 +657,105 @@ TEMPLATE = """
 """
 
 def list_folder(path=""):
-    """List files and folders in the given path"""
     prefix = path.strip("/") + ("/" if path else "")
-    
-    try:
-        all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
-    except Exception as e:
-        print(f"Error listing files: {e}")
-        return []
-    
+    all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
     seen = set()
     items = []
-    
     for f in all_files:
-        if not f.startswith(prefix):
-            continue
-            
+        if not f.startswith(prefix): continue
         rest = f[len(prefix):]
         if "/" in rest:
-            # This is a subdirectory
             dir_name = rest.split("/")[0]
             dir_path = (prefix + dir_name).strip("/")
             if dir_path not in seen:
                 seen.add(dir_path)
-                items.append({
-                    "type": "dir",
-                    "name": dir_name,
-                    "path": dir_path
-                })
+                items.append({"type":"dir","name":dir_name,"path":dir_path})
         else:
-            # This is a file
-            if rest:  # Skip empty filenames
-                items.append({
-                    "type": "file",
-                    "name": rest,
-                    "path": (prefix + rest).strip("/")
-                })
-    
-    # Sort directories first, then files, both alphabetically
-    items.sort(key=lambda x: (x["type"] != "dir", x["name"].lower()))
+            items.append({"type":"file","name":rest,"path":(prefix + rest).strip("/")})
+    items.sort(key=lambda x: (x["type"]!="dir", x["name"].lower()))
     return items
 
-def get_filename_from_url(url, custom_filename=None):
-    """Extract filename from URL or use custom filename"""
-    if custom_filename:
-        return custom_filename
-    
-    # Parse URL and get the path
-    parsed_url = urlparse(url)
-    path = unquote(parsed_url.path)
-    
-    # Get filename from path
-    filename = os.path.basename(path)
-    
-    # If no filename found, generate one
-    if not filename or '.' not in filename:
-        filename = f"downloaded_file_{int(time.time())}"
-    
-    return filename
-
 @app.route("/", methods=["GET"])
 def index():
-    """Main page - file browser"""
-    path = request.args.get("path", "").strip("/")
-    items = list_folder(path)
-    return render_template_string(TEMPLATE, items=items, path=path)
+    path = request.args.get("path","").strip("/")
+    return render_template_string(TEMPLATE, items=list_folder(path), path=path)
 
 @app.route("/download", methods=["GET"])
 def download():
-    """Download a file from the repository"""
-    file_path = request.args.get("path", "")
-    if not file_path:
-        return "No file path provided", 400
-    
-    try:
-        # Download file to temporary location
-        local_path = hf_hub_download(
-            repo_id=REPO_ID, 
-            filename=file_path, 
-            repo_type="dataset", 
-            token=HF_TOKEN, 
-            cache_dir=tempfile.gettempdir()
-        )
-        
-        # Send file to user
-        return send_file(
-            local_path, 
-            as_attachment=True, 
-            download_name=os.path.basename(file_path)
-        )
-    except Exception as e:
-        return f"Error downloading file: {str(e)}", 500
+    p = request.args.get("path","")
+    local = hf_hub_download(repo_id=REPO_ID, filename=p, repo_type="dataset", token=HF_TOKEN, cache_dir=tempfile.gettempdir())
+    return send_file(local, as_attachment=True, download_name=os.path.basename(p))
 
 @app.route("/upload", methods=["POST"])
 def upload():
-    """Upload a file to the repository"""
-    if 'file' not in request.files:
-        return "No file provided", 400
-    
     file = request.files["file"]
-    if file.filename == '':
-        return "No file selected", 400
-    
-    path = request.form.get("path", "").strip("/")
-    
-    # Create destination path
-    dest_path = f"{path}/{file.filename}".strip("/")
-    
-    # Save file to temporary location
-    with tempfile.NamedTemporaryFile(delete=False) as tmp_file:
-        file.save(tmp_file.name)
-        
-        try:
-            # Upload to HuggingFace
-            upload_file(
-                path_or_fileobj=tmp_file.name,
-                path_in_repo=dest_path,
-                repo_id=REPO_ID,
-                repo_type="dataset",
-                token=HF_TOKEN
-            )
-        except Exception as e:
-            os.unlink(tmp_file.name)
-            return f"Error uploading file: {str(e)}", 500
-        finally:
-            # Clean up temporary file
-            try:
-                os.unlink(tmp_file.name)
-            except:
-                pass
-    
+    path = request.form.get("path","").strip("/")
+    dest = f"{path}/{file.filename}".strip("/")
+    tmp = tempfile.NamedTemporaryFile(delete=False)
+    file.save(tmp.name)
+    upload_file(path_or_fileobj=tmp.name, path_in_repo=dest, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
     return redirect(f"/?path={path}")
 
-@app.route("/download_url", methods=["POST"])
-def download_url():
-    """Download a file from URL and upload to repository"""
-    data = request.get_json()
-    url = data.get("url", "").strip()
-    path = data.get("path", "").strip("/")
-    custom_filename = data.get("filename", "").strip()
-    
-    if not url:
-        return jsonify({"error": "No URL provided"}), 400
-    
-    if not url.startswith(('http://', 'https://')):
-        return jsonify({"error": "Invalid URL. Must start with http:// or https://"}), 400
-    
-    try:
-        # Get filename
-        filename = get_filename_from_url(url, custom_filename)
-        dest_path = f"{path}/{filename}".strip("/")
-        
-        # Download file from URL
-        response = requests.get(url, stream=True, timeout=30)
-        response.raise_for_status()
-        
-        # Check if content-length is reasonable (max 500MB)
-        content_length = response.headers.get('content-length')
-        if content_length and int(content_length) > 500 * 1024 * 1024:
-            return jsonify({"error": "File too large. Maximum size is 500MB"}), 400
-        
-        # Save to temporary file
-        with tempfile.NamedTemporaryFile(delete=False) as tmp_file:
-            # Download in chunks
-            for chunk in response.iter_content(chunk_size=8192):
-                tmp_file.write(chunk)
-            
-            tmp_file.flush()
-            
-            # Upload to HuggingFace
-            upload_file(
-                path_or_fileobj=tmp_file.name,
-                path_in_repo=dest_path,
-                repo_id=REPO_ID,
-                repo_type="dataset",
-                token=HF_TOKEN
-            )
-            
-            # Clean up
-            os.unlink(tmp_file.name)
-        
-        return jsonify({"status": "success", "message": "File downloaded and uploaded successfully"})
-        
-    except requests.exceptions.RequestException as e:
-        return jsonify({"error": f"Failed to download from URL: {str(e)}"}), 400
-    except Exception as e:
-        return jsonify({"error": f"Upload failed: {str(e)}"}), 500
-
 @app.route("/delete", methods=["POST"])
 def delete():
-    """Delete a file or folder from the repository"""
-    data = request.get_json()
-    delete_path = data.get("path", "").strip("/")
-    
-    if not delete_path:
-        return jsonify({"error": "No path provided"}), 400
-    
-    try:
-        all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
-        deleted_count = 0
-        
-        for file_path in all_files:
-            # Delete exact match or files within the folder
-            if file_path == delete_path or file_path.startswith(delete_path.rstrip("/") + "/"):
-                delete_file(
-                    repo_id=REPO_ID,
-                    path_in_repo=file_path,
-                    repo_type="dataset",
-                    token=HF_TOKEN
-                )
-                deleted_count += 1
-        
-        if deleted_count == 0:
-            return jsonify({"error": "No files found to delete"}), 404
-        
-        return jsonify({"status": "success", "message": f"Deleted {deleted_count} file(s)"})
-        
-    except Exception as e:
-        return jsonify({"error": f"Delete failed: {str(e)}"}), 500
+    d = request.get_json()["path"]
+    all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
+    for f in all_files:
+        if f == d or f.startswith(d.rstrip("/")+"/"):
+            delete_file(repo_id=REPO_ID, path_in_repo=f, repo_type="dataset", token=HF_TOKEN)
+    return jsonify(status="ok")
 
 @app.route("/create_folder", methods=["POST"])
 def create_folder():
-    """Create a new folder by uploading a .keep file"""
-    data = request.get_json()
-    folder_path = data.get("path", "").strip("/")
-    
-    if not folder_path:
-        return jsonify({"error": "No folder path provided"}), 400
-    
-    # Create .keep file path
-    keep_file_path = f"{folder_path}/.keep"
-    
-    try:
-        # Create temporary empty file
-        with tempfile.NamedTemporaryFile(delete=False) as tmp_file:
-            tmp_file.write(b"# This file keeps the folder in git\n")
-            tmp_file.flush()
-            
-            # Upload .keep file
-            upload_file(
-                path_or_fileobj=tmp_file.name,
-                path_in_repo=keep_file_path,
-                repo_id=REPO_ID,
-                repo_type="dataset",
-                token=HF_TOKEN
-            )
-            
-            # Clean up
-            os.unlink(tmp_file.name)
-        
-        return jsonify({"status": "success", "message": "Folder created successfully"})
-        
-    except Exception as e:
-        return jsonify({"error": f"Failed to create folder: {str(e)}"}), 500
+    folder = request.get_json()["path"].strip("/")
+    keep = f"{folder}/.keep"
+    tmp = tempfile.NamedTemporaryFile(delete=False)
+    tmp.write(b"")
+    tmp.flush()
+    upload_file(path_or_fileobj=tmp.name, path_in_repo=keep, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
+    return jsonify(status="ok")
 
 @app.route("/rename", methods=["POST"])
 def rename():
-    """Rename a file or folder"""
     data = request.get_json()
-    old_path = data.get("old_path", "").strip("/")
-    new_name = data.get("new_path", "").strip()
-    
-    if not old_path or not new_name:
-        return jsonify({"error": "Missing old path or new name"}), 400
+    old, new = data["old_path"].strip("/"), data["new_path"].strip("/")
+    all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
+    for f in all_files:
+        if f == old or f.startswith(old+"/"):
+            rel = f[len(old):].lstrip("/")
+            newp = (new + "/" + rel).strip("/")
+            local = hf_hub_download(repo_id=REPO_ID, filename=f, repo_type="dataset",
+                                    token=HF_TOKEN, cache_dir=tempfile.gettempdir())
+            upload_file(path_or_fileobj=local, path_in_repo=newp, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
+            delete_file(repo_id=REPO_ID, path_in_repo=f, repo_type="dataset", token=HF_TOKEN)
+    return jsonify(status="ok")
+
+@app.route("/download_url", methods=["POST"])
+def download_url():
+    data = request.get_json()
+    url = data["url"]
+    filename = data.get("filename")
+    path = data.get("path", "").strip("/")
     
     try:
-        # Get parent directory
-        parent_dir = "/".join(old_path.split("/")[:-1]) if "/" in old_path else ""
-        new_path = f"{parent_dir}/{new_name}".strip("/")
-        
-        all_files = api.list_repo_files(repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
-        renamed_count = 0
+        response = requests.get(url, stream=True)
+        response.raise_for_status()
         
-        for file_path in all_files:
-            if file_path == old_path or file_path.startswith(old_path + "/"):
-                # Calculate new file path
-                relative_path = file_path[len(old_path):].lstrip("/")
-                new_file_path = (new_path + "/" + relative_path).strip("/")
-                
-                # Download original file
-                local_path = hf_hub_download(
-                    repo_id=REPO_ID,
-                    filename=file_path,
-                    repo_type="dataset",
-                    token=HF_TOKEN,
-                    cache_dir=tempfile.gettempdir()
-                )
-                
-                # Upload with new name
-                upload_file(
-                    path_or_fileobj=local_path,
-                    path_in_repo=new_file_path,
-                    repo_id=REPO_ID,
-                    repo_type="dataset",
-                    token=HF_TOKEN
-                )
-                
-                # Delete original file
-                delete_file(
-                    repo_id=REPO_ID,
-                    path_in_repo=file_path,
-                    repo_type="dataset",
-                    token=HF_TOKEN
-                )
-                
-                renamed_count += 1
+        if not filename:
+            from urllib.parse import urlparse
+            filename = os.path.basename(urlparse(url).path) or "downloaded_file"
         
-        if renamed_count == 0:
-            return jsonify({"error": "No files found to rename"}), 404
+        dest = f"{path}/{filename}".strip("/")
         
-        return jsonify({"status": "success", "message": f"Renamed {renamed_count} file(s)"})
+        with tempfile.NamedTemporaryFile(delete=False) as tmp:
+            for chunk in response.iter_content(chunk_size=8192):
+                tmp.write(chunk)
         
+        upload_file(path_or_fileobj=tmp.name, path_in_repo=dest, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
+        os.unlink(tmp.name)
+        return jsonify(status="ok")
     except Exception as e:
-        return jsonify({"error": f"Rename failed: {str(e)}"}), 500
+        return str(e), 400
 
 if __name__ == "__main__":
-    # Add missing import
-    import time
-    app.run(debug=True, host="0.0.0.0", port=7860)
+    app.run(debug=True, host="0.0.0.0", port=7860)