Upload 17 files

dashboardlogic.js

@@ -477,43 +477,43 @@ async function downloadPreviewFile() {
 // 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]; // File/Blob is accepted by the client as `filepath`
+    const file = input.files[0]; // File is a Blob and can be sent directly as `filepath`
+
     try {
         loading(true);
-        // Prepare token options robustly for different client versions
-        const token = getWriteToken() || getReadToken() || '';
-        const opts = token ? { hf_token: token, token } : {};
-        // Lazily connect the client (pass an options object even if empty to avoid version quirks)
-        if (!client) {
-            client = await Client.connect("pockit-cloud/main", opts);
-        }
-        // Connect exactly as per docs; only pass token if present
-        const token = getWriteToken() || getReadToken() || '';
+
+        // Private Space: pass Hugging Face token when connecting (stored as "hf_server_token" via login)
+        const hfToken = getWriteToken() || getReadToken();
+        if (!hfToken) throw new Error('Missing Hugging Face token');
+
+        // Connect once and reuse
         if (!client) {
-            client = token
-                ? await Client.connect("pockit-cloud/main", { hf_token: token })
-                : await Client.connect("pockit-cloud/main");
+            client = await Client.connect("pockit-cloud/main", { hf_token: hfToken });
         }
+
+        // Follow docs exactly: predict with {user_id, password, filepath, custom_name}
         const result = await client.predict("/upload_file_secure", {
             user_id: currentUser,
             password: currentPassword,
             filepath: file,
             custom_name: file.name,
         });
+
         console.debug('Upload response:', result);
-        console.log('Uploaded:', file.name);
+
         // Update storage
         const [status, capacityUsed, usedTotal] = result.data;
         const percent = Math.round(capacityUsed);
         document.querySelector('.card-bar-fill').style.width = percent + '%';
         document.querySelector('.sbar-fill').style.width = percent + '%';
         document.querySelector('.stor-label span:last-child').textContent = usedTotal;
+
         // Reload files
         await loadFiles();
         showToast(file.name + ' uploaded');
         input.value = '';
     } catch (err) {
-        try { console.error('Upload error (detailed):', err?.message || err, err); } catch(_) {}
+        try { console.error('Upload error (detailed):', err?.message || err, err); } catch (_) {}
         showToast('Upload failed');
     } finally {
         loading(false);