Show hlink to artifacts

static/index.html

@@ -1165,8 +1165,9 @@ curl -sL https://huggingface.co/buckets/ml-agent-explorers/efficient-optimizer-c
 // ─────────────────────────────────────────────────────────────
 const MESSAGES_URL = '/api/messages';
 const LEADERBOARD_URL = '/api/leaderboard';
+const BUCKET_WEB_URL = 'https://huggingface.co/buckets/ml-agent-explorers/efficient-optimizer-collab';
 const POLL_MS = 30_000;
-const CACHE_KEY = 'efficient_optimizer_cache_v2';
+const CACHE_KEY = 'efficient_optimizer_cache_v3';
 const HANDLE_KEY = 'efficient_optimizer_human_handle';
 const FETCH_TIMEOUT_MS = 30_000;
 const HANDLE_RE = /^[A-Za-z0-9][A-Za-z0-9_.-]{0,31}$/;
@@ -1225,6 +1226,7 @@ const FILENAME_RE = /^(\d{8})-(\d{6})_(.+?)(?:_(.+))?\.md$/;
 // Captures the step count from the same line as the marker. Loose matches like
 // "2812 steps" in prose are intentionally ignored.
 const LEADERBOARD_RESULT_RE = /\*\*\s*leaderboard\s+result\s*:\s*\*\*[^\n]*?(\d[\d,]*)\s*steps/gi;
+const ARTIFACT_REF_RE = /artifacts\/[^\s<>"'`]+/g;
 const STEPS_MIN = 100;
 const STEPS_MAX = 100000;
 
@@ -1306,11 +1308,66 @@ function findBestSteps(body) {
   return matches.length ? Math.min(...matches) : null;
 }
 
+function splitArtifactRef(raw) {
+  let path = raw;
+  let suffix = '';
+  while (path.length && /[.,;:!?)}\]]/.test(path[path.length - 1])) {
+    suffix = path[path.length - 1] + suffix;
+    path = path.slice(0, -1);
+  }
+  return { path, suffix };
+}
+function artifactHref(path) {
+  const cleanPath = path.replace(/^\/+/, '');
+  const encoded = cleanPath.split('/').map(encodeURIComponent).join('/');
+  const route = cleanPath.endsWith('/') || !cleanPath.split('/').pop().includes('.') ? 'tree' : 'resolve';
+  return `${BUCKET_WEB_URL}/${route}/${encoded}`;
+}
+function linkArtifactRefsInHtml(html) {
+  if (!html || !html.includes('artifacts/')) return html;
+  const template = document.createElement('template');
+  template.innerHTML = html;
+  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_TEXT);
+  const textNodes = [];
+  while (walker.nextNode()) textNodes.push(walker.currentNode);
+
+  for (const node of textNodes) {
+    const parent = node.parentElement;
+    if (!parent || parent.closest('a, code, pre')) continue;
+    const text = node.nodeValue;
+    ARTIFACT_REF_RE.lastIndex = 0;
+    if (!ARTIFACT_REF_RE.test(text)) continue;
+    ARTIFACT_REF_RE.lastIndex = 0;
+
+    const fragment = document.createDocumentFragment();
+    let lastIndex = 0;
+    let match;
+    while ((match = ARTIFACT_REF_RE.exec(text)) !== null) {
+      const raw = match[0];
+      const { path, suffix } = splitArtifactRef(raw);
+      if (!path || path === 'artifacts/') continue;
+      fragment.append(document.createTextNode(text.slice(lastIndex, match.index)));
+      const link = document.createElement('a');
+      link.href = artifactHref(path);
+      link.target = '_blank';
+      link.rel = 'noopener noreferrer';
+      link.textContent = path;
+      fragment.append(link);
+      if (suffix) fragment.append(document.createTextNode(suffix));
+      lastIndex = match.index + raw.length;
+    }
+    fragment.append(document.createTextNode(text.slice(lastIndex)));
+    node.replaceWith(fragment);
+  }
+  return template.innerHTML;
+}
 function renderMarkdownInline(text) {
   if (!text) return '';
-  if (!window.marked) return escapeHtml(text);
-  try { return window.marked.parse(text, { gfm: true, breaks: true, mangle: false, headerIds: false }); }
-  catch { return escapeHtml(text); }
+  if (!window.marked) return linkArtifactRefsInHtml(escapeHtml(text));
+  try {
+    return linkArtifactRefsInHtml(window.marked.parse(text, { gfm: true, breaks: true, mangle: false, headerIds: false }));
+  }
+  catch { return linkArtifactRefsInHtml(escapeHtml(text)); }
 }
 
 function parseMessage(filename, raw) {