feat: Evidence Machine v2 — full rewrite, forensic console with NEC# constellation, citation engine, peer context, outreach tracking

README.md

@@ -1,205 +1,66 @@
 ---
-title: CROVIA · CEP Terminal
-emoji: 🧾
-colorFrom: indigo
-colorTo: gray
+title: CROVIA · Evidence Machine
+emoji: 🔬
+colorFrom: blue
+colorTo: indigo
 sdk: gradio
 sdk_version: 4.36.1
 python_version: "3.11"
 app_file: app.py
 pinned: false
-short_description: Audit-first inspector for Crovia CEP evidence capsules
+short_description: AI forensic evidence console with live data
 tags:
   - audit
   - provenance
   - ai-act
   - compliance
-  - receipts
-  - datasets
+  - forensics
+  - cryptography
+  - evidence
 ---
 
+# CROVIA · Evidence Machine
 
-# CROVIA · CEP Terminal
-Public Evidence Inspector for AI Training Datasets
+**The world's first AI forensic evidence console.**
 
-Crovia CEP Terminal is a public, audit-first interface to inspect AI evidence capsules
-(CEP.v1 reference capsules) published as open datasets.
+Type any AI model. Get a complete, cryptographically anchored, temporally verified evidence package showing exactly what training data documentation exists — and what doesn't.
 
-This Space does not simulate compliance.
-It shows exactly what exists — and what does not.
+## What this does
 
----
-
-## What this Space is
-
-This is not a demo with fabricated green checks.
-
-This Space is a live evidence terminal that:
-
-- loads real CEP capsules from Hugging Face datasets
-- performs lightweight but real structural checks
-- exposes missing provenance, signatures, and hashchain anchors
-- visualizes the actual audit surface of a dataset
-
-If something is missing, Crovia shows it.
-
----
-
-## What this Space is NOT
-
-- Not a marketing dashboard
-- Not a compliance simulator
-- Not a “trust me” interface
-- Not a blockchain demo
-
-There are no fake receipts and no cosmetic green lights.
-
----
-
-## How to read the results
-
-### Trust Signal
-
-The Trust Signal (GREEN / AMBER / RED) is derived, not declared.
-
-A RED signal means:
-- missing cryptographic anchors
-- incomplete provenance
-- unverifiable payouts or receipts
-
-This is not an error.
-It is the correct audit outcome.
-
----
-
-### Evidence Graph
-
-The graph shows what is actually bound to the capsule:
-
-- receipts
-- payouts
-- signatures
-- hashchain roots
-
-Unbound elements are shown explicitly.
-
-Nothing is hidden.
-
----
-
-### Inspector Panel
-
-The Inspector explains why a dataset fails or passes:
-
-- missing schema
-- missing model metadata
-- missing period
-- missing signature
-- missing hashchain
-
-This is meant to be readable by:
-- engineers
-- legal teams
-- auditors
-- journalists
-
----
-
-## OPEN EVIDENCE MODE (Important)
+- **200+ models monitored** with 20 NEC# documentation requirements each
+- **Pedersen commitments** anchor every observation cryptographically
+- **Chain height 3,000+** — continuous, append-only temporal proof
+- **Regulatory mapping** — jurisdictions affected by each documentation gap
+- **Citation engine** — one-click, legal-grade evidence statements
+- **Outreach tracking** — was the organization contacted? Did they respond?
+- **Peer comparison** — how does this model compare to its organization and industry?
 
-This Hugging Face Space runs in OPEN EVIDENCE MODE (read-only):
+## How to use
 
-- **Inspect**: loads and inspects real CEP reference capsules from `Crovia/cep-capsules`
-- **Generate**: produces a `crovia_evidence_snapshot.v1` evidence snapshot from a target ID (HuggingFace + TPR temporal data)
+1. Type a model ID (e.g. `google/gemma-3-12b-it`) in the command bar
+2. Click **INVESTIGATE**
+3. Read the signal strip, NEC# constellation, forensic report, and citation
 
-Deep cryptographic verification (DSSE, full hashchain replay, payout proofs)
-is intentionally delegated to the Crovia CLI / Core Engine.
+## What you see
 
-This keeps the Space:
-- fast
-- transparent
-- non-deceptive
+- **Signal Strip** — Trust level, evidence strength, chain height, NEC# gaps, jurisdictions
+- **NEC# Constellation** — Interactive SVG showing all 20 documentation requirements as nodes
+- **NEC# Grid** — Color-coded grid of present/absent/critical elements
+- **Forensic Report** — Full monospace report with cryptographic anchors
+- **Jurisdictions** — Which regulations apply to the observed gaps
+- **Citation Engine** — Copy-paste evidence statement for legal or journalistic use
 
----
-
-## Why Crovia exists
-
-For years, the AI industry has said:
-
-“Your data was used to train the model.”
-
-Without receipts.
-Without numbers.
-Without proof.
-
-Crovia exists to enforce one rule:
-
-If an AI system makes value from data, there must be evidence.
-
-And that evidence must be:
-- inspectable
-- auditable
-- verifiable by anyone
-
----
-
-## The uncomfortable truth
-
-Most open datasets used to train modern AI models:
-
-- do not expose provenance
-- do not bind payouts
-- do not anchor receipts
-- do not provide hashchains
-
-Crovia does not hide this.
-
-Crovia makes it visible.
-
----
+## CEP Capsules tab
 
-## Why this Space matters
+Backward-compatible inspector for reference CEP capsules from `Crovia/cep-capsules`.
 
-This is likely the first public terminal that:
+## Important
 
-- inspects real training datasets
-- shows compliance gaps in public
-- does not normalize missing evidence
-
-This Space is not here to look good.
-It is here to be correct.
-
----
-
-## Next steps (outside this Space)
-
-To perform full verification:
-
-pip install crovia
-
-crovia explain capsule.json
-crovia trace receipts.ndjson --out proofs/hashchain.txt
-crovia verify bundle.json
-
-This Space shows what exists.
-The CLI proves what holds.
-
----
-
-## Final note
-
-If a dataset fails here,
-it does not mean it is “bad”.
-
-It means:
-
-Evidence is missing.
-
-And missing evidence is exactly what Crovia was built to expose.
-
-Crovia.
-Evidence, not promises.
+This is observation, not judgment. All data derived from publicly observable artifacts.
+No model audit. No legal claim. Presence/absence only.
 
+Source: [registry.croviatrust.com](https://registry.croviatrust.com)
 
 ## License
+
 Apache-2.0

app.py

@@ -11,59 +11,68 @@ import requests
 from huggingface_hub import HfApi, hf_hub_download
 
 # -----------------------------------------------------------------------------
-# CROVIA — CEP Terminal (UI v1: PRISM CONSOLE)
-# Custom HTML/CSS/JS frontend, Gradio backend + events
+# CROVIA — CEP TERMINAL v2: EVIDENCE MACHINE
+# World's first AI forensic evidence console
+# Temporal proof + cryptographic anchoring + regulatory mapping + citation
 # -----------------------------------------------------------------------------
 
 CEP_DATASET_ID = "Crovia/cep-capsules"
-TPR_API_URL = "https://registry.croviatrust.com"
-OPEN_EVIDENCE_MODE = True  # Read-only evidence inspection, no settlement
-
-_CAPSULE_LIST_CACHE = {"ts": 0.0, "items": []}
-_CAPSULE_LIST_TTL_SEC = 300  # 5 min
-
-_TPR_TARGETS_CACHE = {"ts": 0.0, "items": []}
-_TPR_TARGETS_TTL_SEC = 300  # 5 min
-
-def _fetch_tpr_targets() -> List[Dict]:
-    """Fetch monitored targets from TPR Registry API with caching."""
-    now = time.time()
-    if now - _TPR_TARGETS_CACHE["ts"] < _TPR_TARGETS_TTL_SEC and _TPR_TARGETS_CACHE["items"]:
-        return _TPR_TARGETS_CACHE["items"]
-    try:
-        resp = requests.get(f"{TPR_API_URL}/api/targets/summary", timeout=5)
-        targets = resp.json().get("targets", [])
-        _TPR_TARGETS_CACHE["ts"] = now
-        _TPR_TARGETS_CACHE["items"] = targets
-        return targets
-    except:
-        return _TPR_TARGETS_CACHE["items"] or []
+REGISTRY_URL = "https://registry.croviatrust.com"
+OPEN_EVIDENCE_MODE = True
+
+# --- Caches ---
+_CACHE = {
+    "tpa": {"ts": 0.0, "data": None},
+    "lineage": {"ts": 0.0, "data": None},
+    "outreach": {"ts": 0.0, "data": None},
+    "capsules": {"ts": 0.0, "data": []},
+}
+_TTL = 300  # 5 min
 
+def _now():
+    return time.time()
 
-def _nowz() -> str:
+def _nowz():
     return datetime.now(timezone.utc).isoformat().replace("+00:00", "Z")
 
+def _sha256_hex(b: bytes) -> str:
+    return hashlib.sha256(b).hexdigest()
+
+def _canonical_json(obj):
+    return json.dumps(obj, sort_keys=True, separators=(",", ":"), ensure_ascii=False)
 
-def _canonical_json_bytes(obj: dict) -> bytes:
-    return json.dumps(obj, sort_keys=True, separators=(",", ":"), ensure_ascii=False).encode("utf-8")
+def _canonical_hash(obj):
+    return _sha256_hex(_canonical_json(obj).encode("utf-8"))
 
+# --- Registry Data Fetchers ---
 
-def _sha256_hex(b: bytes) -> str:
-    return hashlib.sha256(b).hexdigest()
+def _fetch_cached(key, url):
+    now = _now()
+    if now - _CACHE[key]["ts"] < _TTL and _CACHE[key]["data"] is not None:
+        return _CACHE[key]["data"]
+    try:
+        resp = requests.get(url, timeout=8)
+        data = resp.json()
+        _CACHE[key]["ts"] = now
+        _CACHE[key]["data"] = data
+        return data
+    except Exception:
+        return _CACHE[key]["data"] or {}
 
+def fetch_tpa():
+    return _fetch_cached("tpa", f"{REGISTRY_URL}/registry/data/tpa_latest.json")
 
-def _short(s: str, n: int = 16) -> str:
-    if not isinstance(s, str) or not s:
-        return ""
-    return s[:n] + "…"
+def fetch_lineage():
+    return _fetch_cached("lineage", f"{REGISTRY_URL}/registry/data/lineage_graph.json")
 
+def fetch_outreach():
+    return _fetch_cached("outreach", f"{REGISTRY_URL}/registry/data/outreach_status.json")
 
 def _list_capsules() -> List[str]:
-    now = time.time()
-    if (now - _CAPSULE_LIST_CACHE["ts"]) < _CAPSULE_LIST_TTL_SEC and _CAPSULE_LIST_CACHE["items"]:
-        return _CAPSULE_LIST_CACHE["items"]
-
-    items: List[str] = []
+    now = _now()
+    if (now - _CACHE["capsules"]["ts"]) < _TTL and _CACHE["capsules"]["data"]:
+        return _CACHE["capsules"]["data"]
+    items = []
     try:
         files = HfApi().list_repo_files(repo_id=CEP_DATASET_ID, repo_type="dataset")
         for f in files:
@@ -72,1243 +81,1368 @@ def _list_capsules() -> List[str]:
         items = sorted(set(items))[:350]
     except Exception:
         items = []
-
-    _CAPSULE_LIST_CACHE["ts"] = now
-    _CAPSULE_LIST_CACHE["items"] = items
+    _CACHE["capsules"]["ts"] = now
+    _CACHE["capsules"]["data"] = items
     return items
 
+# --- Evidence Computation ---
+
+def get_model_tpa(model_id: str) -> dict:
+    """Get TPA data for a specific model."""
+    tpa = fetch_tpa()
+    tpas = tpa.get("tpas", [])
+    for t in tpas:
+        if t.get("model_id", "").lower() == model_id.lower():
+            return t
+    return {}
+
+def get_model_lineage(model_id: str) -> dict:
+    """Get lineage node for a model."""
+    lg = fetch_lineage()
+    for node in lg.get("nodes", []):
+        if node.get("id", "").lower() == model_id.lower():
+            return node
+    return {}
+
+def get_model_outreach(model_id: str) -> dict:
+    """Get outreach status for a model's org."""
+    org = model_id.split("/")[0] if "/" in model_id else ""
+    if not org:
+        return {}
+    outreach = fetch_outreach()
+    entries = outreach if isinstance(outreach, list) else outreach.get("entries", outreach.get("organizations", []))
+    if isinstance(entries, list):
+        for e in entries:
+            oid = e.get("org", e.get("organization", ""))
+            if oid.lower() == org.lower():
+                return e
+    return {}
+
+def compute_evidence_strength(tpa_entry: dict) -> dict:
+    """Compute evidence strength from NEC# observations."""
+    obs = tpa_entry.get("observations", [])
+    if not obs:
+        return {"score": 0, "total": 0, "present": 0, "absent": 0, "critical_gaps": 0}
+    
+    total = len(obs)
+    present = sum(1 for o in obs if o.get("is_present"))
+    absent = total - present
+    critical = sum(1 for o in obs if not o.get("is_present") and o.get("severity_label") == "CRITICAL")
+    score = round((present / total) * 100, 1) if total > 0 else 0
+    
+    return {
+        "score": score,
+        "total": total,
+        "present": present,
+        "absent": absent,
+        "critical_gaps": critical,
+    }
 
-def fetch_capsule(cep_id: str) -> Dict[str, Any]:
-    path = hf_hub_download(
-        repo_id=CEP_DATASET_ID,
-        filename=f"{cep_id}.json",
-        repo_type="dataset",
+def compute_peer_context(model_id: str) -> dict:
+    """Compute peer comparison context."""
+    tpa = fetch_tpa()
+    tpas = tpa.get("tpas", [])
+    
+    org = model_id.split("/")[0] if "/" in model_id else ""
+    
+    all_scores = []
+    org_scores = []
+    for t in tpas:
+        obs = t.get("observations", [])
+        if not obs:
+            continue
+        s = sum(1 for o in obs if o.get("is_present")) / len(obs) * 100
+        all_scores.append(s)
+        tid = t.get("model_id", "")
+        if "/" in tid and tid.split("/")[0].lower() == org.lower():
+            org_scores.append(s)
+    
+    return {
+        "industry_avg": round(sum(all_scores) / len(all_scores), 1) if all_scores else 0,
+        "org_avg": round(sum(org_scores) / len(org_scores), 1) if org_scores else 0,
+        "total_models": len(all_scores),
+        "org_models": len(org_scores),
+    }
+
+# --- Main Evidence Function ---
+
+def generate_evidence(model_id: str) -> str:
+    """Generate complete forensic evidence package for a model."""
+    model_id = (model_id or "").strip()
+    if not model_id:
+        return json.dumps({"error": "empty"})
+    
+    tpa_entry = get_model_tpa(model_id)
+    lineage = get_model_lineage(model_id)
+    outreach = get_model_outreach(model_id)
+    strength = compute_evidence_strength(tpa_entry)
+    peer = compute_peer_context(model_id)
+    
+    tpa_data = fetch_tpa()
+    chain_height = tpa_data.get("chain_height", 0)
+    
+    # Build observations detail
+    obs_detail = []
+    jurisdictions = set()
+    for o in tpa_entry.get("observations", []):
+        obs_detail.append({
+            "nec_id": o.get("necessity_id", ""),
+            "name": o.get("necessity_name", ""),
+            "present": o.get("is_present", False),
+            "severity": o.get("severity_label", ""),
+            "jurisdictions": o.get("jurisdictions_affected", 0),
+            "jurisdiction_hints": o.get("jurisdictions_hint", []),
+            "commitment_x": o.get("commitment_x", ""),
+            "commitment_y": o.get("commitment_y", ""),
+        })
+        for j in o.get("jurisdictions_hint", []):
+            jurisdictions.add(j)
+    
+    # Trust level
+    if strength["score"] >= 80:
+        trust = "GREEN"
+    elif strength["score"] >= 40:
+        trust = "YELLOW"
+    else:
+        trust = "RED"
+    
+    org = model_id.split("/")[0] if "/" in model_id else "unknown"
+    
+    # Citation text
+    citation = (
+        f"As of {_nowz()}, model {model_id} published by {org} "
+        f"has been monitored by the Crovia Temporal Proof Registry. "
+        f"{strength['absent']}/{strength['total']} NEC# documentation requirements "
+        f"remain absent ({strength['critical_gaps']} critical). "
+        f"Cryptographic anchor: chain height {chain_height}, "
+        f"TPA-ID {tpa_entry.get('tpa_id', 'N/A')}. "
+        f"Source: registry.croviatrust.com"
     )
-    with open(path, "r", encoding="utf-8") as f:
-        return json.load(f)
+    
+    payload = {
+        "model_id": model_id,
+        "org": org,
+        "timestamp": _nowz(),
+        "found": bool(tpa_entry),
+        "trust_level": trust if tpa_entry else "UNKNOWN",
+        "tpa_id": tpa_entry.get("tpa_id", ""),
+        "chain_height": chain_height,
+        "strength": strength,
+        "peer": peer,
+        "observations": obs_detail,
+        "jurisdictions": sorted(jurisdictions),
+        "lineage": {
+            "compliance_score": lineage.get("compliance_score"),
+            "severity": lineage.get("severity"),
+            "nec_absent": lineage.get("nec_absent"),
+            "card_length": lineage.get("card_length"),
+        } if lineage else None,
+        "outreach": {
+            "status": outreach.get("status", outreach.get("outreach_status", "unknown")),
+            "contacted": outreach.get("contacted", outreach.get("discussion_sent", False)),
+            "response": outreach.get("response", outreach.get("response_received", False)),
+        } if outreach else None,
+        "citation": citation,
+    }
+    
+    return json.dumps(payload, ensure_ascii=False)
 
+# --- Startup data ---
+
+def get_targets_list() -> str:
+    """Get list of all monitored targets for autocomplete."""
+    tpa = fetch_tpa()
+    tpas = tpa.get("tpas", [])
+    targets = []
+    for t in tpas:
+        mid = t.get("model_id", "")
+        if mid:
+            obs = t.get("observations", [])
+            absent = sum(1 for o in obs if not o.get("is_present"))
+            targets.append({"id": mid, "gaps": absent})
+    targets.sort(key=lambda x: -x["gaps"])
+    return json.dumps(targets, ensure_ascii=False)
+
+def get_registry_stats() -> str:
+    """Get registry-wide stats for the header."""
+    tpa = fetch_tpa()
+    tpas = tpa.get("tpas", [])
+    lg = fetch_lineage()
+    
+    models = set()
+    orgs = set()
+    total_gaps = 0
+    for t in tpas:
+        mid = t.get("model_id", "")
+        models.add(mid)
+        if "/" in mid:
+            orgs.add(mid.split("/")[0])
+        for o in t.get("observations", []):
+            if not o.get("is_present"):
+                total_gaps += 1
+    
+    return json.dumps({
+        "models": len(models),
+        "orgs": len(orgs),
+        "chain_height": tpa.get("chain_height", 0),
+        "total_gaps": total_gaps,
+        "lineage_nodes": len(lg.get("nodes", [])),
+    }, ensure_ascii=False)
 
-def compute_trust(checks: Dict[str, bool]) -> Tuple[str, str, float]:
-    missing = [k for k, v in checks.items() if not v]
+# --- Capsule Inspector (backward compat) ---
 
-    if not missing:
-        return ("GREEN", "Fully anchored: evidence + signature + hashchain bound.", 1.0)
+def fetch_capsule(cep_id: str) -> Dict[str, Any]:
+    path = hf_hub_download(repo_id=CEP_DATASET_ID, filename=f"{cep_id}.json", repo_type="dataset")
+    with open(path, "r", encoding="utf-8") as f:
+        return json.load(f)
 
-    if missing == ["hashchain_root"]:
-        return ("YELLOW", "Evidence present, but not bound to a verifiable training run (missing hashchain).", 0.62)
+def inspect_capsule(cep_id: str) -> str:
+    cep_id = (cep_id or "").strip()
+    if not cep_id:
+        return json.dumps({"error": "empty"})
+    try:
+        cap = fetch_capsule(cep_id)
+        schema = cap.get("schema", "unknown")
+        model = cap.get("model", {})
+        model_id = model.get("model_id", "unknown") if isinstance(model, dict) else "unknown"
+        evidence = cap.get("evidence", {}) if isinstance(cap.get("evidence"), dict) else {}
+        meta = cap.get("meta", {}) if isinstance(cap.get("meta"), dict) else {}
+        hashchain_root = meta.get("hashchain_sha256", "")
+        sig_present = "signature" in cap
+        cap_sha = _sha256_hex(_canonical_json(cap).encode("utf-8"))
+        
+        return json.dumps({
+            "type": "capsule",
+            "cep_id": cep_id,
+            "schema": schema,
+            "model_id": model_id,
+            "evidence_nodes": len(evidence),
+            "signature": sig_present,
+            "hashchain": bool(hashchain_root),
+            "hashchain_short": hashchain_root[:16] if hashchain_root else "",
+            "capsule_sha256": cap_sha,
+            "evidence_keys": list(evidence.keys())[:20],
+        }, ensure_ascii=False)
+    except Exception as e:
+        return json.dumps({"error": f"{type(e).__name__}: {e}"})
 
-    if missing == ["signature"]:
-        return ("YELLOW", "Evidence present, but missing signature metadata (publisher not authenticated).", 0.58)
 
-    if "evidence" in missing:
-        return ("RED", "No evidence nodes inside capsule (cannot inspect annex/payout anchors).", 0.18)
+# =============================================================================
+# CSS
+# =============================================================================
 
-    return ("RED", "Incomplete evidence: missing critical verification anchors.", 0.28)
+CSS = """
+<style>
+:root {
+    --bg: #030712;
+    --bg1: #0a0f1a;
+    --bg2: #111827;
+    --surface: #1f2937;
+    --border: rgba(255,255,255,0.08);
+    --border-h: rgba(255,255,255,0.16);
+    --text: #f9fafb;
+    --text2: #d1d5db;
+    --text3: #9ca3af;
+    --cyan: #22d3ee;
+    --blue: #3b82f6;
+    --violet: #8b5cf6;
+    --green: #22c55e;
+    --amber: #f59e0b;
+    --red: #ef4444;
+    --rose: #f43f5e;
+    --glow-cyan: 0 0 30px rgba(34,211,238,0.3);
+    --glow-violet: 0 0 30px rgba(139,92,246,0.3);
+    --radius: 16px;
+}
 
+html, body, #root, .gradio-container {
+    background: var(--bg) !important;
+}
 
-def make_terminal_and_inspector(capsule: Dict[str, Any], cep_id: str) -> Dict[str, Any]:
-    terminal: List[str] = []
-    inspector: List[str] = []
+.gradio-container {
+    max-width: 1400px !important;
+    margin: 0 auto !important;
+    padding: 0 16px 60px !important;
+    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
+    color: var(--text) !important;
+}
 
-    schema = capsule.get("schema", "unknown")
-    period = capsule.get("period", "unknown")
-    model = capsule.get("model", {})
-    model_id = model.get("model_id", "unknown-model") if isinstance(model, dict) else "unknown-model"
+footer { display: none !important; }
+.gradio-container .wrap { border: 0 !important; }
+.gradio-container .prose { max-width: none !important; }
 
-    evidence = capsule.get("evidence", {})
-    if not isinstance(evidence, dict):
-        evidence = {}
+.gradio-container, .gradio-container * {
+    opacity: 1 !important;
+    filter: none !important;
+    mix-blend-mode: normal !important;
+    visibility: visible !important;
+}
 
-    meta = capsule.get("meta", {}) if isinstance(capsule.get("meta"), dict) else {}
-    hashchain_root = meta.get("hashchain_sha256", "")
-    hashchain_present = isinstance(hashchain_root, str) and bool(hashchain_root.strip())
-    sig_present = "signature" in capsule
+/* ── TOPBAR ── */
+.ev-topbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 0;
+    border-bottom: 1px solid var(--border);
+    margin-bottom: 20px;
+}
+.ev-brand {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+.ev-logo {
+    width: 38px; height: 38px;
+    border-radius: 10px;
+    background: linear-gradient(135deg, var(--cyan), var(--violet));
+    display: flex; align-items: center; justify-content: center;
+    font-weight: 900; font-size: 16px; color: #fff;
+    box-shadow: var(--glow-cyan);
+}
+.ev-brand-text {
+    font-size: 13px;
+    letter-spacing: 0.25em;
+    text-transform: uppercase;
+    font-weight: 700;
+    color: var(--text) !important;
+}
+.ev-brand-sub {
+    font-size: 10px;
+    letter-spacing: 0.15em;
+    color: var(--text3) !important;
+    text-transform: uppercase;
+}
+.ev-live {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 11px;
+    color: var(--green) !important;
+    letter-spacing: 0.1em;
+}
+.ev-live-dot {
+    width: 8px; height: 8px;
+    border-radius: 50%;
+    background: var(--green);
+    box-shadow: 0 0 12px rgba(34,197,94,0.6);
+    animation: pulse 2s infinite;
+}
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.4; }
+}
 
-    cap_sha = _sha256_hex(_canonical_json_bytes(capsule))
+/* ── COMMAND BAR ── */
+.ev-command {
+    position: relative;
+    margin-bottom: 20px;
+}
+.ev-command-input {
+    width: 100%;
+    height: 56px;
+    background: var(--bg1);
+    border: 1px solid var(--border-h);
+    border-radius: 14px;
+    padding: 0 20px 0 52px;
+    font-size: 16px;
+    color: var(--text) !important;
+    outline: none;
+    transition: border-color 0.2s, box-shadow 0.2s;
+    box-sizing: border-box;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+}
+.ev-command-input:focus {
+    border-color: var(--cyan);
+    box-shadow: var(--glow-cyan);
+}
+.ev-command-input::placeholder {
+    color: var(--text3);
+    font-family: 'Inter', sans-serif;
+}
+.ev-command-icon {
+    position: absolute;
+    left: 18px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 18px;
+    opacity: 0.5;
+}
+.ev-command-btn {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: linear-gradient(135deg, var(--cyan), var(--blue));
+    border: none;
+    border-radius: 10px;
+    padding: 10px 24px;
+    color: #fff;
+    font-weight: 700;
+    font-size: 13px;
+    cursor: pointer;
+    letter-spacing: 0.08em;
+    transition: transform 0.15s;
+}
+.ev-command-btn:hover { transform: translateY(-50%) scale(1.03); }
+.ev-command-btn:active { transform: translateY(-50%) scale(0.97); }
+
+/* Quick targets */
+.ev-quick {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+}
+.ev-quick-btn {
+    background: var(--bg2);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 5px 12px;
+    color: var(--text3) !important;
+    font-size: 11px;
+    cursor: pointer;
+    transition: all 0.15s;
+    font-family: 'JetBrains Mono', monospace;
+}
+.ev-quick-btn:hover {
+    border-color: var(--cyan);
+    color: var(--cyan) !important;
+    background: rgba(34,211,238,0.06);
+}
 
-    checks = {
-        "schema": isinstance(schema, str) and schema != "unknown",
-        "period": isinstance(period, str) and len(period) >= 4,
-        "model_id": isinstance(model_id, str) and model_id != "unknown-model",
-        "evidence": isinstance(evidence, dict) and len(evidence) > 0,
-        "signature": bool(sig_present),
-        "hashchain_root": bool(hashchain_present),
-    }
+/* ── SIGNAL STRIP ── */
+.ev-signals {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 12px;
+    margin-bottom: 20px;
+}
+@media (max-width: 768px) {
+    .ev-signals { grid-template-columns: repeat(2, 1fr); }
+}
+.ev-signal {
+    background: var(--bg1);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 16px;
+    text-align: center;
+    transition: border-color 0.2s;
+}
+.ev-signal-val {
+    font-size: 28px;
+    font-weight: 800;
+    font-family: 'JetBrains Mono', monospace;
+    line-height: 1.1;
+    margin-bottom: 4px;
+}
+.ev-signal-label {
+    font-size: 10px;
+    text-transform: uppercase;
+    letter-spacing: 0.15em;
+    color: var(--text3) !important;
+}
+.ev-signal.trust-green { border-color: var(--green); }
+.ev-signal.trust-green .ev-signal-val { color: var(--green) !important; }
+.ev-signal.trust-yellow { border-color: var(--amber); }
+.ev-signal.trust-yellow .ev-signal-val { color: var(--amber) !important; }
+.ev-signal.trust-red { border-color: var(--red); }
+.ev-signal.trust-red .ev-signal-val { color: var(--red) !important; }
+.ev-signal.trust-unknown { border-color: var(--border); }
+.ev-signal.trust-unknown .ev-signal-val { color: var(--text3) !important; }
+
+/* ── MAIN GRID ── */
+.ev-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16px;
+    margin-bottom: 16px;
+}
+@media (max-width: 980px) { .ev-grid { grid-template-columns: 1fr; } }
 
-    trust_level, trust_reason, trust_score = compute_trust(checks)
-
-    terminal.append("CROVIA // PRISM CONSOLE v1")
-    terminal.append(f"capsule    {cep_id}")
-    terminal.append(f"timestamp  {_nowz()}")
-    terminal.append(f"mode       {'OPEN EVIDENCE (read-only)' if OPEN_EVIDENCE_MODE else 'FULL'}")
-    terminal.append("")
-    terminal.append("[STRUCTURE]")
-    terminal.append(f"schema     {schema}")
-    terminal.append(f"model      {model_id}")
-    terminal.append(f"period     {period}")
-    terminal.append(f"evidence   {len(evidence)} nodes")
-    terminal.append("")
-    terminal.append("[TRUST]")
-    terminal.append(f"level      {trust_level}")
-    terminal.append(f"reason     {trust_reason}")
-    terminal.append("")
-    terminal.append("[INTEGRITY]")
-    terminal.append(f"capsule_sha256  {cap_sha}")
-    terminal.append(f"signature       {'present' if sig_present else 'missing'}")
-    terminal.append(f"hashchain       {('sha256:' + _short(hashchain_root, 16)) if hashchain_present else 'missing'}")
-    terminal.append("")
-
-    proof = f"crovia:v1;m={model_id};p={period};h={cap_sha};u=hf://{CEP_DATASET_ID}/{cep_id}.json"
-    terminal.append("[PROOF STRING]")
-    terminal.append(proof)
-    terminal.append("")
-    if trust_level != "GREEN":
-        terminal.append("[WHY THIS MATTERS]")
-        if not hashchain_present:
-            terminal.append("- Not bound to a verifiable training run (no hashchain anchor).")
-        if not sig_present:
-            terminal.append("- Publisher not authenticated (no signature metadata).")
-        if len(evidence) == 0:
-            terminal.append("- No inspectable annex/payout nodes in evidence.")
-        terminal.append("")
-
-    inspector.append("INSPECTOR (real checks)")
-    for k in ["schema", "period", "model_id", "evidence", "signature", "hashchain_root"]:
-        inspector.append(f"- {k:13s} : {'OK' if checks[k] else 'FAIL'}")
-    inspector.append("")
-    inspector.append("TRUST SIGNAL")
-    inspector.append(f"- level : {trust_level}")
-    inspector.append(f"- score : {trust_score:.2f}")
-    inspector.append(f"- note  : {trust_reason}")
-    inspector.append("")
-    inspector.append("EVIDENCE NODES (first 18)")
-    if evidence:
-        for ek, ev in list(evidence.items())[:18]:
-            if isinstance(ev, dict):
-                sha = ev.get("sha256", "")
-                url = ev.get("url", "")
-                path = ev.get("path", "")
-                line = f"- {ek}"
-                if sha:
-                    line += f" | sha256:{_short(str(sha), 16)}"
-                if url:
-                    line += f" | url:{str(url)[:88]}"
-                if path:
-                    line += f" | path:{str(path)[:88]}"
-                inspector.append(line)
-            else:
-                inspector.append(f"- {ek} | (non-object)")
-    else:
-        inspector.append("- (none)")
+.ev-panel {
+    background: var(--bg1);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    overflow: hidden;
+}
+.ev-panel-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.ev-panel-title {
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: var(--text2) !important;
+}
+.ev-panel-badge {
+    font-size: 10px;
+    padding: 2px 8px;
+    border-radius: 6px;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+}
+.ev-panel-body {
+    padding: 16px;
+}
 
-    nodes = list(evidence.keys())
-    anchors = ["receipts", "payouts", "signature", "hashchain"]
-    for a in anchors:
-        if a not in nodes:
-            nodes.append(a)
+/* ── NEC# GRID ── */
+.nec-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 8px;
+}
+@media (max-width: 768px) { .nec-grid { grid-template-columns: repeat(4, 1fr); } }
+
+.nec-cell {
+    border-radius: 10px;
+    padding: 10px 8px;
+    text-align: center;
+    border: 1px solid var(--border);
+    transition: all 0.2s;
+    cursor: default;
+    position: relative;
+}
+.nec-cell.present {
+    background: rgba(34,197,94,0.08);
+    border-color: rgba(34,197,94,0.3);
+}
+.nec-cell.absent {
+    background: rgba(239,68,68,0.08);
+    border-color: rgba(239,68,68,0.3);
+}
+.nec-cell.critical {
+    background: rgba(239,68,68,0.14);
+    border-color: rgba(239,68,68,0.5);
+    box-shadow: 0 0 12px rgba(239,68,68,0.15);
+}
+.nec-id {
+    font-size: 12px;
+    font-weight: 800;
+    font-family: 'JetBrains Mono', monospace;
+}
+.nec-cell.present .nec-id { color: var(--green) !important; }
+.nec-cell.absent .nec-id { color: var(--red) !important; }
+.nec-cell.critical .nec-id { color: var(--rose) !important; }
+.nec-status {
+    font-size: 9px;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    margin-top: 2px;
+    color: var(--text3) !important;
+}
+.nec-severity {
+    font-size: 8px;
+    margin-top: 2px;
+    color: var(--text3) !important;
+    opacity: 0.7;
+}
 
-    return {
-        "cep_id": cep_id,
-        "schema": schema,
-        "period": period,
-        "model_id": model_id,
-        "trust_level": trust_level,
-        "trust_reason": trust_reason,
-        "trust_score": trust_score,
-        "capsule_sha256": cap_sha,
-        "signature_present": sig_present,
-        "hashchain_present": hashchain_present,
-        "hashchain_sha256": hashchain_root if hashchain_present else "",
-        "proof": proof,
-        "terminal": "\n".join(terminal),
-        "inspector": "\n".join(inspector),
-        "nodes": nodes,
-    }
+/* ── EVIDENCE STRENGTH METER ── */
+.ev-meter {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-bottom: 16px;
+}
+.ev-meter-bar-bg {
+    flex: 1;
+    height: 12px;
+    background: var(--bg2);
+    border-radius: 6px;
+    overflow: hidden;
+    border: 1px solid var(--border);
+}
+.ev-meter-bar {
+    height: 100%;
+    border-radius: 6px;
+    transition: width 0.8s ease;
+}
+.ev-meter-val {
+    font-size: 24px;
+    font-weight: 800;
+    font-family: 'JetBrains Mono', monospace;
+    min-width: 60px;
+    text-align: right;
+}
 
+/* ── CONSTELLATION SVG ── */
+svg.ev-constellation {
+    width: 100%;
+    min-height: 380px;
+    border-radius: 12px;
+    background: radial-gradient(ellipse at 30% 20%, rgba(34,211,238,0.06), transparent 60%),
+                radial-gradient(ellipse at 70% 80%, rgba(139,92,246,0.06), transparent 60%),
+                var(--bg);
+}
 
-def inspect_payload(cep_id: str) -> str:
-    cep_id = (cep_id or "").strip()
-    if not cep_id:
-        return json.dumps({"error": "empty"}, ensure_ascii=False)
+/* ── FORENSIC REPORT ── */
+.ev-report {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: 12px;
+    line-height: 1.7;
+    color: var(--text2) !important;
+    white-space: pre-wrap;
+    min-height: 200px;
+    padding: 16px;
+    background: var(--bg);
+    border-radius: 12px;
+    border: 1px solid var(--border);
+}
 
-    try:
-        cap = fetch_capsule(cep_id)
-    except Exception as e:
-        return json.dumps(
-            {
-                "error": "fetch_failed",
-                "cep_id": cep_id,
-                "detail": f"{type(e).__name__}: {e}",
-            },
-            ensure_ascii=False,
-        )
-
-    payload = make_terminal_and_inspector(cap, cep_id)
-    return json.dumps(payload, ensure_ascii=False)
+/* ── CITATION BOX ── */
+.ev-citation {
+    position: relative;
+    background: rgba(34,211,238,0.04);
+    border: 1px solid rgba(34,211,238,0.2);
+    border-radius: 12px;
+    padding: 16px 16px 16px 16px;
+}
+.ev-citation-text {
+    font-size: 13px;
+    line-height: 1.7;
+    color: var(--text2) !important;
+    font-style: italic;
+}
+.ev-citation-copy {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    background: var(--cyan);
+    border: none;
+    border-radius: 8px;
+    padding: 6px 14px;
+    color: var(--bg) !important;
+    font-weight: 700;
+    font-size: 11px;
+    cursor: pointer;
+    letter-spacing: 0.05em;
+}
 
+/* ── JURISDICTIONS ── */
+.ev-juris {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+.ev-juris-tag {
+    background: rgba(139,92,246,0.1);
+    border: 1px solid rgba(139,92,246,0.25);
+    border-radius: 8px;
+    padding: 4px 10px;
+    font-size: 11px;
+    color: var(--violet) !important;
+}
 
-CSS = r"""
-<style>
-  :root{
-    --bg0:#05060a;
-    --bg1:#070a12;
-    --panel:#0b1020;
-    --ink:#e7eaf1;
-    --ink-strong:#f8fafc;
-    --mut:#cbd5e1;
-    --line:rgba(255,255,255,.10);
-    --glow:rgba(56,189,248,.35);
-    --good:#22c55e;
-    --warn:#f59e0b;
-    --bad:#ef4444;
-    --cyan:#38bdf8;
-    --shadow: 0 18px 55px rgba(0,0,0,.55);
-    --radius:16px;
-    --p:0.62;
-  }
-
-  html,body,#root,.gradio-container{
-    background:var(--bg0) !important;
-  }
-
-  .gradio-container{
-    max-width:1320px !important;
-    margin:0 auto !important;
-    padding:26px 18px 70px !important;
-    font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
-    color:var(--ink) !important;
-  }
-
-  footer{display:none !important;}
-  .gradio-container .wrap{border:0 !important;}
-  .gradio-container .prose{max-width:none !important;}
-  
-  /* Enable generator inputs */
-  .gradio-container input[type="text"],
-  .gradio-container textarea {
-    pointer-events:auto !important;
-    background:#1a1a2e !important;
-    color:#f8fafc !important;
-    border:1px solid rgba(139,92,246,0.3) !important;
-    border-radius:8px !important;
-    padding:12px !important;
-  }
-  .gradio-container button {
-    pointer-events:auto !important;
-  }
-
-  /* HARD VISIBILITY (HF dimming killer) */
-  .gradio-container, .gradio-container *{
-    opacity:1 !important;
-    filter:none !important;
-    mix-blend-mode:normal !important;
-    visibility:visible !important;
-  }
-
-  /* HERO */
-  .crovia-hero{
-    position:relative;
-    border-radius:var(--radius);
-    border:1px solid var(--line);
-    background:
-      radial-gradient(1000px 320px at 22% 10%, rgba(56,189,248,.18), transparent 60%),
-      radial-gradient(800px 320px at 70% 0%, rgba(34,197,94,.14), transparent 55%),
-      linear-gradient(180deg,#070a12,#05060a);
-    box-shadow:var(--shadow);
-    padding:22px 22px 18px;
-    overflow:hidden;
-    isolation:isolate;
-  }
-
-  .hero-top{
-    display:flex;
-    align-items:center;
-    gap:14px;
-  }
-
-  .hero-logo{
-    width:64px;height:64px;
-    border-radius:16px;
-    background:#070a12;
-    border:1px solid rgba(255,255,255,.14);
-    box-shadow:0 0 34px rgba(56,189,248,.28);
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    overflow:hidden;
-    flex:0 0 auto;
-  }
-
-  .hero-logo img{width:100%;height:100%;object-fit:cover;display:block;}
-
-  .hero-title{
-    margin:0;
-    display:inline-block;
-    padding:6px 10px;
-    border-radius:12px;
-    font-size:34px;
-    font-weight:900;
-    letter-spacing:.22em;
-    text-transform:uppercase;
-    color:#ffffff !important;
-    background:rgba(0,0,0,.28);
-    border:1px solid rgba(255,255,255,.08);
-    text-shadow:
-      0 0 26px rgba(56,189,248,.55),
-      0 2px 14px rgba(0,0,0,.85);
-  }
-
-  .hero-sub{
-    margin:10px 0 0;
-    color:#e5e7eb !important;
-    font-size:15px;
-    line-height:1.7;
-    max-width:900px;
-  }
-
-  .hero-sub strong{color:var(--ink-strong) !important;font-weight:700;}
-
-  .hero-row{
-    margin-top:14px;
-    display:flex;
-    gap:10px;
-    flex-wrap:wrap;
-    align-items:center;
-  }
-
-  .pill{
-    display:inline-flex;
-    align-items:center;
-    gap:8px;
-    padding:6px 12px;
-    border-radius:999px;
-    border:1px solid rgba(255,255,255,.14);
-    background:rgba(255,255,255,.05);
-    color:var(--ink-strong) !important;
-    font-size:11px;
-    letter-spacing:.14em;
-    text-transform:uppercase;
-  }
-
-  .dot{
-    width:8px;height:8px;
-    border-radius:999px;
-    background:var(--cyan);
-    box-shadow:0 0 16px var(--glow);
-  }
-
-  .pill.good .dot{background:var(--good);box-shadow:0 0 16px rgba(34,197,94,.40);}
-  .pill.warn .dot{background:var(--warn);box-shadow:0 0 16px rgba(245,158,11,.40);}
-  .pill.bad  .dot{background:var(--bad); box-shadow:0 0 16px rgba(239,68,68,.40);}
-
-  .mini{
-    font-size:12.5px;
-    color:#f8fafc !important;
-    opacity:.85;
-  }
-
-  .status-line{
-    margin-top:14px;
-    padding:8px 14px;
-    border-radius:10px;
-    border:1px solid rgba(255,255,255,.14);
-    background:rgba(0,0,0,.35);
-    font-size:12px;
-    letter-spacing:.14em;
-    text-transform:uppercase;
-    color:#e5e7eb !important;
-    box-shadow: inset 0 0 18px rgba(56,189,248,.12);
-  }
-
-  /* === CEP PICKER (HTML select) — NO GRADIO MOVE === */
-  #cep_picker{
-    margin-top:10px;
-    width:620px;
-    max-width:100%;
-  }
-
-  #cep_select{
-    width:100%;
-    height:44px;
-    border-radius:12px;
-    background:#05060a;
-    color:#f8fafc;
-    border:1px solid rgba(255,255,255,.16);
-    padding:0 42px 0 14px;
-    outline:none;
-    appearance:none;
-    -webkit-appearance:none;
-    -moz-appearance:none;
-    cursor:pointer;
-  }
-
-  #cep_picker{
-    position:relative;
-  }
-  #cep_picker::after{
-    content:"⌄";
-    position:absolute;
-    right:16px;
-    top:50%;
-    transform:translateY(-50%);
-    pointer-events:none;
-    color:#38bdf8;
-    font-size:18px;
-    opacity:.85;
-  }
-
-  /* GRID */
-  .grid{
-    margin-top:18px;
-    display:grid;
-    grid-template-columns:1fr 1fr;
-    gap:16px;
-  }
-  @media (max-width:980px){ .grid{grid-template-columns:1fr;} }
-
-  .card{
-    border-radius:var(--radius);
-    border:1px solid var(--line);
-    background:
-      radial-gradient(600px 240px at 10% 10%, rgba(56,189,248,.10), transparent 55%),
-      linear-gradient(180deg,#070a12,#05060a);
-    box-shadow:var(--shadow);
-    overflow:hidden;
-  }
-
-  .card-h{
-    padding:10px 14px;
-    border-bottom:1px solid var(--line);
-    letter-spacing:.18em;
-    text-transform:uppercase;
-    font-weight:800;
-    font-size:12px;
-    color:var(--ink-strong) !important;
-    background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 55%);
-  }
-
-  .card-b{padding:12px 14px;}
-
-  pre.term{
-    margin:0;
-    padding:12px;
-    border-radius:12px;
-    border:1px solid rgba(255,255,255,.10);
-    background:
-      radial-gradient(500px 220px at 20% 10%, rgba(56,189,248,.10), transparent 55%),
-      #05060a;
-    color:#e5e7eb !important;
-    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
-    font-size:12.6px;
-    line-height:1.55;
-    min-height:330px;
-    white-space:pre-wrap;
-  }
-
-  svg#constellation{
-    width:100%;
-    min-height:330px;
-    border-radius:12px;
-    border:1px solid rgba(255,255,255,.10);
-    background:
-      radial-gradient(520px 240px at 25% 15%, rgba(56,189,248,.12), transparent 60%),
-      radial-gradient(420px 240px at 75% 80%, rgba(34,197,94,.10), transparent 55%),
-      #05060a;
-  }
-
-  /* TRUST pill — make state readable (container, not only dot) */
-  .pill.good{
-    background: rgba(34,197,94,.14) !important;
-    border-color: rgba(34,197,94,.45) !important;
-  }
-  .pill.warn{
-    background: rgba(245,158,11,.14) !important;
-    border-color: rgba(245,158,11,.45) !important;
-  }
-  .pill.bad{
-    background: rgba(239,68,68,.14) !important;
-    border-color: rgba(239,68,68,.45) !important;
-  }
-  #trust_text{
-    color:#f8fafc !important;
-    text-shadow:0 1px 12px rgba(0,0,0,.6);
-  }
+/* ── OUTREACH STATUS ── */
+.ev-outreach {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 16px;
+    border-radius: 10px;
+    border: 1px solid var(--border);
+    background: var(--bg2);
+    font-size: 12px;
+}
+.ev-outreach-dot {
+    width: 10px; height: 10px;
+    border-radius: 50%;
+    flex-shrink: 0;
+}
 
+/* ── FULL WIDTH PANEL ── */
+.ev-full { grid-column: 1 / -1; }
+
+/* ── CAPSULE TAB ── */
+.ev-tabs {
+    display: flex;
+    gap: 4px;
+    margin-bottom: 16px;
+    background: var(--bg1);
+    border-radius: 12px;
+    padding: 4px;
+    border: 1px solid var(--border);
+    width: fit-content;
+}
+.ev-tab {
+    padding: 8px 20px;
+    border-radius: 8px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    cursor: pointer;
+    color: var(--text3) !important;
+    border: none;
+    background: transparent;
+    transition: all 0.15s;
+}
+.ev-tab.active {
+    background: var(--bg2);
+    color: var(--text) !important;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+}
+.ev-tab:hover:not(.active) {
+    color: var(--text2) !important;
+}
+
+/* ── DISCLAIMER ── */
+.ev-disclaimer {
+    margin-top: 24px;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid var(--border);
+    background: var(--bg1);
+    font-size: 11px;
+    line-height: 1.7;
+    color: var(--text3) !important;
+    text-align: center;
+}
 </style>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;600;700;800&display=swap" rel="stylesheet">
 """
 
+# =============================================================================
+# HTML
+# =============================================================================
+
+UI_HTML = """
+<!-- TOPBAR -->
+<div class="ev-topbar">
+    <div class="ev-brand">
+        <div class="ev-logo">C</div>
+        <div>
+            <div class="ev-brand-text">Crovia · Evidence Machine</div>
+            <div class="ev-brand-sub">AI Forensic Evidence Console</div>
+        </div>
+    </div>
+    <div class="ev-live">
+        <div class="ev-live-dot"></div>
+        <span>LIVE · <span id="ev-stats-models">—</span> models · chain:<span id="ev-stats-chain">—</span></span>
+    </div>
+</div>
+
+<!-- TABS -->
+<div class="ev-tabs">
+    <button class="ev-tab active" id="tab-evidence" onclick="switchTab('evidence')">Evidence Machine</button>
+    <button class="ev-tab" id="tab-capsules" onclick="switchTab('capsules')">CEP Capsules</button>
+</div>
+
+<!-- TAB: EVIDENCE MACHINE -->
+<div id="panel-evidence">
+
+<!-- COMMAND BAR -->
+<div class="ev-command">
+    <span class="ev-command-icon">⌘</span>
+    <input class="ev-command-input" id="ev-search" type="text"
+           placeholder="Enter model ID — e.g. google/gemma-3-12b-it"
+           autocomplete="off" />
+    <button class="ev-command-btn" id="ev-go">INVESTIGATE</button>
+</div>
+<div class="ev-quick" id="ev-quick-targets"></div>
 
-UI_HTML = r"""
-<div class="crovia-hero">
-  <div class="hero-top">
-    <div class="hero-logo">
-      <img src="https://huggingface.co/spaces/Crovia/cep-terminal/resolve/main/crovia-logo.png" alt="CROVIA logo"/>
+<!-- SIGNAL STRIP -->
+<div class="ev-signals" id="ev-signals">
+    <div class="ev-signal trust-unknown" id="sig-trust">
+        <div class="ev-signal-val" id="sig-trust-val">—</div>
+        <div class="ev-signal-label">Trust Level</div>
+    </div>
+    <div class="ev-signal" id="sig-strength">
+        <div class="ev-signal-val" style="color:var(--cyan)!important" id="sig-strength-val">—</div>
+        <div class="ev-signal-label">Evidence Strength</div>
     </div>
-    <div>
-      <h1 class="hero-title">CROVIA · CEP TERMINAL</h1>
-      <p class="hero-sub">
-        Public inspection of AI training evidence capsules.
-        <strong>No simulations. No assumptions.</strong> Only what exists.
-      </p>
-      <div class="hero-row">
-        <div id="pill_trust" class="pill warn"><span class="dot"></span><span id="trust_text">TRUST: —</span></div>
-        <div class="pill"><span class="dot"></span><span>DATASET: Crovia/cep-capsules</span></div>
-        <div class="pill" title="Read-only evidence inspection. No settlement, no payout claims."><span class="dot"></span><span>MODE: OPEN EVIDENCE</span></div>
-      </div>
-      <div class="mini" id="mini_line">
-        ▶ Select a <strong>CEP fingerprint</strong> to inspect real training evidence.
-      </div>
-
-      <div class="status-line" id="status_line">
-        STATUS: — awaiting capsule selection
-      </div>
-
-      <div id="cep_picker"></div>
+    <div class="ev-signal">
+        <div class="ev-signal-val" style="color:var(--violet)!important" id="sig-chain">—</div>
+        <div class="ev-signal-label">Chain Height</div>
+    </div>
+    <div class="ev-signal">
+        <div class="ev-signal-val" style="color:var(--amber)!important" id="sig-gaps">—</div>
+        <div class="ev-signal-label">NEC# Gaps</div>
+    </div>
+    <div class="ev-signal">
+        <div class="ev-signal-val" style="color:var(--blue)!important" id="sig-juris">—</div>
+        <div class="ev-signal-label">Jurisdictions</div>
     </div>
-  </div>
 </div>
 
-<div class="grid">
-  <div class="card">
-    <div class="card-h">C-LINE OUTPUT</div>
-    <div class="card-b">
-      <pre id="crovia_terminal" class="term">Loading…</pre>
-      <div class="mini" id="copy_hint">—</div>
+<!-- EVIDENCE STRENGTH METER -->
+<div class="ev-meter" id="ev-meter" style="display:none;">
+    <div class="ev-meter-val" id="meter-val" style="color:var(--red)!important">0%</div>
+    <div class="ev-meter-bar-bg">
+        <div class="ev-meter-bar" id="meter-bar" style="width:0%;background:var(--red);"></div>
     </div>
-  </div>
+    <div style="font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;">Evidence Coverage</div>
+</div>
 
-  <div class="card">
-    <div class="card-h">PRISM MAP</div>
-    <div class="card-b">
-      <svg id="constellation" viewBox="0 0 820 360" preserveAspectRatio="xMidYMid meet"></svg>
+<!-- MAIN GRID -->
+<div class="ev-grid">
+    <!-- NEC# Constellation -->
+    <div class="ev-panel">
+        <div class="ev-panel-header">
+            <div class="ev-panel-title">NEC# Constellation</div>
+            <div class="ev-panel-badge" id="nec-badge" style="background:var(--bg2);color:var(--text3);">—</div>
+        </div>
+        <div class="ev-panel-body">
+            <svg class="ev-constellation" id="ev-constellation" viewBox="0 0 600 380" preserveAspectRatio="xMidYMid meet"></svg>
+        </div>
     </div>
-  </div>
 
-  <div class="card" style="grid-column: 1 / -1;">
-    <div class="card-h">INSPECTOR</div>
-    <div class="card-b">
-      <pre id="crovia_inspector" class="term" style="min-height:240px;">—</pre>
+    <!-- NEC# Grid -->
+    <div class="ev-panel">
+        <div class="ev-panel-header">
+            <div class="ev-panel-title">NEC# Element Grid</div>
+            <div class="ev-panel-badge" id="nec-grid-badge" style="background:var(--bg2);color:var(--text3);">20 elements</div>
+        </div>
+        <div class="ev-panel-body">
+            <div class="nec-grid" id="nec-grid"></div>
+        </div>
     </div>
-  </div>
 </div>
 
-<div class="card" style="margin-top:24px;background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.3);">
-  <div class="card-h" style="color:#a78bfa;">📦 EVIDENCE SNAPSHOT GENERATOR</div>
-  <div class="card-b">
-    <p style="color:#a1a1aa;font-size:13px;margin-bottom:12px;">Generate evidence snapshot from any HuggingFace model with TPR temporal data</p>
-    <div id="tpr_targets_container" style="margin-bottom:14px;">
-      <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;">
-        <span style="color:#64748b;font-size:11px;">⚡ TPR Monitored:</span>
-        <span id="tpr_count" style="color:#a78bfa;font-size:11px;">Loading...</span>
-      </div>
-      <div id="tpr_quick_btns" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;"></div>
-      <div style="display:flex;gap:8px;align-items:center;">
-        <select id="tpr_select" style="flex:1;max-width:300px;background:#1e1b4b;border:1px solid #4c1d95;border-radius:6px;padding:8px 12px;color:#a78bfa;font-size:12px;cursor:pointer;">
-          <option value="">— Select from all targets —</option>
-        </select>
-        <button id="tpr_go_btn" style="background:#4c1d95;border:none;border-radius:6px;padding:8px 16px;color:#a78bfa;font-size:12px;cursor:pointer;">Go</button>
-      </div>
+<!-- FORENSIC REPORT + JURISDICTIONS -->
+<div class="ev-grid">
+    <div class="ev-panel">
+        <div class="ev-panel-header">
+            <div class="ev-panel-title">Forensic Report</div>
+            <div class="ev-panel-badge" style="background:rgba(34,211,238,0.1);color:var(--cyan);">LIVE</div>
+        </div>
+        <div class="ev-panel-body">
+            <pre class="ev-report" id="ev-report">Select a model to generate forensic evidence report.</pre>
+        </div>
     </div>
-    <div style="display:flex;gap:12px;margin-bottom:16px;">
-      <input type="text" id="gen_input" placeholder="meta-llama/Llama-3.1-8B" style="flex:1;background:#0d1117;border:1px solid rgba(139,92,246,0.4);border-radius:8px;padding:12px 16px;color:#f8fafc;font-size:14px;outline:none;"/>
-      <button id="gen_btn" style="background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;">🔨 Generate</button>
+
+    <div class="ev-panel">
+        <div class="ev-panel-header">
+            <div class="ev-panel-title">Jurisdictions & Outreach</div>
+        </div>
+        <div class="ev-panel-body">
+            <div style="margin-bottom:12px;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:var(--text3)!important;">Applicable Jurisdictions</div>
+            <div class="ev-juris" id="ev-juris">
+                <span style="color:var(--text3);font-size:12px;">—</span>
+            </div>
+            <div style="margin:16px 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:var(--text3)!important;">Outreach Status</div>
+            <div class="ev-outreach" id="ev-outreach">
+                <div class="ev-outreach-dot" style="background:var(--text3);"></div>
+                <span style="color:var(--text3)!important;">Select a model to see outreach status</span>
+            </div>
+            <div style="margin:16px 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:var(--text3)!important;">Peer Context</div>
+            <div id="ev-peer" style="font-size:12px;color:var(--text3)!important;">—</div>
+        </div>
     </div>
-    <pre id="gen_output" class="term" style="min-height:200px;max-height:400px;overflow:auto;font-size:12px;">Enter a HuggingFace model ID and click Generate</pre>
-    <div style="display:flex;gap:12px;margin-top:16px;">
-      <button id="dl_btn" style="background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 20px;color:#94a3b8;font-weight:500;cursor:pointer;" disabled>💾 Download JSON</button>
-      <button id="inspect_btn" style="background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 20px;color:#94a3b8;font-weight:500;cursor:pointer;" disabled>🔍 Inspect</button>
-      <button id="diff_btn" style="background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 20px;color:#94a3b8;font-weight:500;cursor:pointer;" disabled>⚖️ Diff Against Reality</button>
+</div>
+
+<!-- CITATION ENGINE -->
+<div class="ev-panel ev-full" style="margin-bottom:16px;">
+    <div class="ev-panel-header">
+        <div class="ev-panel-title">Citation Engine</div>
+        <div class="ev-panel-badge" style="background:rgba(34,211,238,0.1);color:var(--cyan);">LEGAL-GRADE</div>
+    </div>
+    <div class="ev-panel-body">
+        <div class="ev-citation" id="ev-citation-box">
+            <div class="ev-citation-text" id="ev-citation">Select a model to generate a citation-ready evidence statement.</div>
+            <button class="ev-citation-copy" id="ev-citation-copy" onclick="copyCitation()">COPY</button>
+        </div>
+    </div>
+</div>
+
+</div><!-- end panel-evidence -->
+
+<!-- TAB: CEP CAPSULES (backward compat) -->
+<div id="panel-capsules" style="display:none;">
+    <div class="ev-command">
+        <span class="ev-command-icon">📦</span>
+        <select class="ev-command-input" id="capsule-select" style="padding-left:52px;cursor:pointer;"></select>
+    </div>
+    <div class="ev-panel" style="margin-top:16px;">
+        <div class="ev-panel-header">
+            <div class="ev-panel-title">Capsule Inspector</div>
+        </div>
+        <div class="ev-panel-body">
+            <pre class="ev-report" id="capsule-report" style="min-height:300px;">Select a capsule to inspect.</pre>
+        </div>
     </div>
-    <pre id="diff_output" class="term" style="min-height:100px;max-height:300px;overflow:auto;font-size:11px;margin-top:16px;display:none;background:#0f172a;border:1px solid #334155;"></pre>
-  </div>
+</div>
+
+<!-- DISCLAIMER -->
+<div class="ev-disclaimer">
+    CROVIA EVIDENCE MACHINE · Observation, not judgment. All data derived from publicly observable artifacts.
+    No model audit. No legal claim. Presence/absence only. Cryptographic commitments anchor observations immutably.
+    <br>Source: <a href="https://registry.croviatrust.com" target="_blank" style="color:var(--cyan);">registry.croviatrust.com</a>
+    · <a href="https://huggingface.co/datasets/Crovia/cep-capsules" target="_blank" style="color:var(--cyan);">Crovia/cep-capsules</a>
 </div>
 """
 
+# =============================================================================
+# JAVASCRIPT
+# =============================================================================
 
 JS = r"""
 () => {
-  const $ = (q) => document.querySelector(q);
-
-  function setPill(level){
-    const pill = $("#pill_trust");
-    if(!pill) return;
-    pill.classList.remove("good","warn","bad");
-    if(level==="GREEN") pill.classList.add("good");
-    else if(level==="YELLOW") pill.classList.add("warn");
-    else pill.classList.add("bad");
-  }
-
-  function drawConstellation(payload){
-    const svg = $("#constellation");
-    if(!svg) return;
-    while(svg.firstChild) svg.removeChild(svg.firstChild);
-
-    const W = 820, H = 360;
-    const cx = W/2, cy = H/2 + 6;
-    const r = 130;
-
-    const nodes = (payload.nodes || []).slice(0, 28);
-    const anchors = new Set(["receipts","payouts","signature","hashchain"]);
-    const sigOn = !!payload.signature_present;
-    const hcOn  = !!payload.hashchain_present;
-
-    function colorOf(name){
-      if(name==="signature") return sigOn ? "#22c55e" : "rgba(255,255,255,.35)";
-      if(name==="hashchain") return hcOn  ? "#22c55e" : "rgba(255,255,255,.35)";
-      if(name==="receipts" || name==="payouts") return "#38bdf8";
-      return anchors.has(name) ? "#38bdf8" : "rgba(231,234,241,.72)";
+    const $ = q => document.querySelector(q);
+    const $$ = q => document.querySelectorAll(q);
+
+    // --- Tab switching ---
+    window.switchTab = function(tab) {
+        document.querySelectorAll('.ev-tab').forEach(t => t.classList.remove('active'));
+        document.querySelector('#tab-' + tab).classList.add('active');
+        document.querySelector('#panel-evidence').style.display = tab === 'evidence' ? 'block' : 'none';
+        document.querySelector('#panel-capsules').style.display = tab === 'capsules' ? 'block' : 'none';
+    };
+
+    // --- Copy citation ---
+    window.copyCitation = function() {
+        const text = $('#ev-citation').textContent;
+        navigator.clipboard.writeText(text).then(() => {
+            const btn = $('#ev-citation-copy');
+            btn.textContent = 'COPIED ✓';
+            setTimeout(() => btn.textContent = 'COPY', 2000);
+        });
+    };
+
+    // --- Draw NEC# Constellation ---
+    function drawConstellation(obs) {
+        const svg = $('#ev-constellation');
+        if (!svg) return;
+        while (svg.firstChild) svg.removeChild(svg.firstChild);
+
+        const W = 600, H = 380;
+        const cx = W / 2, cy = H / 2;
+        const R = 140;
+
+        // Background glow
+        const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+        const rg = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient");
+        rg.id = "cg"; rg.setAttribute("cx","50%"); rg.setAttribute("cy","50%"); rg.setAttribute("r","50%");
+        const s1 = document.createElementNS("http://www.w3.org/2000/svg","stop");
+        s1.setAttribute("offset","0%"); s1.setAttribute("stop-color","rgba(34,211,238,0.08)");
+        const s2 = document.createElementNS("http://www.w3.org/2000/svg","stop");
+        s2.setAttribute("offset","100%"); s2.setAttribute("stop-color","transparent");
+        rg.appendChild(s1); rg.appendChild(s2); defs.appendChild(rg);
+        svg.appendChild(defs);
+
+        const bgc = document.createElementNS("http://www.w3.org/2000/svg","circle");
+        bgc.setAttribute("cx",cx); bgc.setAttribute("cy",cy); bgc.setAttribute("r", R + 30);
+        bgc.setAttribute("fill","url(#cg)"); svg.appendChild(bgc);
+
+        // Center node
+        const cc = document.createElementNS("http://www.w3.org/2000/svg","circle");
+        cc.setAttribute("cx",cx); cc.setAttribute("cy",cy); cc.setAttribute("r",16);
+        cc.setAttribute("fill","#22d3ee"); cc.setAttribute("opacity","0.9");
+        svg.appendChild(cc);
+        const ct = document.createElementNS("http://www.w3.org/2000/svg","text");
+        ct.setAttribute("x",cx); ct.setAttribute("y",cy+4);
+        ct.setAttribute("text-anchor","middle"); ct.setAttribute("fill","#030712");
+        ct.setAttribute("font-size","9"); ct.setAttribute("font-weight","800");
+        ct.textContent = "MODEL"; svg.appendChild(ct);
+
+        if (!obs || !obs.length) {
+            const nt = document.createElementNS("http://www.w3.org/2000/svg","text");
+            nt.setAttribute("x",cx); nt.setAttribute("y",cy+45);
+            nt.setAttribute("text-anchor","middle"); nt.setAttribute("fill","#9ca3af");
+            nt.setAttribute("font-size","12");
+            nt.textContent = "Select a model to illuminate the constellation";
+            svg.appendChild(nt);
+            return;
+        }
+
+        const n = obs.length;
+        obs.forEach((o, i) => {
+            const angle = (Math.PI * 2 * i / n) - Math.PI / 2;
+            const x = cx + R * Math.cos(angle);
+            const y = cy + R * Math.sin(angle);
+
+            // Connection line
+            const line = document.createElementNS("http://www.w3.org/2000/svg","line");
+            line.setAttribute("x1",cx); line.setAttribute("y1",cy);
+            line.setAttribute("x2",x); line.setAttribute("y2",y);
+            line.setAttribute("stroke", o.present ? "rgba(34,197,94,0.25)" : "rgba(239,68,68,0.25)");
+            line.setAttribute("stroke-width", o.severity === "CRITICAL" && !o.present ? "2" : "1");
+            svg.appendChild(line);
+
+            // Node
+            const r = o.severity === "CRITICAL" && !o.present ? 14 : 10;
+            const nc = document.createElementNS("http://www.w3.org/2000/svg","circle");
+            nc.setAttribute("cx",x); nc.setAttribute("cy",y); nc.setAttribute("r",r);
+            if (o.present) {
+                nc.setAttribute("fill","rgba(34,197,94,0.2)");
+                nc.setAttribute("stroke","#22c55e"); nc.setAttribute("stroke-width","2");
+            } else if (o.severity === "CRITICAL") {
+                nc.setAttribute("fill","rgba(239,68,68,0.2)");
+                nc.setAttribute("stroke","#ef4444"); nc.setAttribute("stroke-width","2");
+            } else {
+                nc.setAttribute("fill","rgba(245,158,11,0.15)");
+                nc.setAttribute("stroke","#f59e0b"); nc.setAttribute("stroke-width","1.5");
+            }
+            svg.appendChild(nc);
+
+            // Label
+            const lt = document.createElementNS("http://www.w3.org/2000/svg","text");
+            lt.setAttribute("x",x); lt.setAttribute("y", y + (y < cy ? -r-6 : r+14));
+            lt.setAttribute("text-anchor","middle");
+            lt.setAttribute("fill", o.present ? "#22c55e" : o.severity==="CRITICAL" ? "#ef4444" : "#f59e0b");
+            lt.setAttribute("font-size","9"); lt.setAttribute("font-weight","700");
+            lt.setAttribute("font-family","JetBrains Mono, monospace");
+            lt.textContent = o.nec_id;
+            svg.appendChild(lt);
+        });
     }
 
-    const bg = document.createElementNS("http://www.w3.org/2000/svg","circle");
-    bg.setAttribute("cx", cx); bg.setAttribute("cy", cy);
-    bg.setAttribute("r", 150);
-    bg.setAttribute("fill", "rgba(56,189,248,.06)");
-    svg.appendChild(bg);
-
-    nodes.forEach((name, i) => {
-      const a = (Math.PI * 2) * (i / Math.max(1, nodes.length));
-      const x = cx + r * Math.cos(a);
-      const y = cy + r * Math.sin(a);
-
-      const line = document.createElementNS("http://www.w3.org/2000/svg","line");
-      line.setAttribute("x1", cx); line.setAttribute("y1", cy);
-      line.setAttribute("x2", x);  line.setAttribute("y2", y);
-      line.setAttribute("stroke", "rgba(255,255,255,.16)");
-      line.setAttribute("stroke-width", "1");
-      svg.appendChild(line);
-    });
-
-    const center = document.createElementNS("http://www.w3.org/2000/svg","circle");
-    center.setAttribute("cx", cx); center.setAttribute("cy", cy);
-    center.setAttribute("r", 10);
-    center.setAttribute("fill", "#38bdf8");
-    svg.appendChild(center);
-
-    const ctext = document.createElementNS("http://www.w3.org/2000/svg","text");
-    ctext.setAttribute("x", cx);
-    ctext.setAttribute("y", cy + 28);
-    ctext.setAttribute("text-anchor", "middle");
-    ctext.setAttribute("fill", "rgba(231,234,241,.92)");
-    ctext.setAttribute("font-size", "12");
-    ctext.textContent = payload.cep_id || "CEP";
-    svg.appendChild(ctext);
-
-    nodes.forEach((name, i) => {
-      const a = (Math.PI * 2) * (i / Math.max(1, nodes.length));
-      const x = cx + r * Math.cos(a);
-      const y = cy + r * Math.sin(a);
-
-      const dot = document.createElementNS("http://www.w3.org/2000/svg","circle");
-      dot.setAttribute("cx", x); dot.setAttribute("cy", y);
-      dot.setAttribute("r", anchors.has(name) ? 7 : 5);
-      dot.setAttribute("fill", colorOf(name));
-      svg.appendChild(dot);
-
-      const t = document.createElementNS("http://www.w3.org/2000/svg","text");
-      t.setAttribute("x", x);
-      t.setAttribute("y", y - 10);
-      t.setAttribute("text-anchor", "middle");
-      t.setAttribute("fill", "rgba(231,234,241,.78)");
-      t.setAttribute("font-size", "11");
-      t.textContent = name;
-      svg.appendChild(t);
-    });
-  }
-
-  function updateUI(payload){
-    if(!payload || payload.error){
-      $("#crovia_terminal").textContent =
-        "CROVIA // PRISM CONSOLE v1\n\n[ERROR]\n" + (payload?.detail || payload?.error || "unknown");
-      $("#crovia_inspector").textContent = "—";
-      $("#trust_text").textContent = "TRUST: ERROR";
-      setPill("RED");
-      drawConstellation({
-        cep_id: payload?.cep_id || "CEP",
-        nodes:["receipts","payouts","signature","hashchain"],
-        signature_present:false,
-        hashchain_present:false
-      });
-      return;
+    // --- Build NEC# Grid ---
+    function buildNecGrid(obs) {
+        const grid = $('#nec-grid');
+        if (!grid) return;
+        grid.innerHTML = '';
+        if (!obs || !obs.length) {
+            grid.innerHTML = '<div style="grid-column:1/-1;text-align:center;color:#9ca3af;font-size:12px;padding:40px;">Select a model</div>';
+            return;
+        }
+        obs.forEach(o => {
+            const cls = o.present ? 'present' : (o.severity === 'CRITICAL' ? 'critical' : 'absent');
+            const cell = document.createElement('div');
+            cell.className = 'nec-cell ' + cls;
+            cell.title = o.name + ' | ' + o.severity + ' | ' + o.jurisdictions + ' jurisdictions';
+            cell.innerHTML = '<div class="nec-id">' + o.nec_id + '</div>' +
+                '<div class="nec-status">' + (o.present ? '✓' : '✗') + '</div>' +
+                '<div class="nec-severity">' + o.severity + '</div>';
+            grid.appendChild(cell);
+        });
     }
 
-    $("#crovia_terminal").textContent = payload.terminal || "—";
-    $("#crovia_inspector").textContent = payload.inspector || "—";
+    // --- Build Forensic Report ---
+    function buildReport(p) {
+        const lines = [];
+        lines.push('CROVIA EVIDENCE MACHINE — FORENSIC REPORT');
+        lines.push('═══════════════════════════════════════════');
+        lines.push('');
+        lines.push('TARGET:      ' + p.model_id);
+        lines.push('ORG:         ' + p.org);
+        lines.push('TIMESTAMP:   ' + p.timestamp);
+        lines.push('TPA-ID:      ' + (p.tpa_id || 'N/A'));
+        lines.push('CHAIN:       ' + p.chain_height);
+        lines.push('');
+        lines.push('TRUST LEVEL: ' + p.trust_level);
+        lines.push('EVIDENCE:    ' + p.strength.present + '/' + p.strength.total + ' NEC# present');
+        lines.push('GAPS:        ' + p.strength.absent + ' (' + p.strength.critical_gaps + ' critical)');
+        lines.push('STRENGTH:    ' + p.strength.score + '%');
+        lines.push('');
+        lines.push('─── NEC# OBSERVATIONS ───');
+        (p.observations || []).forEach(o => {
+            const icon = o.present ? '✓' : '✗';
+            const sev = o.present ? '' : ' [' + o.severity + ']';
+            lines.push(icon + ' ' + o.nec_id.padEnd(7) + o.name.substring(0,50) + sev);
+        });
+        lines.push('');
+        lines.push('─── CRYPTOGRAPHIC ANCHORS ───');
+        (p.observations || []).filter(o => o.commitment_x).slice(0,5).forEach(o => {
+            lines.push(o.nec_id + ' Cx: ' + o.commitment_x.substring(0,24) + '...');
+            lines.push('       Cy: ' + o.commitment_y.substring(0,24) + '...');
+        });
+        if (p.observations && p.observations.length > 5) {
+            lines.push('... + ' + (p.observations.length - 5) + ' more Pedersen commitments');
+        }
+        lines.push('');
+        if (p.lineage) {
+            lines.push('─── LINEAGE DATA ───');
+            lines.push('Compliance Score: ' + p.lineage.compliance_score);
+            lines.push('Severity:         ' + p.lineage.severity);
+            lines.push('NEC Absent:       ' + p.lineage.nec_absent);
+            lines.push('');
+        }
+        lines.push('─── DISCLAIMER ───');
+        lines.push('Observation, not judgment. All data from public artifacts.');
+        return lines.join('\n');
+    }
 
-    const level = payload.trust_level || "YELLOW";
-    $("#trust_text").textContent = "TRUST: " + level;
-    setPill(level);
+    // --- Update UI from payload ---
+    function updateUI(p) {
+        if (!p || p.error) {
+            $('#ev-report').textContent = 'Error: ' + (p ? p.error : 'unknown');
+            return;
+        }
 
-    $("#mini_line").textContent = payload.trust_reason || "Select a CEP fingerprint to light up the Prism.";
-    drawConstellation(payload);
-  }
+        // Signals
+        const trustEl = $('#sig-trust');
+        trustEl.className = 'ev-signal trust-' + p.trust_level.toLowerCase();
+        $('#sig-trust-val').textContent = p.trust_level;
+        $('#sig-strength-val').textContent = p.strength.score + '%';
+        $('#sig-chain').textContent = p.chain_height.toLocaleString();
+        $('#sig-gaps').textContent = p.strength.absent + '/' + p.strength.total;
+        $('#sig-juris').textContent = p.jurisdictions.length;
+
+        // Meter
+        const meter = $('#ev-meter');
+        meter.style.display = 'flex';
+        $('#meter-val').textContent = p.strength.score + '%';
+        const barColor = p.strength.score >= 60 ? '#22c55e' : p.strength.score >= 30 ? '#f59e0b' : '#ef4444';
+        $('#meter-bar').style.width = p.strength.score + '%';
+        $('#meter-bar').style.background = barColor;
+        $('#meter-val').style.color = barColor + '!important';
+
+        // NEC badge
+        $('#nec-badge').textContent = p.strength.present + '/' + p.strength.total + ' present';
+        $('#nec-badge').style.background = p.trust_level === 'GREEN' ? 'rgba(34,197,94,0.15)' : 'rgba(239,68,68,0.15)';
+        $('#nec-badge').style.color = p.trust_level === 'GREEN' ? '#22c55e' : '#ef4444';
+
+        // Constellation + Grid
+        drawConstellation(p.observations);
+        buildNecGrid(p.observations);
+
+        // Report
+        $('#ev-report').textContent = buildReport(p);
+
+        // Jurisdictions
+        const jurisEl = $('#ev-juris');
+        jurisEl.innerHTML = '';
+        (p.jurisdictions || []).forEach(j => {
+            const tag = document.createElement('span');
+            tag.className = 'ev-juris-tag';
+            tag.textContent = j;
+            jurisEl.appendChild(tag);
+        });
+        if (!p.jurisdictions || !p.jurisdictions.length) {
+            jurisEl.innerHTML = '<span style="color:#9ca3af;font-size:12px;">No jurisdictions identified</span>';
+        }
 
-  function attachPayloadWatcher(){
-    const root = document.querySelector("#crovia_payload");
-    if(!root) return false;
+        // Outreach
+        const outEl = $('#ev-outreach');
+        if (p.outreach) {
+            const contacted = p.outreach.contacted;
+            const responded = p.outreach.response;
+            const color = responded ? '#22c55e' : contacted ? '#f59e0b' : '#ef4444';
+            const text = responded ? 'Contacted · Response received' :
+                         contacted ? 'Contacted · Awaiting response' : 'Not yet contacted';
+            outEl.innerHTML = '<div class="ev-outreach-dot" style="background:' + color + ';box-shadow:0 0 8px ' + color + '44;"></div>' +
+                '<span style="color:' + color + '!important;">' + text + '</span>';
+        } else {
+            outEl.innerHTML = '<div class="ev-outreach-dot" style="background:#6b7280;"></div>' +
+                '<span style="color:#9ca3af!important;">No outreach data for this organization</span>';
+        }
 
-    const input = root.querySelector("textarea, input");
-    if(!input) return false;
+        // Peer context
+        const peerEl = $('#ev-peer');
+        if (p.peer) {
+            peerEl.innerHTML =
+                '<div style="margin-bottom:6px;"><span style="color:var(--text2);">Industry avg:</span> <strong style="color:var(--cyan);">' + p.peer.industry_avg + '%</strong> <span style="color:var(--text3);">(' + p.peer.total_models + ' models)</span></div>' +
+                '<div><span style="color:var(--text2);">Org avg (' + p.peer.org_models + ' models):</span> <strong style="color:var(--violet);">' + p.peer.org_avg + '%</strong></div>';
+        }
 
-    let last = "";
-    const tick = () => {
-      const val = input.value || "";
-      if(val && val !== last){
-        last = val;
-        try{ updateUI(JSON.parse(val)); }catch(e){}
-      }
-    };
+        // Citation
+        $('#ev-citation').textContent = p.citation;
+    }
 
-    input.addEventListener("input", tick);
-    setInterval(tick, 250);
-    return true;
-  }
-
-  // Build a REAL HTML <select> inside #cep_picker (no Gradio DOM move)
-  function mountCepSelect(){
-    const host = $("#cep_picker");
-    if(!host) return false;
-
-    // already mounted
-    if(host.querySelector("#cep_select")) return true;
-
-    const capsRoot = document.querySelector("#capsules_json");
-    const capsInput = capsRoot ? capsRoot.querySelector("textarea, input") : null;
-    if(!capsInput) return false;
-
-    let caps = [];
-    try{ caps = JSON.parse(capsInput.value || "[]"); }catch(e){ caps = []; }
-
-    const cepRoot = document.querySelector("#cep_in");
-    const cepInput = cepRoot ? cepRoot.querySelector("textarea, input") : null;
-    if(!cepInput) return false;
-
-    const sel = document.createElement("select");
-    sel.id = "cep_select";
-
-    caps.forEach((c) => {
-      const opt = document.createElement("option");
-      opt.value = c;
-      opt.textContent = c;
-      sel.appendChild(opt);
-    });
-
-    if(cepInput.value){
-      sel.value = cepInput.value;
-    }else if(caps.length){
-      sel.value = caps[0];
-      cepInput.value = caps[0];
-      cepInput.dispatchEvent(new Event("input", { bubbles:true }));
+    // --- Payload watcher ---
+    function attachWatcher() {
+        const root = document.querySelector('#ev_payload');
+        if (!root) return false;
+        const input = root.querySelector('textarea, input');
+        if (!input) return false;
+        let last = '';
+        const tick = () => {
+            const val = input.value || '';
+            if (val && val !== last) {
+                last = val;
+                try { updateUI(JSON.parse(val)); } catch(e) {}
+            }
+        };
+        input.addEventListener('input', tick);
+        setInterval(tick, 200);
+        return true;
     }
 
-    sel.addEventListener("change", () => {
-      cepInput.value = sel.value;
-      // Trigger Gradio
-      cepInput.dispatchEvent(new Event("input", { bubbles:true }));
-      cepInput.dispatchEvent(new Event("change", { bubbles:true }));
-    });
-
-    host.appendChild(sel);
-    return true;
-  }
-
-  function mountGenerator(){
-    const btn = $("#gen_btn");
-    const inp = $("#gen_input");
-    const out = $("#gen_output");
-    const dlBtn = $("#dl_btn");
-    const inspBtn = $("#inspect_btn");
-    const diffBtn = $("#diff_btn");
-    const diffOut = $("#diff_output");
-    if(!btn || !inp || !out) return false;
-    if(btn.dataset.mounted) return true;
-    btn.dataset.mounted = "1";
-    
-    const genRoot = document.querySelector("#gen_model_in");
-    const genInput = genRoot ? genRoot.querySelector("textarea, input") : null;
-    if(!genInput) return false;
-    
-    const resRoot = document.querySelector("#gen_result");
-    const resInput = resRoot ? resRoot.querySelector("textarea, input") : null;
-    if(!resInput) return false;
-    
-    const diffRoot = document.querySelector("#diff_result");
-    const diffInput = diffRoot ? diffRoot.querySelector("textarea, input") : null;
-    
-    let currentCep = null;
-    let currentModel = "";
-    
-    const enableButtons = (enable) => {
-      if(dlBtn) dlBtn.disabled = !enable;
-      if(inspBtn) inspBtn.disabled = !enable;
-      if(diffBtn) diffBtn.disabled = !enable;
-      if(enable){
-        dlBtn.style.color = "#a78bfa";
-        dlBtn.style.borderColor = "#6366f1";
-        inspBtn.style.color = "#a78bfa";
-        inspBtn.style.borderColor = "#6366f1";
-        diffBtn.style.color = "#a78bfa";
-        diffBtn.style.borderColor = "#6366f1";
-      }
-    };
-    
-    const doGen = () => {
-      const model = inp.value.trim();
-      if(!model){ out.textContent = '{"error": "Model ID required"}'; return; }
-      out.textContent = 'Generating CEP for ' + model + '...';
-      btn.disabled = true;
-      btn.textContent = '⏳ Generating...';
-      enableButtons(false);
-      currentModel = model;
-      genInput.value = model;
-      genInput.dispatchEvent(new Event("input", {bubbles:true}));
-    };
-    
-    btn.addEventListener("click", doGen);
-    inp.addEventListener("keydown", (e) => { if(e.key==="Enter") doGen(); });
-    
-    // TASK 5: Download JSON
-    if(dlBtn){
-      dlBtn.addEventListener("click", () => {
-        if(!currentCep) return;
-        const blob = new Blob([currentCep], {type: "application/json"});
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = "CEP-" + currentModel.replace(/\//g, "_") + "-" + new Date().toISOString().slice(0,10) + ".json";
-        a.click();
-        URL.revokeObjectURL(url);
-      });
+    // --- Stats watcher ---
+    function attachStatsWatcher() {
+        const root = document.querySelector('#ev_stats');
+        if (!root) return false;
+        const input = root.querySelector('textarea, input');
+        if (!input || !input.value) return false;
+        try {
+            const s = JSON.parse(input.value);
+            $('#ev-stats-models').textContent = s.models;
+            $('#ev-stats-chain').textContent = s.chain_height.toLocaleString();
+        } catch(e) {}
+        return true;
     }
-    
-    // TASK 6: Inspect - scroll to inspector
-    if(inspBtn){
-      inspBtn.addEventListener("click", () => {
-        const inspector = $("#crovia_inspector");
-        if(inspector && currentCep){
-          try{
-            const parsed = JSON.parse(currentCep);
-            const ev = parsed.crovia_evidence || parsed;
-            inspector.textContent = "=== GENERATED CEP INSPECTION ===\\n\\n" + JSON.stringify(ev, null, 2);
-            inspector.scrollIntoView({behavior: "smooth"});
-          }catch(e){}
-        }
-      });
+
+    // --- Targets watcher ---
+    function attachTargetsWatcher() {
+        const root = document.querySelector('#ev_targets');
+        if (!root) return false;
+        const input = root.querySelector('textarea, input');
+        if (!input || !input.value) return false;
+        try {
+            const targets = JSON.parse(input.value);
+            const quick = $('#ev-quick-targets');
+            if (!quick || quick.children.length > 0) return true;
+            targets.slice(0, 8).forEach(t => {
+                const btn = document.createElement('button');
+                btn.className = 'ev-quick-btn';
+                btn.textContent = t.id.split('/').pop().substring(0,16) + ' (' + t.gaps + ' gaps)';
+                btn.title = t.id;
+                btn.addEventListener('click', () => {
+                    $('#ev-search').value = t.id;
+                    triggerSearch(t.id);
+                });
+                quick.appendChild(btn);
+            });
+        } catch(e) {}
+        return true;
     }
-    
-    // TASK 6: Diff Against Reality
-    if(diffBtn && diffOut){
-      diffBtn.addEventListener("click", () => {
-        if(!currentCep || !currentModel) return;
-        diffOut.style.display = "block";
-        diffOut.textContent = "Computing diff against reality for " + currentModel + "...";
-        // Trigger backend diff
-        const diffInRoot = document.querySelector("#diff_model_in");
-        const diffInInput = diffInRoot ? diffInRoot.querySelector("textarea, input") : null;
-        if(diffInInput){
-          diffInInput.value = currentModel + "|||" + currentCep;
-          diffInInput.dispatchEvent(new Event("input", {bubbles:true}));
-        }
-      });
+
+    // --- Connect command bar to Gradio ---
+    function attachCommandBar() {
+        const searchRoot = document.querySelector('#ev_search_in');
+        if (!searchRoot) return false;
+        const searchInput = searchRoot.querySelector('textarea, input');
+        if (!searchInput) return false;
+
+        window.triggerSearch = function(val) {
+            searchInput.value = val;
+            searchInput.dispatchEvent(new Event('input', {bubbles:true}));
+            searchInput.dispatchEvent(new Event('change', {bubbles:true}));
+        };
+
+        $('#ev-go').addEventListener('click', () => {
+            const val = $('#ev-search').value.trim();
+            if (val) triggerSearch(val);
+        });
+        $('#ev-search').addEventListener('keydown', e => {
+            if (e.key === 'Enter') {
+                const val = $('#ev-search').value.trim();
+                if (val) triggerSearch(val);
+            }
+        });
+        return true;
     }
-    
-    let lastRes = "";
-    setInterval(() => {
-      const val = resInput.value || "";
-      if(val && val !== lastRes){
-        lastRes = val;
-        out.textContent = val;
-        btn.disabled = false;
-        btn.textContent = '🔨 Generate';
-        try{
-          JSON.parse(val);
-          currentCep = val;
-          enableButtons(true);
-        }catch(e){
-          currentCep = null;
-          enableButtons(false);
+
+    // --- Capsule tab ---
+    function attachCapsuleTab() {
+        const capsRoot = document.querySelector('#ev_capsules_json');
+        if (!capsRoot) return false;
+        const capsInput = capsRoot.querySelector('textarea, input');
+        if (!capsInput || !capsInput.value) return false;
+
+        const sel = $('#capsule-select');
+        if (!sel || sel.children.length > 0) return true;
+
+        try {
+            const caps = JSON.parse(capsInput.value);
+            caps.forEach(c => {
+                const opt = document.createElement('option');
+                opt.value = c; opt.textContent = c;
+                sel.appendChild(opt);
+            });
+        } catch(e) {}
+
+        // Connect select to Gradio
+        const cepRoot = document.querySelector('#ev_capsule_in');
+        const cepInput = cepRoot ? cepRoot.querySelector('textarea, input') : null;
+        if (!cepInput) return false;
+
+        sel.addEventListener('change', () => {
+            cepInput.value = sel.value;
+            cepInput.dispatchEvent(new Event('input', {bubbles:true}));
+        });
+
+        // Watch capsule result
+        const resRoot = document.querySelector('#ev_capsule_result');
+        const resInput = resRoot ? resRoot.querySelector('textarea, input') : null;
+        if (!resInput) return false;
+
+        let lastCap = '';
+        setInterval(() => {
+            const val = resInput.value || '';
+            if (val && val !== lastCap) {
+                lastCap = val;
+                try {
+                    const data = JSON.parse(val);
+                    if (data.error) {
+                        $('#capsule-report').textContent = 'Error: ' + data.error;
+                    } else {
+                        const lines = [];
+                        lines.push('CROVIA · CEP CAPSULE INSPECTOR');
+                        lines.push('════════════════════════════════');
+                        lines.push('');
+                        lines.push('CEP-ID:       ' + data.cep_id);
+                        lines.push('Schema:       ' + data.schema);
+                        lines.push('Model:        ' + data.model_id);
+                        lines.push('Evidence:     ' + data.evidence_nodes + ' nodes');
+                        lines.push('Signature:    ' + (data.signature ? 'PRESENT ✓' : 'MISSING ✗'));
+                        lines.push('Hashchain:    ' + (data.hashchain ? 'sha256:' + data.hashchain_short + '...' : 'MISSING ✗'));
+                        lines.push('Capsule SHA:  ' + data.capsule_sha256);
+                        lines.push('');
+                        lines.push('Evidence keys: ' + (data.evidence_keys || []).join(', '));
+                        $('#capsule-report').textContent = lines.join('\n');
+                    }
+                } catch(e) {}
+            }
+        }, 200);
+
+        return true;
+    }
+
+    // --- URL params ---
+    function checkUrlParam() {
+        const params = new URLSearchParams(window.location.search);
+        const model = params.get('model');
+        if (model) {
+            $('#ev-search').value = model;
+            setTimeout(() => {
+                if (window.triggerSearch) triggerSearch(model);
+            }, 500);
         }
-      }
-      // Watch diff result
-      if(diffInput && diffOut){
-        const dval = diffInput.value || "";
-        if(dval && diffOut.textContent.includes("Computing diff")){
-          diffOut.textContent = dval;
+    }
+
+    // --- Boot ---
+    drawConstellation([]);
+    buildNecGrid([]);
+
+    const boot = setInterval(() => {
+        const ok1 = attachWatcher();
+        const ok2 = attachStatsWatcher();
+        const ok3 = attachTargetsWatcher();
+        const ok4 = attachCommandBar();
+        const ok5 = attachCapsuleTab();
+        if (ok1 && ok2 && ok3 && ok4 && ok5) {
+            clearInterval(boot);
+            checkUrlParam();
         }
-      }
     }, 200);
-    
-    return true;
-  }
-
-  function mountTprButtons(){
-    const container = $("#tpr_targets_container");
-    const quickBtns = $("#tpr_quick_btns");
-    const countEl = $("#tpr_count");
-    const selectEl = $("#tpr_select");
-    const goBtn = $("#tpr_go_btn");
-    const inp = $("#gen_input");
-    const genBtn = $("#gen_btn");
-    if(!container || !quickBtns || !selectEl || !inp || !genBtn) return false;
-    if(container.dataset.mounted) return true;
-    
-    const tprRoot = document.querySelector("#tpr_targets_json");
-    const tprInput = tprRoot ? tprRoot.querySelector("textarea, input") : null;
-    if(!tprInput || !tprInput.value) return false;
-    
-    let targets = [];
-    try { targets = JSON.parse(tprInput.value); } catch(e) { return false; }
-    if(!targets.length) return false;
-    
-    container.dataset.mounted = "1";
-    
-    // Sort by days_monitored descending
-    targets.sort((a,b) => (b.days_monitored || 0) - (a.days_monitored || 0));
-    
-    // Update count
-    if(countEl) countEl.textContent = targets.length + " targets live";
-    
-    const icons = {"model":"🤖","dataset":"📊","repo":"📦"};
-    
-    // Top 6 quick buttons
-    const topTargets = targets.slice(0, 6);
-    topTargets.forEach(t => {
-      const btn = document.createElement("button");
-      btn.className = "tpr-btn";
-      btn.style.cssText = "background:#1e1b4b;border:1px solid #4c1d95;border-radius:6px;padding:5px 10px;color:#a78bfa;font-size:11px;cursor:pointer;";
-      const icon = icons[t.tipo_target] || "📌";
-      const name = t.target_id.split("/").pop().slice(0,12);
-      btn.textContent = icon + " " + name;
-      btn.title = t.target_id + " (" + Math.round(t.days_monitored) + "d)";
-      btn.addEventListener("click", () => {
-        inp.value = t.target_id;
-        genBtn.click();
-      });
-      quickBtns.appendChild(btn);
-    });
-    
-    // Populate dropdown with all targets
-    targets.forEach(t => {
-      const opt = document.createElement("option");
-      opt.value = t.target_id;
-      const icon = icons[t.tipo_target] || "📌";
-      opt.textContent = icon + " " + t.target_id + " (" + Math.round(t.days_monitored) + "d)";
-      selectEl.appendChild(opt);
-    });
-    
-    // Go button handler
-    if(goBtn){
-      goBtn.addEventListener("click", () => {
-        if(selectEl.value){
-          inp.value = selectEl.value;
-          genBtn.click();
-        }
-      });
-    }
-    
-    // Double-click on select also triggers
-    selectEl.addEventListener("dblclick", () => {
-      if(selectEl.value){
-        inp.value = selectEl.value;
-        genBtn.click();
-      }
-    });
-    
-    return true;
-  }
-  
-  function checkUrlParam(){
-    const params = new URLSearchParams(window.location.search);
-    const model = params.get("model");
-    if(model){
-      const inp = $("#gen_input");
-      const genBtn = $("#gen_btn");
-      if(inp && genBtn){
-        inp.value = model;
-        setTimeout(() => genBtn.click(), 500);
-      }
-    }
-  }
-
-  const boot = setInterval(() => {
-    const ok1 = mountCepSelect();
-    const ok2 = attachPayloadWatcher();
-    const ok3 = mountGenerator();
-    const ok4 = mountTprButtons();
-    if(ok1 && ok2 && ok3 && ok4){
-      clearInterval(boot);
-      checkUrlParam();
-    }
-  }, 200);
 
-  return [];
+    return [];
 }
 """
 
-capsules = _list_capsules()
-default_cep = capsules[0] if capsules else "CEP-2511-K4I7X2"
-
-def _canonical_json(obj):
-    """Canonical JSON: UTF-8, sort_keys=True, separators=(',',':'), no spaces."""
-    return json.dumps(obj, sort_keys=True, separators=(',', ':'), ensure_ascii=False)
+# =============================================================================
+# GRADIO APP
+# =============================================================================
 
-def _canonical_hash(obj):
-    """SHA-256 of canonical JSON."""
-    return hashlib.sha256(_canonical_json(obj).encode('utf-8')).hexdigest()
-
-def _normalize_ts(ts):
-    """Normalize timestamp to ISO 8601 UTC with Z suffix."""
-    if not ts:
-        return None
-    ts = str(ts).strip()
-    if ts.endswith('Z'):
-        return ts
-    if '+00:00' in ts:
-        return ts.replace('+00:00', 'Z')
-    if len(ts) == 19:  # No timezone info
-        return ts + 'Z'
-    return ts
-
-def _utc_now_z():
-    """Current UTC timestamp with Z suffix."""
-    return datetime.now(timezone.utc).strftime("%Y-%m-%dT%H:%M:%SZ")
-
-# Canonical empty structures for hashing
-EMPTY_RECEIPTS_CANONICAL = {"items": [], "schema": "royalty_receipts.v1"}
-EMPTY_PAYOUTS_CANONICAL = {"items": [], "schema": "payouts.v1"}
-EMPTY_ROOT_HASH = hashlib.sha256(b"CROVIA_EMPTY_ROOT").hexdigest()
-
-def generate_cep(model_id):
-    """Generate CEP.v1 from HF model + TPR temporal data. CROVIA-GRADE spec compliant."""
-    if not model_id or not model_id.strip():
-        return '{"error": "Model ID required"}'
-    try:
-        model_id = model_id.strip()
-        
-        # Fetch TPR temporal data first (works for all targets)
-        tpr = None
-        try:
-            resp = requests.get(f"{TPR_API_URL}/api/targets/summary", timeout=5)
-            tpr = next((x for x in resp.json().get('targets', []) if x['target_id'] == model_id), None)
-        except:
-            pass
-        
-        # Try HF API (may fail for non-HF models like openai/*)
-        hf_info = None
-        try:
-            hf_api = HfApi()
-            hf_info = hf_api.model_info(model_id, securityStatus=False)
-        except Exception:
-            pass  # Model not on HuggingFace - proceed with TPR data only
-        
-        # If neither HF nor TPR has data, we can't generate
-        if not hf_info and not tpr:
-            return json.dumps({"error": f"Target '{model_id}' not found on HuggingFace and not monitored by TPR."}, indent=2)
-        
-        period = datetime.now(timezone.utc).strftime("%Y-%m")
-        now_z = _utc_now_z()
-        
-        # Build metadata from available sources
-        if hf_info:
-            datasets = hf_info.card_data.get("datasets", []) if hf_info.card_data else []
-            if datasets is None:
-                datasets = []
-            meta = {
-                "model_id": model_id,
-                "author": hf_info.author or "unknown",
-                "license": hf_info.card_data.get("license") if hf_info.card_data else "unspecified",
-                "datasets_declared": datasets,
-                "tags": hf_info.tags[:10] if hf_info.tags else [],
-                "source": "huggingface"
-            }
-        else:
-            # TPR-only target (e.g., openai/gpt-4-turbo)
-            meta = {
-                "model_id": model_id,
-                "author": model_id.split("/")[0] if "/" in model_id else "unknown",
-                "license": "unspecified",
-                "datasets_declared": [],
-                "tags": [],
-                "source": "tpr_only",
-                "note": "Model not hosted on HuggingFace. Metadata derived from TPR monitoring."
-            }
-        
-        # TASK 1: ISO 8601 UTC with Z for temporal_evidence
-        if tpr:
-            meta["temporal_evidence"] = {
-                "days_monitored": int(tpr.get('days_monitored', 0)),
-                "observation_count": int(tpr.get('observation_count', 0)),
-                "absence_streak_days": int(tpr.get('absence_streak_days', 0)),
-                "first_seen": _normalize_ts(tpr.get('first_seen')),
-                "last_seen": _normalize_ts(tpr.get('last_seen')),
-                "source": "TPR Registry"
-            }
-        
-        # TASK 3 & 4: Canonical hashing with pluralized schemas
-        trust_bundle_obj = {"schema": "trust_bundle.v1", "period": period}
-        tb_hash = _canonical_hash(trust_bundle_obj)
-        
-        receipts_obj = EMPTY_RECEIPTS_CANONICAL.copy()
-        rec_hash = _canonical_hash(receipts_obj)
-        
-        payouts_obj = {**EMPTY_PAYOUTS_CANONICAL, "period": period}
-        pay_hash = _canonical_hash(payouts_obj)
-        
-        payload_hash = _canonical_hash(meta)
-        
-        # Generate fingerprint: ES-YYMM-NAME-HASH4
-        model_short = model_id.strip().split("/")[-1][:8].upper().replace("-", "")
-        hash_short = payload_hash[:4].upper()
-        fingerprint = f"ES-{period.replace('-', '')}-{model_short}-{hash_short}"
-        
-        # TASK 4: Include hashing spec in output
-        hashing_spec = {
-            "json_canonical": "utf-8, sort_keys=true, separators=(',',':'), no trailing spaces",
-            "empty_list_representation": "[]",
-            "empty_root_definition": "sha256(utf8('CROVIA_EMPTY_ROOT'))",
-            "empty_root_value": EMPTY_ROOT_HASH
-        }
-        
-        capsule = {
-            "schema": "crovia_evidence_snapshot.v1",
-            "fingerprint": fingerprint,
-            "crovia_evidence": {
-                "protocol": "CEP.v1",
-                "generated_at": now_z,  # TASK 1
-                "model_metadata": meta,
-                "trust_bundle": {
-                    "schema": "trust_bundle.v1",
-                    "sha256": tb_hash,
-                    "period": period
-                },
-                "receipts": {
-                    "count": 0,
-                    "sha256": rec_hash,
-                    "schema": "royalty_receipts.v1"  # TASK 3: pluralized
-                },
-                "payouts": {
-                    "sha256": pay_hash,
-                    "schema": "payouts.v1",
-                    "period": period
-                },
-                "hash_chain": {
-                    "root": EMPTY_ROOT_HASH,
-                    "root_note": "Deterministic root. EMPTY_ROOT when no receipts are present.",
-                    "verified": False,
-                    "verified_note": "User-generated capsule: structure+hashes are reproducible; external attestation not provided.",
-                    "source": "user_generated",
-                    "algorithm": "sha256(utf8('CROVIA_EMPTY_ROOT'))"
-                },
-                "payload_hash": payload_hash,
-                "hashing": hashing_spec,  # TASK 4
-                "generated_by": {
-                    "engine": "CEP Terminal v3.1.0",
-                    "version": "3.1.0",
-                    "timestamp": now_z  # TASK 1
-                }
-            }
-        }
-        
-        return json.dumps(capsule, indent=2, ensure_ascii=False)
-    except Exception as e:
-        return json.dumps({"error": f"{type(e).__name__}: {str(e)}"}, indent=2)
+capsules = _list_capsules()
+default_cap = capsules[0] if capsules else "CEP-2511-K4I7X2"
+stats_json = get_registry_stats()
+targets_json = get_targets_list()
 
-with gr.Blocks(
-    title="CROVIA · CEP Terminal",
-    css=CSS,
-    js=JS
-) as demo:
-    
+with gr.Blocks(title="CROVIA · Evidence Machine", css=CSS, js=JS) as demo:
     gr.HTML(UI_HTML)
 
-    # Hidden components for Inspector (JS writes/reads)
-    capsules_json = gr.Textbox(value=json.dumps(capsules, ensure_ascii=False), visible=False, elem_id="capsules_json")
-    cep_in = gr.Textbox(value=default_cep, visible=False, elem_id="cep_in")
-    payload = gr.Textbox(value="", visible=False, elem_id="crovia_payload")
-    
-    # Hidden component for TPR targets (dynamic buttons)
-    tpr_targets = _fetch_tpr_targets()
-    tpr_targets_json = gr.Textbox(value=json.dumps(tpr_targets, ensure_ascii=False), visible=False, elem_id="tpr_targets_json")
+    # Hidden Gradio components (JS reads/writes via DOM)
+    ev_search_in = gr.Textbox(value="", visible=False, elem_id="ev_search_in")
+    ev_payload = gr.Textbox(value="", visible=False, elem_id="ev_payload")
+    ev_stats = gr.Textbox(value=stats_json, visible=False, elem_id="ev_stats")
+    ev_targets = gr.Textbox(value=targets_json, visible=False, elem_id="ev_targets")
 
-    # Hidden components for Generator (JS writes/reads)
-    gen_model_in = gr.Textbox(value="", visible=False, elem_id="gen_model_in")
-    gen_result = gr.Textbox(value="", visible=False, elem_id="gen_result")
-    
-    # Hidden components for Diff (JS writes/reads)
-    diff_model_in = gr.Textbox(value="", visible=False, elem_id="diff_model_in")
-    diff_result = gr.Textbox(value="", visible=False, elem_id="diff_result")
+    # Capsule tab
+    ev_capsules_json = gr.Textbox(value=json.dumps(capsules), visible=False, elem_id="ev_capsules_json")
+    ev_capsule_in = gr.Textbox(value=default_cap, visible=False, elem_id="ev_capsule_in")
+    ev_capsule_result = gr.Textbox(value="", visible=False, elem_id="ev_capsule_result")
 
-    def _run(cep_id: str) -> str:
-        return inspect_payload(cep_id)
-    
-    def diff_against_reality(input_str: str) -> str:
-        """TASK 6: Compare generated CEP against current HuggingFace reality."""
-        if not input_str or "|||" not in input_str:
-            return '{"error": "Invalid input"}'
-        try:
-            model_id, cep_json = input_str.split("|||", 1)
-            model_id = model_id.strip()
-            
-            # Parse generated CEP
-            generated = json.loads(cep_json)
-            gen_meta = generated.get("crovia_evidence", {}).get("model_metadata", {})
-            
-            # Fetch current reality from HuggingFace
-            hf_api = HfApi()
-            info = hf_api.model_info(model_id, securityStatus=False)
-            
-            reality = {
-                "model_id": model_id,
-                "author": info.author or "unknown",
-                "license": info.card_data.get("license") if info.card_data else "unspecified",
-                "datasets_declared": info.card_data.get("datasets", []) if info.card_data else [],
-                "tags": info.tags[:10] if info.tags else []
-            }
-            
-            # Compute diff
-            diff_fields = []
-            for key in set(list(gen_meta.keys()) + list(reality.keys())):
-                if key == "temporal_evidence":
-                    continue  # Skip TPR data in diff
-                gen_val = gen_meta.get(key)
-                real_val = reality.get(key)
-                if gen_val != real_val:
-                    diff_fields.append({
-                        "field": key,
-                        "generated": gen_val,
-                        "current_reality": real_val,
-                        "status": "MISMATCH" if gen_val and real_val else ("MISSING_IN_GENERATED" if real_val else "MISSING_IN_REALITY")
-                    })
-            
-            # Compute difference fingerprint
-            diff_canonical = _canonical_json({"model_id": model_id, "diff_fields": diff_fields, "computed_at": _utc_now_z()})
-            diff_fingerprint = hashlib.sha256(diff_canonical.encode('utf-8')).hexdigest()
-            
-            result = {
-                "diff_against_reality": {
-                    "model_id": model_id,
-                    "computed_at": _utc_now_z(),
-                    "fields_compared": len(set(list(gen_meta.keys()) + list(reality.keys()))) - 1,
-                    "mismatches_found": len(diff_fields),
-                    "diff_fields": diff_fields if diff_fields else "NO_DIFFERENCES",
-                    "difference_fingerprint": diff_fingerprint,
-                    "note": "This is an objective diff. No judgment, only facts."
-                }
-            }
-            
-            return json.dumps(result, indent=2, ensure_ascii=False)
-        except Exception as e:
-            return json.dumps({"error": f"{type(e).__name__}: {str(e)}"}, indent=2)
-
-    # Inspector: cep_in changes -> compute payload
-    cep_in.change(_run, inputs=cep_in, outputs=payload)
-    demo.load(_run, inputs=cep_in, outputs=payload)
-    
-    # Generator: gen_model_in changes -> compute gen_result
-    gen_model_in.change(generate_cep, inputs=gen_model_in, outputs=gen_result)
-    
-    # Diff: diff_model_in changes -> compute diff_result
-    diff_model_in.change(diff_against_reality, inputs=diff_model_in, outputs=diff_result)
+    # Events
+    ev_search_in.change(generate_evidence, inputs=ev_search_in, outputs=ev_payload)
+    ev_capsule_in.change(inspect_capsule, inputs=ev_capsule_in, outputs=ev_capsule_result)
 
 demo.queue()
 demo.launch()
-