Update index.html

index.html

@@ -171,7 +171,7 @@
         .input-line {
             display: flex;
             gap: 10px;
-            margin-bottom: 12px;
+            margin-bottom: 20px;
             flex-wrap: wrap;
         }
 
@@ -242,51 +242,6 @@
         .exec-btn:hover { opacity: 0.85; }
         .exec-btn:disabled { opacity: 0.4; cursor: wait; }
 
-        /* ── Quick Examples Bar ── */
-        .quick-bar {
-            display: flex;
-            align-items: center;
-            gap: 6px;
-            flex-wrap: wrap;
-            margin-bottom: 18px;
-            padding-bottom: 14px;
-            border-bottom: 1px solid #141414;
-        }
-
-        .quick-label {
-            font-size: 0.68rem;
-            color: #555555;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            font-weight: 600;
-            margin-right: 4px;
-        }
-
-        .quick-chip {
-            background: #080808;
-            border: 1px solid #1f1f1f;
-            color: #888888;
-            padding: 4px 10px;
-            border-radius: 3px;
-            cursor: pointer;
-            font-size: 0.7rem;
-            font-weight: 500;
-            transition: all 0.15s;
-            display: inline-flex;
-            align-items: center;
-            gap: 5px;
-        }
-        .quick-chip:hover {
-            border-color: #ffffff;
-            color: #ffffff;
-            background: #111111;
-        }
-        .quick-chip .chip-tag {
-            font-size: 0.6rem;
-            color: #555555;
-            text-transform: uppercase;
-        }
-
         /* ── Status ── */
         #statusMsg {
             padding: 10px 14px;
@@ -302,7 +257,7 @@
         /* ── Empty / Home State ── */
         .empty-state {
             text-align: center;
-            padding-top: 28px;
+            padding-top: 40px;
         }
 
         .empty-title {
@@ -1068,29 +1023,6 @@
                 </button>
             </div>
 
-            <!-- Always-visible Quick Examples Bar -->
-            <div class="quick-bar">
-                <span class="quick-label">examples:</span>
-                <button class="quick-chip" data-query="prithivMLmods/Qwen-Image-Edit-2511-Unblur-Upscale">
-                    <span class="chip-tag">[model]</span> prithivMLmods/Qwen-Image-Edit-2511-Unblur-Upscale
-                </button>
-                <button class="quick-chip" data-query="autotrust/JEV-27B-VL">
-                    <span class="chip-tag">[org-model]</span> autotrust/JEV-27B-VL
-                </button>
-                <button class="quick-chip" data-query="prithivMLmods/Qwen-Image-Edit-2511-LoRAs-Fast">
-                    <span class="chip-tag">[space]</span> prithivMLmods/Qwen-Image-Edit-2511-LoRAs-Fast
-                </button>
-                <button class="quick-chip" data-query="prithivMLmods/FireRed-Image-Edit-1.0-Fast">
-                    <span class="chip-tag">[space]</span> prithivMLmods/FireRed-Image-Edit-1.0-Fast
-                </button>
-                <button class="quick-chip" data-query="autotrust">
-                    <span class="chip-tag">[org]</span> autotrust
-                </button>
-                <button class="quick-chip" data-query="prithivMLmods">
-                    <span class="chip-tag">[user]</span> prithivMLmods
-                </button>
-            </div>
-
             <div id="statusMsg"></div>
 
             <!-- Empty State -->
@@ -1238,7 +1170,7 @@
         repoData: null,        // single repo metadata
         likers: [],            // array of likers if repo
         ownerRepos: [],        // all models, datasets, spaces for owner/org
-        dailySeries: [],       // [{ date, total, cumulative, models, datasets, spaces, reposPolled }]
+        dailySeries: [],       // [{ date, total, cumulative, models, datasets, spaces }]
         exactTimestamps: false,
         chartMode: 'combined', // 'combined' | 'daily' | 'cumulative' | 'breakdown'
         chartRange: 'all',     // 'all' | '90' | '30' | '7'
@@ -1353,10 +1285,8 @@
         let s = (rawInput || '').trim();
         if (!s) return null;
 
-        // Strip URL wrapper if user pasted full https://huggingface.co/... link
         s = s.replace(/^https?:\/\/(www\.)?(huggingface\.co|hf\.co)\//i, '');
         s = s.replace(/^@/, '').replace(/\/+$/, '');
-        // Strip tree/blob suffixes if pasted from browser bar
         s = s.replace(/\/(tree|blob|discussions|settings)\/.*$/i, '');
 
         let forcedType = selectedType !== 'auto' ? selectedType : null;
@@ -1528,7 +1458,6 @@
         const days = getDayList(startIso, nowIso);
         const totalLikes = Math.max(repoData.likes || 0, likers.length);
 
-        // Check if likers array includes explicit timestamps
         const timestampedLikers = likers.filter(l => l.at || l.likedAt || l.createdAt || l.date);
         const hasExactTimestamps = timestampedLikers.length > 0;
 
@@ -1548,7 +1477,6 @@
                 }
             });
         } else if (totalLikes > 0) {
-            // Distribute totalLikes across days since published, anchored on launch spike + commit activity dates
             const rng = createRng(repoData.id || repoData.modelId || 'hf');
             const commitDaySet = new Set();
             if (Array.isArray(commits)) {
@@ -1563,7 +1491,6 @@
 
             const weights = days.map((d, idx) => {
                 const progress = idx / Math.max(1, days.length - 1);
-                // Launch surge during first 14 days + steady community discovery + commit release spikes
                 const launchBoost = idx < 3 ? 4.2 : idx < 10 ? 2.6 : idx < 25 ? 1.5 : 1.0;
                 const commitBoost = commitDaySet.has(d) ? 2.4 : 1.0;
                 const recencyWave = 0.7 + 0.5 * Math.sin(progress * Math.PI * 3 + rng() * 1.8);
@@ -1571,15 +1498,14 @@
             });
 
             const weightSum = weights.reduce((a, b) => a + b, 0);
-            let allocated = 0;
             const exactQuotas = weights.map(w => (w / weightSum) * totalLikes);
             const floors = exactQuotas.map(q => Math.floor(q));
-            allocated = floors.reduce((a, b) => a + b, 0);
+            const allocated = floors.reduce((a, b) => a + b, 0);
 
             const remainders = exactQuotas.map((q, idx) => ({ idx, rem: q - floors[idx] }));
             remainders.sort((a, b) => b.rem - a.rem);
 
-            let diff = totalLikes - allocated;
+            const diff = totalLikes - allocated;
             for (let i = 0; i < diff && i < remainders.length; i++) {
                 floors[remainders[i].idx]++;
             }
@@ -1589,7 +1515,6 @@
             });
         }
 
-        // Assign estimated date to each liker in chronological order if not explicitly present
         if (!hasExactTimestamps && likers.length > 0) {
             const expandedDates = [];
             days.forEach(d => {
@@ -1646,10 +1571,9 @@
 
         const dayBuckets = {};
         days.forEach(d => {
-            dayBuckets[d] = { models: 0, datasets: 0, spaces: 0, repos: [] };
+            dayBuckets[d] = { models: 0, datasets: 0, spaces: 0 };
         });
 
-        // For each repo, distribute its likes from its createdAt to today (with launch surge on its publish week)
         allRepos.forEach(repo => {
             const likes = typeof repo.likes === 'number' ? repo.likes : 0;
             const rCreated = repo.createdAt || repo.lastModified;
@@ -1670,7 +1594,7 @@
             const wSum = weights.reduce((a, b) => a + b, 0);
             const quotas = weights.map(w => (w / wSum) * likes);
             const floors = quotas.map(q => Math.floor(q));
-            let rem = likes - floors.reduce((a, b) => a + b, 0);
+            const rem = likes - floors.reduce((a, b) => a + b, 0);
 
             const order = quotas.map((q, i) => ({ i, r: q - floors[i] })).sort((a, b) => b.r - a.r);
             for (let k = 0; k < rem && k < order.length; k++) {
@@ -1781,7 +1705,6 @@
                 els.tabLikersBtn.classList.remove('hidden');
 
             } else {
-                // Organization or User mode
                 const owner = parsed.owner;
                 showMsg(`<span class="spinner"></span> fetching organization / user profile &amp; all repositories for ${escapeHtml(owner)}...`, 'loading');
 
@@ -1913,7 +1836,6 @@
         }
         els.pulseSection.style.display = 'block';
 
-        // Show up to the last 365 days in the matrix
         const slice = series.slice(-365);
         const maxDaily = Math.max(1, ...slice.map(d => d.total));
         const activeDays = slice.filter(d => d.total > 0).length;
@@ -2066,7 +1988,6 @@
         const W = rect.width;
         const H = rect.height;
 
-        // Clear background
         ctx.fillStyle = '#000000';
         ctx.fillRect(0, 0, W, H);
 
@@ -2087,14 +2008,12 @@
 
         state.chartGeom = { padL, padR, padT, padB, plotW, plotH, W, H, data };
 
-        // Header subtitle & legend
         const firstDate = data[0].date;
         const lastDate = data[data.length - 1].date;
         const windowLikes = data.reduce((s, d) => s + d.total, 0);
         els.graphHeaderTitle.textContent = `${state.targetId} — like polling graph`;
         els.graphHeaderSub.textContent = `[${firstDate} → ${lastDate}] (${data.length}d, +${formatNumFull(windowLikes)} likes polled)`;
 
-        // Horizontal grid lines & Y-axis labels
         ctx.font = '500 10px "JetBrains Mono", monospace';
         const gridSteps = 4;
 
@@ -2109,7 +2028,6 @@
             ctx.lineTo(padL + plotW, y);
             ctx.stroke();
 
-            // Left Y-axis label
             const leftVal = state.chartMode === 'cumulative'
                 ? Math.round(minCum + frac * cumSpan)
                 : Math.round(frac * maxDaily);
@@ -2118,7 +2036,6 @@
             ctx.textBaseline = 'middle';
             ctx.fillText(formatNum(leftVal), padL - 8, y);
 
-            // Right Y-axis label for combined mode (Cumulative)
             if (state.chartMode === 'combined') {
                 const rightVal = Math.round(minCum + frac * cumSpan);
                 ctx.fillStyle = '#888888';
@@ -2127,7 +2044,6 @@
             }
         }
 
-        // X-axis date ticks
         const tickCount = Math.min(data.length, Math.max(2, Math.floor(plotW / 110)));
         ctx.fillStyle = '#666666';
         ctx.textAlign = 'center';
@@ -2143,7 +2059,6 @@
         const stepX = n > 1 ? plotW / (n - 1) : plotW;
         const barW = Math.max(1.5, Math.min(18, (plotW / n) * 0.72));
 
-        // 1. Render Daily Bars (Combined, Daily, or Breakdown modes)
         if (state.chartMode === 'combined' || state.chartMode === 'daily') {
             data.forEach((d, idx) => {
                 if (d.total <= 0) return;
@@ -2157,7 +2072,6 @@
                 ctx.fillRect(cx - barW / 2, by, barW, bh);
             });
         } else if (state.chartMode === 'breakdown') {
-            // Stacked bars for Models (#ffffff), Spaces (#888888), Datasets (#444444)
             data.forEach((d, idx) => {
                 if (d.total <= 0) return;
                 const cx = padL + (n === 1 ? plotW / 2 : idx * stepX);
@@ -2179,7 +2093,6 @@
             });
         }
 
-        // 2. Render Cumulative Growth Curve (Combined or Cumulative modes)
         if (state.chartMode === 'combined' || state.chartMode === 'cumulative') {
             const pts = data.map((d, idx) => ({
                 x: padL + (n === 1 ? plotW / 2 : idx * stepX),
@@ -2212,7 +2125,6 @@
             }
         }
 
-        // 3. Hover Crosshair & Highlight Dot
         if (state.hoverIndex >= 0 && state.hoverIndex < data.length) {
             const hi = state.hoverIndex;
             const hd = data[hi];
@@ -2239,7 +2151,6 @@
             }
         }
 
-        // Update Legend Bar
         renderGraphLegend();
     }
 
@@ -2672,14 +2583,12 @@
 
             let y = doc.lastAutoTable.finalY + 8;
 
-            // Embed Graph Canvas Image
             const chartImg = els.likeCanvas.toDataURL('image/png');
             doc.setFontSize(11);
             doc.text('Daily & Cumulative Likes Graph:', 14, y);
             doc.addImage(chartImg, 'PNG', 14, y + 3, 182, 62);
             y += 72;
 
-            // Top Daily Spikes Table
             const topDays = [...series].sort((a, b) => b.total - a.total).slice(0, 35);
             doc.autoTable({
                 startY: y,
@@ -2782,14 +2691,6 @@
         els.fetchBtn.addEventListener('click', executeQuery);
         els.targetInput.addEventListener('keypress', e => { if (e.key === 'Enter') executeQuery(); });
 
-        document.querySelectorAll('.quick-chip').forEach(chip => {
-            chip.addEventListener('click', () => {
-                els.targetInput.value = chip.dataset.query;
-                els.typeSelect.value = 'auto';
-                executeQuery();
-            });
-        });
-
         document.querySelectorAll('[data-mode]').forEach(btn => {
             btn.addEventListener('click', () => {
                 state.chartMode = btn.dataset.mode;