@opennodes/registry 0.1.23 → 0.1.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opennodes/registry",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "OpenNodes (ONP) reference registry: node registration with proof-of-resource qualification (Stage A/B/C), transparent ranking, enforceable estimates, catalog importers (OpenRouter, Hugging Face, models.dev, Ollama), MCP surface, and the web app (catalog, chat, advisor, Node Builder)",
   "license": "Apache-2.0",
   "type": "module",

package/src/search.js

@@ -51,8 +51,11 @@ async function buildOfferings(store) {
     const card = await store.latestCard(node.id);
     if (!card) continue;
     const probes = await store.probesFor(node.id);
-    const stageA = probes.filter((p) => p.stage === 'A');
-    const probeSuccess = stageA.length ? stageA.filter((p) => p.ok).length / stageA.length : 0;
+    // Pass rate over the recent window of conformance (A) and continuous (C) checks. Stage A
+    // alone runs every 6 h and is pushed out of the window by liveness checks within hours,
+    // which left healthy verified nodes showing 0 probes and a 0 pass rate.
+    const checks = probes.filter((p) => p.stage === 'A' || p.stage === 'C');
+    const probeSuccess = checks.length ? checks.filter((p) => p.ok).length / checks.length : 0;
     const tier = node.state === 'indexed' ? 'unverified' : node.state;
     const nodeObs = await store.getObservations(node.id, '_node');
     const availability = nodeObs.availability ?? null;
@@ -102,7 +105,7 @@ async function buildOfferings(store) {
         benchmarks: offering.benchmarks ?? null,
         observed: {
           probe_success: round2(probeSuccess),
-          probes: stageA.length,
+          probes: checks.length,
           ttft_ms: obs.ttft_ms ?? null,
           tps: obs.tps ?? null,
           availability,
@@ -152,10 +155,14 @@ export async function searchOfferingsPaged(store, query) {
 
   // Rank depends on the filtered set: annotate copies, never the shared cached offerings.
   items = items.map((o) => ({ ...o }));
-  const maxPrice = Math.max(...items.map((o) => o.pricing.input_per_mtok ?? 0), 0.000001);
+  // Price scores by position among the results (cheapest 1, dearest 0), not against the single
+  // most expensive offering: one outlier made almost everything "cheap" and every import tie.
+  const prices = items.map((o) => o.pricing.input_per_mtok).filter((p) => p != null).sort((a, b) => a - b);
+  const cheaperThan = (p) => { let lo = 0, hi = prices.length; while (lo < hi) { const m = (lo + hi) >> 1; if (prices[m] < p) lo = m + 1; else hi = m; } return lo; };
   for (const o of items) {
+    const p = o.pricing.input_per_mtok;
     const components = {
-      price: 1 - (o.pricing.input_per_mtok ?? maxPrice) / maxPrice,
+      price: p == null ? 0 : prices.length > 1 ? 1 - cheaperThan(p) / (prices.length - 1) : 1,
       tier: TIER_SCORE[o.tier] ?? 0,
       probe_success: o.observed.probe_success,
     };
@@ -172,11 +179,17 @@ export async function searchOfferingsPaged(store, query) {
     if (sort === 'price') return (a.pricing.input_per_mtok ?? Infinity) - (b.pricing.input_per_mtok ?? Infinity);
     if (sort === 'ttft') return ttftOf(a) - ttftOf(b);
     if (sort === 'tps') return tpsOf(b) - tpsOf(a);
-    return b.rank - a.rank;
+    // Equal rank: callable before listing-only, larger context first, then by name — a stable,
+    // meaningful order instead of whatever order the catalogs were imported in.
+    return b.rank - a.rank || Number(b.invocable) - Number(a.invocable)
+      || (b.serving?.context_window ?? 0) - (a.serving?.context_window ?? 0)
+      || String(a.model?.name ?? '').localeCompare(String(b.model?.name ?? ''))
+      || `${a.node_id}/${a.offering_id}`.localeCompare(`${b.node_id}/${b.offering_id}`);
   });
 
   const limit = Math.min(Number(q('limit') ?? 50), 200);
-  return { offerings: items.slice(0, limit), total: items.length };
+  const offset = Math.max(0, Math.floor(Number(q('offset') ?? 0)) || 0);
+  return { offerings: items.slice(offset, offset + limit), total: items.length, offset };
 }
 
 export async function searchOfferings(store, query) {

package/src/server.js

@@ -350,8 +350,8 @@ export async function startRegistry({
     }],
 
     ['GET', '/v0/offerings', async (req, res, { query }) => {
-      const { offerings, total } = await searchOfferingsPaged(store, query);
-      sendJson(res, 200, { offerings, total });   // total = matches before `limit`
+      const { offerings, total, offset } = await searchOfferingsPaged(store, query);
+      sendJson(res, 200, { offerings, total, offset });   // total = matches before `offset`/`limit`
     }],
 
     ['GET', '/v0/offerings/:nodeId/:offeringId', async (req, res, { params }) => {

package/src/web/index.html

@@ -47,6 +47,12 @@
   .mitem .t .nm { font-weight: 600; font-size: 0.86rem; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .mitem .b { display: flex; gap: 0.8rem; margin-top: 0.25rem; font-size: 0.7rem; color: var(--muted); font-variant-numeric: tabular-nums; flex-wrap: wrap; }
   .mdetail { min-height: 30rem; }
+  .pager { display: flex; align-items: center; justify-content: center; gap: 0.3rem; margin-top: 0.5rem; font-size: 0.78rem; color: var(--muted); flex-wrap: wrap; }
+  .pager:empty { display: none; }
+  .pgbtn { font: inherit; min-width: 2rem; padding: 0.25rem 0.5rem; border-radius: 6px; border: 1px solid var(--line); background: var(--panel); color: var(--accent); cursor: pointer; }
+  .pgbtn:disabled { color: var(--faint); cursor: default; }
+  .pgnum { padding: 0 0.3rem; }
+  .pgnum input { width: 4rem; font: inherit; padding: 0.2rem 0.3rem; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); color: var(--ink); text-align: center; }
 
   /* chat */
   .chatgrid { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; gap: 1.2rem; align-items: start; }
@@ -244,7 +250,7 @@
     <div id="adv-out"></div>
   </details>
   <div class="mgrid">
-    <div class="mlist" id="m-list"></div>
+    <div class="mcol"><div class="mlist" id="m-list"></div><div class="pager" id="m-pager"></div></div>
     <div class="mdetail" id="m-detail"><p class="sub">Select a model from the list.</p></div>
   </div>
 </div>
@@ -606,8 +612,52 @@ function provLine(o) {
   return bits.join(' · ');
 }
 
+const PAGE = 60;
+let listQuery = '', listTotal = 0, listPage = 0;
+
+// Count line and page controls under the list: first / previous / page N of M / next / last.
+function updatePager() {
+  const pages = Math.max(1, Math.ceil(listTotal / PAGE));
+  const from = listTotal ? listPage * PAGE + 1 : 0, to = Math.min(listTotal, (listPage + 1) * PAGE);
+  $('#m-counts').textContent = fmtInt(listTotal) + ' offerings' + (pages > 1 ? ` · ${fmtInt(from)}–${fmtInt(to)}` : '');
+  const pager = $('#m-pager');
+  if (pages <= 1) { pager.innerHTML = ''; return; }
+  const btn = (label, page, title) => `<button class="pgbtn" data-page="${page}" title="${title}"${page < 0 || page >= pages || page === listPage ? ' disabled' : ''}>${label}</button>`;
+  pager.innerHTML = btn('«', 0, 'first page') + btn('‹', listPage - 1, 'previous page')
+    + `<span class="pgnum">Page <input id="m-page" type="number" min="1" max="${pages}" value="${listPage + 1}" aria-label="page number"> of ${fmtInt(pages)}</span>`
+    + btn('›', listPage + 1, 'next page') + btn('»', pages - 1, 'last page');
+  pager.querySelectorAll('.pgbtn').forEach((b) => b.addEventListener('click', () => goToPage(Number(b.dataset.page))));
+  $('#m-page').addEventListener('change', (e) => goToPage(Math.min(pages, Math.max(1, Math.round(Number(e.target.value) || 1))) - 1));
+}
+
+async function goToPage(page) {
+  const query = listQuery;
+  const p = new URLSearchParams(query);
+  p.set('offset', page * PAGE);
+  $('#m-pager').querySelectorAll('button, input').forEach((el) => { el.disabled = true; });
+  try {
+    const { offerings, total } = await api('/v0/offerings?' + p);
+    if (query !== listQuery) return;   // the filters changed meanwhile
+    listPage = page;
+    listTotal = total ?? listTotal;
+    lastResults = offerings;
+    renderList(offerings);
+    $('#m-list').scrollTop = 0;
+    updatePager();
+  } catch (e) { updatePager(); $('#m-pager').insertAdjacentHTML('beforeend', '<span class="err">' + esc(e.message) + '</span>'); }
+}
+
+// Render one page of the list, keeping the highlighted model when it is on this page.
+function renderList(offerings) {
+  $('#m-list').innerHTML = offerings.map(renderItem).join('')
+    || '<p class="sub">No offerings match. A fresh registry fills up via catalog imports and node registrations.</p>';
+  document.querySelectorAll('.mitem').forEach((el) => el.addEventListener('click', () => selectModel(el)));
+  const current = $('#model-card')?.dataset.artifact;
+  document.querySelectorAll('.mitem').forEach((el) => el.classList.toggle('sel', el.dataset.artifact === current));
+}
+
 async function search() {
-  const p = new URLSearchParams({ limit: 60 });
+  const p = new URLSearchParams({ limit: PAGE });
   if ($('#f-q').value) p.set('q', $('#f-q').value);
   if ($('#f-modality').value) p.set('modality', $('#f-modality').value);
   if ($('#f-verified').classList.contains('on')) p.set('tier', 'verified');
@@ -615,21 +665,22 @@ async function search() {
   if ($('#f-price').value) p.set('max_input_price', $('#f-price').value);
   if (sup.size) p.set('supports', [...sup].join(','));
   p.set('sort', $('#f-sort').value);
+  listQuery = p.toString();
   try {
     const { offerings, total } = await api('/v0/offerings?' + p);
+    if (listQuery !== p.toString()) return;   // a newer search is under way
     lastResults = offerings;
-    const n = total ?? offerings.length;
-    $('#m-counts').textContent = fmtInt(n) + ' offerings' + (offerings.length < n ? ` · showing top ${offerings.length}` : '');
-    $('#m-list').innerHTML = offerings.map(renderItem).join('')
-      || '<p class="sub">No offerings match. A fresh registry fills up via catalog imports and node registrations.</p>';
-    document.querySelectorAll('.mitem').forEach((el) => el.addEventListener('click', () => selectModel(el)));
+    listTotal = total ?? offerings.length;
+    listPage = 0;
+    renderList(offerings);
+    updatePager();
     // keep the current selection when still listed, else select the first result
     const current = $('#model-card')?.dataset.artifact;
     const keep = current && [...document.querySelectorAll('.mitem')].find((el) => el.dataset.artifact === current);
     const target = keep ?? document.querySelector('.mitem');
     if (target) selectModel(target);
     else $('#m-detail').innerHTML = '<p class="sub">No offerings match.</p>';
-  } catch (e) { $('#m-list').innerHTML = '<p class="err">' + esc(e.message) + '</p>'; }
+  } catch (e) { $('#m-list').innerHTML = '<p class="err">' + esc(e.message) + '</p>'; $('#m-pager').innerHTML = ''; }
 }
 
 /* ---------- advisor (ONP-3 §5b) ---------- */