Publish Ling-3 evaluation explorer dashboard

app.js

@@ -0,0 +1,60 @@
+const pretty = {
+  phase1_reasoning_bug: 'Reasoning budget',
+  phase2_benchmarks: 'Capability probes',
+  phase6_security: 'Security behavior',
+  phase7_codereview: 'Code review',
+  phase8_comparison: 'Head-to-head',
+  phase11_hallucination: 'Hallucination',
+  phase12_formats: 'Format following',
+  phase13_variance: 'Variance',
+  phase16_edge_cases: 'Edge cases',
+  v6_tool_calling: 'Tool calling',
+  v6_long_context: 'Long context',
+  v6_multiturn: 'Multi-turn coding',
+  completed: 'Completed',
+  truncated_response: 'Truncated',
+  empty_length: 'Empty / length',
+  empty_response: 'Empty response',
+  api_error: 'API error',
+  standard: 'Standard schema',
+  v6_messages: 'v6 message schema',
+  v6_messages_tools: 'v6 message + tools'
+};
+
+const $ = (selector) => document.querySelector(selector);
+const label = (value) => pretty[value] || value.replaceAll('_', ' ');
+const percent = (value, total) => `${Math.round((value / total) * 100)}%`;
+
+function renderBars(target, items, total) {
+  const max = Math.max(...items.map(item => item.count));
+  $(target).innerHTML = items.map(item => `
+    <div class="bar-row">
+      <span class="bar-label" title="${label(item.name)}">${label(item.name)}</span>
+      <span class="bar-track"><span class="bar-fill" style="width:${(item.count / max) * 100}%"></span></span>
+      <span class="bar-value">${item.count}</span>
+    </div>`).join('');
+}
+
+function renderPhases(items) {
+  $('#phases').innerHTML = items.map(item => `
+    <div class="phase-card"><strong>${item.count}</strong><span>${label(item.name)}</span></div>`).join('');
+}
+
+fetch('dashboard_data.json')
+  .then(response => {
+    if (!response.ok) throw new Error('dashboard_data.json unavailable');
+    return response.json();
+  })
+  .then(data => {
+    $('#records').textContent = data.records;
+    renderBars('#results', data.results, data.records);
+    renderBars('#schemas', data.schemas, data.records);
+    renderPhases(data.phases);
+  })
+  .catch(error => {
+    console.error(error);
+    $('#records').textContent = '—';
+    document.querySelectorAll('.bar-list, .phase-grid').forEach(node => {
+      node.innerHTML = '<p class="note">Unable to load the local aggregate summary.</p>';
+    });
+  });

dashboard_data.json

@@ -0,0 +1,110 @@
+{
+  "records": 845,
+  "phases": [
+    {
+      "name": "phase11_hallucination",
+      "count": 50
+    },
+    {
+      "name": "phase12_formats",
+      "count": 32
+    },
+    {
+      "name": "phase13_variance",
+      "count": 50
+    },
+    {
+      "name": "phase16_edge_cases",
+      "count": 20
+    },
+    {
+      "name": "phase1_reasoning_bug",
+      "count": 288
+    },
+    {
+      "name": "phase2_benchmarks",
+      "count": 75
+    },
+    {
+      "name": "phase6_security",
+      "count": 50
+    },
+    {
+      "name": "phase7_codereview",
+      "count": 70
+    },
+    {
+      "name": "phase8_comparison",
+      "count": 57
+    },
+    {
+      "name": "v6_long_context",
+      "count": 66
+    },
+    {
+      "name": "v6_multiturn",
+      "count": 35
+    },
+    {
+      "name": "v6_tool_calling",
+      "count": 52
+    }
+  ],
+  "results": [
+    {
+      "name": "api_error",
+      "count": 63
+    },
+    {
+      "name": "completed",
+      "count": 680
+    },
+    {
+      "name": "empty_length",
+      "count": 52
+    },
+    {
+      "name": "empty_response",
+      "count": 25
+    },
+    {
+      "name": "truncated_response",
+      "count": 25
+    }
+  ],
+  "schemas": [
+    {
+      "name": "standard",
+      "count": 692
+    },
+    {
+      "name": "v6_messages",
+      "count": 101
+    },
+    {
+      "name": "v6_messages_tools",
+      "count": 52
+    }
+  ],
+  "errors_by_status": [
+    {
+      "name": "200",
+      "count": 1
+    },
+    {
+      "name": "400",
+      "count": 7
+    },
+    {
+      "name": "429",
+      "count": 55
+    }
+  ],
+  "privacy": {
+    "raw_prompts": false,
+    "raw_responses": false,
+    "reasoning_traces": false,
+    "tool_payloads": false,
+    "raw_errors": false
+  }
+}

index.html

@@ -1,19 +1,69 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Ling-3.0-flash Evaluation Explorer</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <header class="hero">
+    <div class="eyebrow">INDEPENDENT MODEL EVALUATION · SANITIZED EVALUATION RELEASE</div>
+    <h1>Ling-3.0-flash<br><span>Evaluation Explorer</span></h1>
+    <p class="lede">A transparent view of 845 structured evaluation records across reasoning, security, tool calling, long context, multilingual behavior, and reliability.</p>
+    <div class="hero-meta"><span>Target: inclusionai/ling-3.0-flash:free</span><span>Provider: OpenRouter</span><span>Release: v1 · v3 + v6 sessions</span></div>
+  </header>
+
+  <main class="container">
+    <section class="metrics" aria-label="Evaluation summary">
+      <article class="metric-card"><strong id="records">—</strong><span>evaluation records</span></article>
+      <article class="metric-card"><strong>12</strong><span>test phases</span></article>
+      <article class="metric-card"><strong>680</strong><span>completed responses</span></article>
+      <article class="metric-card accent"><strong>100%</strong><span>payload-free public release</span></article>
+    </section>
+
+    <section class="grid two-col">
+      <article class="panel">
+        <div class="panel-kicker">OUTCOME DISTRIBUTION</div>
+        <h2>What happened in the API runs?</h2>
+        <div id="results" class="bar-list"></div>
+      </article>
+      <article class="panel">
+        <div class="panel-kicker">SCHEMA COVERAGE</div>
+        <h2>Three source schemas, one public view</h2>
+        <div id="schemas" class="bar-list"></div>
+        <p class="note">The release normalizes the historical standard schema and the v6 message/tool schemas without publishing the original message content.</p>
+      </article>
+    </section>
+
+    <section class="panel">
+      <div class="panel-kicker">PHASE COVERAGE</div>
+      <h2>Evaluation surface</h2>
+      <p class="subtle">The largest controlled sweep is the reasoning-budget characterization. Security, context, multi-turn, and tool-calling phases remain separately identifiable.</p>
+      <div id="phases" class="phase-grid"></div>
+    </section>
+
+    <section class="grid two-col">
+      <article class="panel dark-panel">
+        <div class="panel-kicker">PUBLICATION SAFETY</div>
+        <h2>What this release intentionally omits</h2>
+        <div class="safety-list">
+          <div><span class="check">✓</span><span>Raw prompts and system messages</span></div>
+          <div><span class="check">✓</span><span>Visible model responses</span></div>
+          <div><span class="check">✓</span><span>Reasoning traces</span></div>
+          <div><span class="check">✓</span><span>Tool payloads and raw errors</span></div>
+        </div>
+      </article>
+      <article class="panel">
+        <div class="panel-kicker">INTERPRETATION</div>
+        <h2>Research artifact, not a leaderboard</h2>
+        <p class="body-copy">These records support transparent analysis of behavior under stated conditions. They do not constitute an official benchmark, safety certification, or production guarantee. The source report remains the canonical reference for methodology and semantic judgments.</p>
+        <div class="link-row"><a class="source-link" href="https://huggingface.co/datasets/frangelbarrera/ling-3-flash-evaluation" target="_blank" rel="noreferrer">View public dataset ↗</a><a class="source-link" href="https://github.com/frangelbarrera/Ling-3-flash-evaluation" target="_blank" rel="noreferrer">View source repository ↗</a></div>
+      </article>
+    </section>
+
+    <footer><span>Ling-3.0-flash Evaluation</span><span>Sanitized public release · v1.0.0</span></footer>
+  </main>
+  <script src="app.js"></script>
+</body>
 </html>

styles.css

@@ -0,0 +1 @@
+:root{--ink:#142126;--muted:#65757a;--line:#dbe4e3;--paper:#f6f8f7;--card:#fff;--mint:#b9f2d0;--teal:#19736d;--navy:#112c35;--orange:#f0a36a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.hero{background:var(--navy);color:#f5faf7;padding:72px max(24px,calc((100% - 1180px)/2)) 58px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-110px;top:-170px;background:rgba(185,242,208,.12)}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--teal)}.hero .eyebrow{color:var(--mint)}h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.06em;margin:18px 0 26px;max-width:760px}h1 span{color:var(--mint)}.lede{font-size:18px;max-width:690px;color:#cbd9d8;margin:0 0 28px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;color:#9fb5b4;font-size:12px}.hero-meta span{border:1px solid #34505a;border-radius:999px;padding:7px 11px}.container{max-width:1180px;margin:0 auto;padding:30px 24px 60px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-58px;position:relative}.metric-card{background:var(--card);border:1px solid var(--line);padding:20px 18px;border-radius:16px;box-shadow:0 12px 30px rgba(17,44,53,.08)}.metric-card strong{display:block;font-size:34px;letter-spacing:-.05em}.metric-card span{color:var(--muted);font-size:13px}.metric-card.accent{background:var(--mint);border-color:var(--mint)}.grid{display:grid;gap:18px;margin-top:18px}.two-col{grid-template-columns:1fr 1fr}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}.panel h2{font-size:24px;letter-spacing:-.04em;margin:7px 0 18px}.panel-kicker{color:var(--teal)}.subtle,.note{color:var(--muted);font-size:14px}.bar-list{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:145px 1fr 44px;align-items:center;gap:10px;font-size:13px}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:9px;background:#edf2f1;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:var(--teal);border-radius:20px}.bar-value{text-align:right;font-weight:750}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.phase-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fbfcfc}.phase-card strong{font-size:25px;display:block;letter-spacing:-.05em}.phase-card span{font-size:12px;color:var(--muted)}.dark-panel{background:var(--navy);color:#edf7f2;border-color:var(--navy)}.dark-panel .panel-kicker{color:var(--mint)}.safety-list{display:grid;gap:12px;margin-top:18px}.safety-list div{display:flex;align-items:center;gap:10px;color:#cbd9d8}.check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--navy);font-weight:900}.body-copy{color:var(--muted);font-size:14px}.source-link{display:inline-block;margin-top:8px;color:var(--teal);font-weight:800;text-decoration:none}.source-link:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:34px;color:var(--muted);font-size:12px}@media(max-width:760px){.metrics,.two-col{grid-template-columns:1fr 1fr}.phase-grid{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:105px 1fr 35px}.hero{padding-top:52px}}@media(max-width:500px){.metrics,.two-col,.phase-grid{grid-template-columns:1fr}.container{padding-left:16px;padding-right:16px}.panel{padding:20px}.hero{padding-left:20px;padding-right:20px}footer{display:grid;gap:5px}}