@@ -276,6 +300,26 @@
—
};
let _domain = '';
+let _tab = 'circuits';
+
+// Example shared artifacts (lres:/lqpu:). On a page served by a live node these
+// are fetched from the relay; here they illustrate what a peer would discover.
+const RESULTS = [
+ {circuit:'bell_phi_plus', circuit_cid:'lcid:e86fd8b3…', shots:1024, backend:'aer_simulator',
+ counts:{'00':508,'11':516}, desc:'Bell state — perfectly correlated'},
+ {circuit:'ghz_3', circuit_cid:'lcid:7a1c…', shots:2048, backend:'aer_simulator',
+ counts:{'000':1017,'111':1031}, desc:'3-qubit GHZ — all-0 or all-1'},
+ {circuit:'grover_2q', circuit_cid:'lcid:9f4b…', shots:1024, backend:'ibm_kyiv',
+ counts:{'11':903,'00':47,'01':39,'10':35}, desc:'Grover marks |11⟩'},
+ {circuit:'qrng_4', circuit_cid:'lcid:c2a0…', shots:1600, backend:'aer_simulator',
+ counts:{'0000':98,'0101':110,'1111':94,'1010':101,'0011':96,'1100':105,'0110':100,'1001':102}, desc:'4-bit quantum RNG — uniform'},
+];
+const BACKENDS = [
+ {name:'aer_simulator', provider:'local', qubits:32, sim:true, gates:['h','x','cx','rz','ry','rx','ccx'], desc:'Statevector simulator (bundled)'},
+ {name:'ibm_kyiv', provider:'IBM', qubits:127, sim:false, gates:['ecr','id','rz','sx','x'], desc:'Eagle r3 superconducting QPU'},
+ {name:'ionq_aria', provider:'IonQ', qubits:25, sim:false, gates:['gpi','gpi2','ms'], desc:'Trapped-ion, all-to-all connectivity'},
+ {name:'quantinuum_h2', provider:'Quantinuum', qubits:56, sim:false, gates:['u1q','rz','zz'], desc:'Trapped-ion, high fidelity'},
+];
function setDomain(d, btn) {
_domain = d;
@@ -284,7 +328,32 @@
—
render();
}
+function setTab(t, btn) {
+ _tab = t;
+ document.querySelectorAll('.tab').forEach(b => b.classList.remove('active'));
+ btn.classList.add('active');
+ // domain chips + circuit search only make sense on the circuits tab
+ document.getElementById('domain-row').style.display = (t === 'circuits') ? 'contents' : 'none';
+ const search = document.getElementById('search');
+ search.placeholder = t === 'circuits' ? 'Search circuits…'
+ : t === 'results' ? 'Search results…' : 'Search backends…';
+ const note = document.getElementById('tab-note');
+ if (t === 'circuits') { note.style.display = 'none'; }
+ else {
+ note.style.display = '';
+ note.textContent = 'Example shared artifacts — a node serving this page streams live '
+ + t + ' from the relay.';
+ }
+ render();
+}
+
function render() {
+ if (_tab === 'results') return renderResults();
+ if (_tab === 'backends') return renderBackends();
+ return renderCircuits();
+}
+
+function renderCircuits() {
const q = document.getElementById('search').value.toLowerCase();
const filtered = CIRCUITS.filter(c => {
if (_domain && c.domain !== _domain) return false;
@@ -311,6 +380,55 @@
—
});
}
+function renderResults() {
+ const q = document.getElementById('search').value.toLowerCase();
+ const rows = RESULTS.filter(r => !q || r.circuit.includes(q) || r.backend.toLowerCase().includes(q));
+ document.getElementById('count').textContent = `${rows.length} result${rows.length===1?'':'s'}`;
+ const grid = document.getElementById('grid');
+ grid.innerHTML = '';
+ rows.forEach(r => {
+ const max = Math.max(...Object.values(r.counts));
+ const bars = Object.entries(r.counts).sort((a,b)=>b[1]-a[1]).map(([bs,n]) =>
+ `
${_esc(bs)}
+
+ ${n}
`).join('');
+ const div = document.createElement('div');
+ div.className = 'card';
+ div.innerHTML = `
+
${_esc(r.circuit)}
+
result · ${r.shots} shots · ${_esc(r.backend)}
+
${_esc(r.desc)}
+
${bars}
+
${_esc(r.circuit_cid)}
`;
+ grid.appendChild(div);
+ });
+}
+
+function renderBackends() {
+ const q = document.getElementById('search').value.toLowerCase();
+ const rows = BACKENDS.filter(b => !q || b.name.toLowerCase().includes(q)
+ || b.provider.toLowerCase().includes(q) || b.gates.join(' ').includes(q));
+ document.getElementById('count').textContent = `${rows.length} backend${rows.length===1?'':'s'}`;
+ const grid = document.getElementById('grid');
+ grid.innerHTML = '';
+ rows.forEach(b => {
+ const div = document.createElement('div');
+ div.className = 'card';
+ div.innerHTML = `
+
${_esc(b.name)}
+ ${b.sim?'simulator':'hardware'}
+
${_esc(b.provider)}
+
${_esc(b.desc)}
+
+ qubits${b.qubits}
+ native${b.gates.map(_esc).join(', ')}
+
+
${b.qubits}q
+ ${b.gates.slice(0,3).map(g=>`${_esc(g)}`).join('')}
`;
+ grid.appendChild(div);
+ });
+}
+
function _esc(s) {
return String(s).replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"');
}