update app

index.html

@@ -1363,41 +1363,47 @@
                 }
             }
             
+            const totalModels = state.models.length;
+            const totalDatasets = state.datasets.length;
+            const totalSpaces = state.spaces.length;
+            
+            const totalModelDl = state.models.reduce((s, m) => s + getLifetimeDownloads(m), 0);
+            const totalDatasetDl = state.datasets.reduce((s, d) => s + getLifetimeDownloads(d), 0);
+            const totalLikes = [...state.models, ...state.datasets, ...state.spaces].reduce((s, i) => s + getItemLikes(i), 0);
+            const totalDlMonthly = state.models.reduce((s, m) => s + getMonthlyDownloads(m), 0) + state.datasets.reduce((s, d) => s + getMonthlyDownloads(d), 0);
+            const totalPrivate = [...state.models, ...state.datasets, ...state.spaces].filter(i => i.private).length;
+            
             // Header
             if (avatarBase64) {
-                doc.addImage(avatarBase64, 'JPEG', 14, 12, 16, 16);
+                doc.addImage(avatarBase64, 'JPEG', 14, 12, 18, 18);
                 doc.setFontSize(22);
-                doc.text(`HuggingFace Activity Report: ${fullname}`, 34, 24);
+                doc.text(`HuggingFace Activity Report`, 36, 20);
+                doc.setFontSize(14);
+                doc.text(fullname, 36, 28);
             } else {
                 doc.setFontSize(22);
-                doc.text(`HuggingFace Activity Report: ${fullname}`, 14, 24);
+                doc.text(`HuggingFace Activity Report`, 14, 20);
+                doc.setFontSize(14);
+                doc.text(fullname, 14, 28);
             }
             
-            doc.setFontSize(12);
-            doc.text(`Username: @${u}`, 14, 34);
-            doc.text(`Followers: ${p?.numFollowers ?? 0} | Organizations: ${Array.isArray(p?.orgs) ? p.orgs.length : 0}`, 14, 42);
-                
-                const totalModels = state.models.length;
-                const totalDatasets = state.datasets.length;
-                const totalSpaces = state.spaces.length;
-                
-                const totalModelDl = state.models.reduce((s, m) => s + getLifetimeDownloads(m), 0);
-                const totalDatasetDl = state.datasets.reduce((s, d) => s + getLifetimeDownloads(d), 0);
-                const totalLikes = [...state.models, ...state.datasets, ...state.spaces].reduce((s, i) => s + getItemLikes(i), 0);
-                
-                doc.text(`Total Models: ${totalModels} (Downloads: ${formatNumFull(totalModelDl)})`, 14, 46);
-                doc.text(`Total Datasets: ${totalDatasets} (Downloads: ${formatNumFull(totalDatasetDl)})`, 14, 54);
-                doc.text(`Total Spaces: ${totalSpaces}`, 14, 62);
-                doc.text(`Total Likes Received: ${formatNumFull(totalLikes)}`, 14, 70);
-                
-                let startY = 80;
-                
-                const totalDlMonthly = state.models.reduce((s, m) => s + getMonthlyDownloads(m), 0) + state.datasets.reduce((s, d) => s + getMonthlyDownloads(d), 0);
-                doc.text(`Downloads Last 30 Days: ${formatNumFull(totalDlMonthly)}`, 14, 78);
-                
-                const totalPrivate = [...state.models, ...state.datasets, ...state.spaces].filter(i => i.private).length;
-                doc.text(`Total Private Repositories: ${totalPrivate}`, 14, 86);
-                startY = 96;
+            let startY = 36;
+            
+            doc.autoTable({
+                startY: startY,
+                head: [['Profile Summary', 'Value', 'Statistics', 'Value']],
+                body: [
+                    ['Username', `@${u}`, 'Total Likes', formatNumFull(totalLikes)],
+                    ['Followers', formatNumFull(p?.numFollowers ?? 0), 'Total Downloads', formatNumFull(totalModelDl + totalDatasetDl)],
+                    ['Organizations', Array.isArray(p?.orgs) ? p.orgs.length.toString() : '0', 'Downloads (Last 30 Days)', formatNumFull(totalDlMonthly)],
+                    ['Total Models', totalModels.toString(), 'Total Datasets', totalDatasets.toString()],
+                    ['Total Spaces', totalSpaces.toString(), 'Private Repositories', totalPrivate.toString()]
+                ],
+                theme: 'grid',
+                headStyles: { fillColor: [51, 51, 51] },
+                styles: { fontSize: 11, cellPadding: 4 }
+            });
+            startY = doc.lastAutoTable.finalY + 10;
 
                 const pipelineCounts = {};
                 state.models.forEach(m => {