Quick picks: today's trending models, labelled

app.js

@@ -424,9 +424,13 @@
   });
   el.input.addEventListener("blur", function () { setTimeout(closeSuggestions, 120); });
 
-  el.picks.innerHTML = PICKS.filter(function (id) { return BY_ID.has(id.toLowerCase()); }).map(function (id) {
-    return '<button type="button" class="chip" data-id="' + esc(id) + '">' + esc(id.split("/").pop()) + "</button>";
-  }).join("");
+  // The picks are the day's trending models on the Hub (the same models whose pages link this Space), so a visitor
+  // who came from one of those pages usually finds it here in one click. window.FASTGPU_PICKS_LABEL names them.
+  const shownPicks = PICKS.filter(function (id) { return BY_ID.has(id.toLowerCase()); });
+  el.picks.innerHTML = (shownPicks.length && window.FASTGPU_PICKS_LABEL ? '<span class="picks-label">' + esc(window.FASTGPU_PICKS_LABEL) + "</span>" : "") +
+    shownPicks.map(function (id) {
+      return '<button type="button" class="chip" data-id="' + esc(id) + '">' + esc(id.split("/").pop()) + "</button>";
+    }).join("");
   el.picks.addEventListener("click", function (e) {
     const b = e.target.closest("button[data-id]");
     if (!b) return;

index.html

@@ -29,7 +29,7 @@
         <input id="model" name="model" type="text" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="suggestions" spellcheck="false" placeholder="Search models, paste org/name or a model page link, or type a size like 70B…">
         <ul id="suggestions" role="listbox" aria-label="Models" hidden></ul>
       </div>
-      <div id="picks" class="picks" aria-label="Popular models"></div>
+      <div id="picks" class="picks" aria-label="Trending models"></div>
 
       <div class="opts">
         <label>Job

style.css

@@ -93,7 +93,8 @@ h1 {
 .opt-name { font-weight: 500; overflow-wrap: anywhere; }
 .opt-meta { color: var(--muted); font-size: 12.5px; white-space: nowrap; }
 
-.picks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.picks { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
+.picks-label { color: var(--muted); font-size: 12.5px; margin-right: 2px; }
 .chip {
   font: 500 12.5px/1 "Instrument Sans", system-ui, sans-serif;
   color: var(--ink); background: transparent;