@opennodes/registry 0.1.15 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opennodes/registry",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "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/web/index.html

@@ -153,7 +153,7 @@
     border: 1px solid var(--accent); background: var(--accent); color: #fff; cursor: pointer; }
   .btn.sec { background: transparent; color: var(--accent); }
   .btn:disabled { opacity: 0.5; cursor: default; }
-  input.wide { width: 100%; font: inherit; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 5px; padding: 0.55rem 0.7rem; }
+  input.wide, textarea.wide { width: 100%; box-sizing: border-box; font: inherit; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 5px; padding: 0.55rem 0.7rem; }
   label.f { display: block; font-size: 0.78rem; color: var(--muted); margin: 0.9rem 0 0.25rem; }
   .ok { color: var(--good); } .fail { color: var(--bad); } .warncol { color: var(--warn); }
   .err { color: var(--bad); font-size: 0.82rem; margin-top: 0.5rem; }
@@ -232,7 +232,7 @@
   </div>
   <details class="panel pad" id="advisor" style="margin:0.2rem 0 0.8rem">
     <summary style="cursor:pointer; font-weight:600; font-size:0.9rem">Ask the advisor — describe a task, get the best node + model, priced and explained</summary>
-    <textarea id="adv-task" rows="2" class="wide" style="margin-top:0.6rem; font-size:0.86rem" placeholder="e.g. Translate this 20-page contract into Polish and extract the payment terms as JSON"></textarea>
+    <textarea id="adv-task" rows="4" class="wide" style="margin-top:0.6rem; font-size:0.86rem; resize:vertical" placeholder="e.g. Translate this 20-page contract into Polish and extract the payment terms as JSON"></textarea>
     <div class="toolbar" style="margin-top:0.4rem">
       <select id="adv-preset"><option value="">balanced</option><option value="cheap">cheapest</option><option value="fast">fastest</option><option value="quality">best quality</option><option value="private">privacy-first</option></select>
       <span class="switchrow" id="adv-verified"><span class="switch"></span><b style="font-size:0.78rem">Verified only</b></span>
@@ -1743,6 +1743,36 @@ async function loadFeed() {
 }
 
 /* ---------- node detail ---------- */
+/**
+ * Imported listings invite their operator to claim them (ONP-3 §4: a registered node whose
+ * namespace covers the import's API host supersedes it). Providers reached through the HF router
+ * can't claim via huggingface.co, so they are invited to list their own API instead.
+ */
+const CLAIM_GUIDE = 'https://github.com/opennodes-io/opennodes/tree/main/node-kit#card-only-listing-you-already-run-an-openai-compatible-api';
+function claimBanner(n, card) {
+  if (n.source !== 'import' || ['delisted', 'claimed'].includes(n.state)) return '';
+  const name = card.node?.operator?.name || card.node?.name || n.id;
+  let host = null;
+  try { host = new URL(card.endpoints?.openai).hostname; } catch { /* listing without an API */ }
+  const viaHf = host === 'router.huggingface.co';
+  const suggestedId = host && !viaHf ? host.split('.').reverse().join('.') : null;
+  const body = viaHf
+    ? `This listing reaches <b>${esc(name)}</b> through the Hugging Face router, so it is shown as an unprobed catalog import. List your own API directly to have it measured and verified by this registry.`
+    : host
+      ? `Claim it: publish a signed Node Card at <span class="mono">https://${esc(host)}/.well-known/open-node.json</span> with node id <span class="mono">${esc(suggestedId)}</span> (your parent domain works too) and register. Your verified listing replaces this import, the registry measures what you really serve, and nothing in your stack changes.`
+      : 'This listing has no known API endpoint. Publish a Node Card for your OpenAI-compatible API to be listed, measured and verified.';
+  const mail = `mailto:operators@opennodes.io?subject=${encodeURIComponent('Claim ' + n.id)}`;
+  return `<div class="panel pad" style="max-width:56rem; margin:0.4rem 0 0.8rem; border-left:3px solid var(--accent)">
+    <p style="margin:0 0 0.35rem; font-weight:600">Do you run ${esc(name)}?</p>
+    <p style="margin:0 0 0.6rem; font-size:0.86rem; color:var(--muted); overflow-wrap:anywhere">${body} Free, about 15 minutes with the Node Kit.</p>
+    <span style="display:inline-flex; gap:0.6rem; flex-wrap:wrap; font-size:0.84rem">
+      <a href="${CLAIM_GUIDE}" target="_blank" rel="noopener">How to claim →</a>
+      <a href="#/register">Register a node</a>
+      <a href="${mail}">operators@opennodes.io</a>
+    </span>
+  </div>`;
+}
+
 async function loadNode(id) {
   $('#node-title').textContent = id;
   try {
@@ -1764,6 +1794,7 @@ async function loadNode(id) {
       <td>${(o.serving?.supports || []).filter((s) => s !== 'streaming').map((s) => `<span class="chip">${esc(s)}</span>`).join(' ') || '—'}</td>
     </tr>`).join('');
     $('#node-detail').innerHTML = `
+      ${claimBanner(n, card)}
       ${card.node?.description ? `<p class="desc">${esc(card.node.description)}</p>` : ''}
       <div class="statstrip">
         ${stat(tierChip(tier), 'TRUST TIER')}