Upload 17 files

dashboardlogic.js

@@ -474,22 +474,23 @@ async function downloadPreviewFile() {
     }
 }
 
-// Upload file - use proxy endpoint for upload
+// Upload file using Gradio JS client to /upload_file_secure
 async function handleUpload(input) {
     if (!input.files || !input.files[0]) return;
-    const file = input.files[0];
+    const file = input.files[0]; // File/Blob is accepted by the client as `filepath`
     try {
         loading(true);
-        const formData = new FormData();
-        formData.append('file', file);
-        formData.append('user_id', currentUser);
-        formData.append('password', currentPassword);
-        formData.append('custom_name', file.name);
-        const resp = await fetch('/api/upload', {
-            method: 'POST',
-            body: formData
+        // Lazily connect the client; include HF token if this Space is private
+        if (!client) {
+            const token = getWriteToken() || getReadToken() || undefined;
+            client = await Client.connect("pockit-cloud/main", token ? { hf_token: token } : undefined);
+        }
+        const result = await client.predict("/upload_file_secure", {
+            user_id: currentUser,
+            password: currentPassword,
+            filepath: file,
+            custom_name: file.name,
         });
-        const result = await resp.json();
         console.log('Uploaded:', file.name);
         // Update storage
         const [status, capacityUsed, usedTotal] = result.data;
@@ -503,8 +504,9 @@ async function handleUpload(input) {
         input.value = '';
     } catch (err) {
         console.error('Upload error:', err);
-        loading(false);
         showToast('Upload failed');
+    } finally {
+        loading(false);
     }
 }