Keep only the models whose library is the tab's

app.js

@@ -113,16 +113,18 @@ function hubList(library, task, view, count) {
   if (!hubLists.has(key)) {
     const query = new URLSearchParams({ library, sort, direction: "-1", limit: PAGE });
     if (task) query.set("pipeline_tag", task);
-    query.append("expand[]", sort);
-    query.append("expand[]", "safetensors");
+    for (const field of [sort, "safetensors", "library_name"]) query.append("expand[]", field);
     hubLists.set(key, { models: [], next: `${HUB}/api/models?${query}`, growing: Promise.resolve() });
   }
   const list = hubLists.get(key);
   list.growing = list.growing.catch(() => {}).then(async () => {
     while (list.models.length < count && list.next) {
       const response = await fetchOk(list.next);
-      list.models.push(...(await response.json()).map((model) =>
-        ({ id: model.id, score: model[sort] ?? 0, params: model.safetensors?.total })));
+      list.models.push(...(await response.json())
+        // The Hub's library filter matches a tag that models of other libraries
+        // carry too, such as diffusers' FLUX or sentence-transformers' MiniLM.
+        .filter((model) => model.library_name === library)
+        .map((model) => ({ id: model.id, score: model[sort] ?? 0, params: model.safetensors?.total })));
       list.next = response.headers.get("Link")?.match(/<([^>]+)>;\s*rel="next"/)?.[1];
     }
   });