display environment information in the UI

Author: hjeljeli32

crypto-benchmarks.rs/demo/scripts/60_export_demo_json.sh

@@ -25,7 +25,11 @@ PY="${PY:-python3}"
 
 pushd "$RUN_DIR" >/dev/null
 "$PY" - <<'PY'
-import os, json, collections
+import json
+import os
+import platform
+import subprocess
+import sys
 try:
     import cbor2
 except ImportError:
@@ -289,6 +293,54 @@ params = {
     "quorum_fraction": quorum_fraction,  # may be None if not recorded
 }
 
+
+def detect_total_memory_bytes():
+    """Attempt to detect total physical memory without external dependencies."""
+    try:
+        if sys.platform.startswith("linux"):
+            with open("/proc/meminfo", "r", encoding="utf-8") as f:
+                for line in f:
+                    if line.startswith("MemTotal:"):
+                        parts = line.split()
+                        if len(parts) >= 2:
+                            # Value reported in kB
+                            return int(float(parts[1]) * 1024)
+        elif sys.platform == "darwin":
+            out = subprocess.check_output(
+                ["sysctl", "-n", "hw.memsize"], text=True, stderr=subprocess.DEVNULL
+            ).strip()
+            if out:
+                return int(out)
+        elif sys.platform.startswith("win"):
+            out = subprocess.check_output(
+                ["wmic", "ComputerSystem", "get", "TotalPhysicalMemory"],
+                text=True,
+                stderr=subprocess.DEVNULL
+            )
+            for line in out.splitlines():
+                line = line.strip()
+                if line.isdigit():
+                    return int(line)
+    except Exception:
+        return None
+    return None
+
+
+def gather_environment():
+    uname = platform.uname()
+    info = {
+        "os": f"{uname.system} {uname.release}".strip(),
+        "architecture": uname.machine or None,
+        "cpu_count": os.cpu_count(),
+    }
+    mem_bytes = detect_total_memory_bytes()
+    if mem_bytes:
+        info["memory_bytes"] = mem_bytes
+    return {k: v for k, v in info.items() if v is not None}
+
+
+environment = gather_environment()
+
 out = {
     "params": params,
     "universe": universe,
@@ -308,7 +360,10 @@ out = {
     "votes_preview": votes_preview,
 }
 
+if environment:
+    out["environment"] = environment
+
 json.dump(out, open("demo.json", "w"), indent=2)
 print("Wrote demo.json")
 PY
-popd >/dev/null
+popd >/dev/null

crypto-benchmarks.rs/demo/ui/static/app.js

@@ -1153,7 +1153,7 @@ async function loadTimingsForRun(runDir) {
         setText("verify_time", "—");
         setText("verify_status", "—");
         applyVerificationStatus(null);
-        return;
+        return null;
     }
     const timings = await tryFetchJson(`/demo/${runDir}/timings.json`);
     if (timings && typeof timings === "object") {
@@ -1190,6 +1190,7 @@ async function loadTimingsForRun(runDir) {
         setText("verify_time", "—");
         applyVerificationStatus(null);
     }
+    return timings ?? null;
 }
 
 function fillIdentifiers(obj) {
@@ -1204,6 +1205,53 @@ function fillIdentifiers(obj) {
     }
 }
 
+function applyEnvironmentInfo(environment) {
+    const container = document.getElementById("demo_meta");
+    const summaryEl = document.getElementById("machine_summary");
+
+    if (!container || !summaryEl) return;
+
+    const hasEnvironment = environment && typeof environment === "object";
+
+    if (!hasEnvironment) {
+        summaryEl.textContent = "—";
+        container.hidden = true;
+        return;
+    }
+
+    const parts = [];
+    if (environment.os && environment.architecture) {
+        parts.push(`${environment.os} (${environment.architecture})`);
+    } else if (environment.os) {
+        parts.push(environment.os);
+    } else if (environment.architecture) {
+        parts.push(environment.architecture);
+    }
+
+    if (environment.cpu_count !== undefined && environment.cpu_count !== null) {
+        const cores = Number(environment.cpu_count);
+        if (Number.isFinite(cores) && cores > 0) {
+            parts.push(`${cores} ${cores === 1 ? "core" : "cores"}`);
+        }
+    }
+
+    if (environment.memory_bytes !== undefined && environment.memory_bytes !== null) {
+        const memoryBytes = Number(environment.memory_bytes);
+        if (Number.isFinite(memoryBytes) && memoryBytes > 0) {
+            parts.push(`${formatBytes(memoryBytes)} RAM`);
+        }
+    }
+
+    if (!parts.length) {
+        summaryEl.textContent = "—";
+        container.hidden = true;
+        return;
+    }
+
+    summaryEl.textContent = parts.join(" • ");
+    container.hidden = false;
+}
+
 const FLOW_STEPS = [
     {
         wrapperId: "step_committee",
@@ -1313,6 +1361,9 @@ function clearUIPlaceholders() {
     setText('agg_votes_size', '—');
     setText('agg_cert_size', '—');
     setText('agg_gain', '—');
+    setText("machine_summary", "—");
+    const metaEl = document.getElementById("demo_meta");
+    if (metaEl) metaEl.hidden = true;
     // Clear main panels
     const clearIds = ["universe_canvas", "committee_canvas", "voters_canvas", "aggregation_canvas"];
     for (const id of clearIds) {
@@ -1342,8 +1393,9 @@ async function loadAndRenderRun(runDir) {
         renderCommitteeFromDemo(demo);
         renderVotersFromDemo(demo);
         renderAggregationFromDemo(demo);
+        applyEnvironmentInfo(demo?.environment ?? null);
         applyVerificationStatus(demo?.verification?.status ?? demo?.verification_status ?? null);
-        await loadTimingsForRun(runDir);
+        const timings = await loadTimingsForRun(runDir);
         syncGridColumns();
         window.addEventListener("resize", syncGridColumns);
     } else {

crypto-benchmarks.rs/demo/ui/static/styles.css

@@ -49,6 +49,27 @@ a {
     text-align: center;
 }
 
+.app-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    color: var(--muted);
+}
+
+.app-meta__line {
+    display: flex;
+    gap: 0.35rem;
+    align-items: center;
+}
+
+.app-meta__line strong {
+    color: var(--text);
+    font-weight: 600;
+}
+
 .app-title {
     margin: 0;
     font-size: 28px;

crypto-benchmarks.rs/demo/ui/templates/index.html

@@ -17,6 +17,12 @@ <h1 class="app-title">Leios Voting Demo</h1>
             <input id="run-input" name="run" type="text" placeholder="e.g., run64" />
             <button type="submit">Load</button>
         </form>
+        <div id="demo_meta" class="app-meta" hidden>
+            <span class="app-meta__line">
+                <strong>Environment:</strong>
+                <span id="machine_summary">—</span>
+            </span>
+        </div>
     </header>
 
     <main>