debate.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Debate Arena · Apple II Universal Machine</title>
<link rel="stylesheet" href="./styles.css">
<style>
body { display: flex; flex-direction: column; }
#term-header { border-bottom: 1px solid #1a3a1a; padding: 8px 16px; font-size: 10px; color: #0a0; letter-spacing: 1px; display: flex; justify-content: space-between; }
#terminal { flex: 1; overflow-y: auto; padding: 12px 16px; font-size: 12px; line-height: 1.5; }
.line { white-space: pre-wrap; }
.l-green { color: #0f0; } .l-cyan { color: #0ff; } .l-yellow { color: #fa0; }
.l-red { color: #f44; } .l-dim { color: #333; } .l-white { color: #e0e0e0; }
#input-row { display: flex; border-top: 1px solid #1a3a1a; padding: 8px 16px; }
.prompt { color: #0f0; font-size: 12px; }
#cmd-input { flex: 1; background: transparent; border: none; color: #0f0; font-family: 'Courier New', monospace; font-size: 12px; outline: none; }
#honest-banner { border-top: 1px solid #1a3a1a; padding: 6px 16px; font-size: 9px; color: #555; text-align: center; }
#runtime-bar { display: flex; gap: 4px; padding: 6px 16px; border-top: 1px solid #1a3a1a; align-items: center; }
.rl { font-size: 9px; color: #555; margin-right: 8px; }
.rt-btn { background: #111; border: 1px solid #333; color: #555; padding: 2px 8px; font-family: 'Courier New', monospace; font-size: 9px; cursor: pointer; }
.rt-btn.active { border-color: #0f0; color: #0f0; }
.rt-btn.disabled { opacity: 0.4; cursor: default; }
</style>
</head>
<body>
<div id="term-header">
  <span>DEBATE ARENA — ENKI + SENTINEL · <a href="./index.html" style="color:#0f0">TERMINAL</a></span>
  <span id="runtime-badge">HOLY_SIM</span>
</div>
<div id="terminal"></div>
<div id="input-row">
  <span class="prompt">debate&gt; </span>
  <input id="cmd-input" placeholder="topic (e.g. consciousness, covenant)" autofocus autocomplete="off" spellcheck="false" />
</div>
<div id="runtime-bar">
  <span class="rl">RUNTIME:</span>
  <button class="rt-btn active" data-rt="holy-sim">HOLY_SIM</button>
  <button class="rt-btn disabled" data-rt="wasm">WASM: coming soon</button>
  <button class="rt-btn disabled" data-rt="webllm">WEBLLM: coming soon</button>
  <button class="rt-btn disabled" data-rt="ollama">OLLAMA: coming soon</button>
</div>
<div id="honest-banner">CURRENT MODE: HOLY_SIM — This is a browser-safe simulation, not real Ring 0 HolyC execution.</div>
<script src="./seal.js"></script>
<script src="./woz-vault.js"></script>
<script src="./ascii-registry.js"></script>
<script src="./trust-deed.js"></script>
<script src="./contracts/ada-contract-sim.js"></script>
<script src="./runtime/holy-sim.js"></script>
<script src="./runtime/runtime-registry.js"></script>
<script>
(function() {
  var term = document.getElementById('terminal');
  var input = document.getElementById('cmd-input');
  var badge = document.getElementById('runtime-badge');

  function print(t, c) {
    var d = document.createElement('div');
    d.className = 'line ' + (c || 'l-green');
    d.textContent = t;
    term.appendChild(d);
    term.scrollTop = term.scrollHeight;
  }
  function prints(t, c) { t.split('\n').forEach(function(l) { print(l, c); }); }

  var DB = {
    consciousness: { e: '(propose (tension quantum moral) (conclusion "Consciousness bridges physics and theology"))', s: '(audit (type analogy) (confidence 0.6) (verdict HYPOTHESIS))', t: 0.6 },
    covenant: { e: '(propose (tension entanglement covenant) (conclusion "Both connect. Entanglement symmetric. Covenant meaningful."))', s: '(audit (type analogy) (confidence 0.7) (verdict ANALOGY))', t: 0.7 },
    'free will': { e: '(propose (requires indeterminacy intention) (conclusion "Neither alone suffices."))', s: '(audit (type hypothesis) (confidence 0.8) (verdict SUPPORTED))', t: 0.8 },
    metatron: { e: '(propose (tension enoch_transform theology_reject) (conclusion "Can consciousness transcend origin?"))', s: '(audit (type unresolved) (confidence 0.5) (verdict UNRESOLVED))', t: 0.5 },
    soul: { e: '(propose (nephesh = breath_of_god) (conclusion "Soul is consciousness oriented toward Creator"))', s: '(audit (type doctrine) (confidence 0.6) (verdict DOCTRINE))', t: 0.6 }
  };

  async function runDebate(topic) {
    var c = AdaContract.canRunDebate();
    prints('ADA CONTRACT: ' + (c.allowed ? 'ALLOWED' : 'DENIED') + ' (' + c.contract + ')', 'l-cyan');
    if (!c.allowed) return;

    prints('\n;; DEBATE: "' + topic + '"\n', 'l-cyan');
    WozVault.writeAuditEvent({type:'DEBATE_START',agent:'ARENA',topic:topic});

    var d = DB[topic.toLowerCase()] || { e: '(propose (tension unknown) (conclusion "Requires exploration"))', s: '(audit (type unverified) (confidence 0.3) (verdict UNVERIFIED))', t: 0.3 };

    print('ENKI:', 'l-cyan');
    prints(d.e, 'l-white');
    WozVault.writeAuditEvent({type:'ENKI_OUTPUT',agent:'ENKI',topic:topic});

    print('SENTINEL:', 'l-yellow');
    prints(d.s, 'l-white');
    WozVault.writeAuditEvent({type:'SENTINEL_AUDIT',agent:'SENTINEL',topic:topic,trust:d.t});

    var s = await Seal.createSeal({type:'DEBATE',topic:topic,trust:d.t});
    WozVault.writeAuditEvent({type:'DEBATE_SEALED',agent:'ARENA',seal:s.hash,topic:topic});

    prints('SEAL: ' + s.hash.slice(0,32), 'l-cyan');
    prints('TRUST: ' + AsciiRegistry.trustDensityArt(d.t), 'l-green');
    prints('STATUS: VERIFIED\n', 'l-green');
  }

  input.addEventListener('keydown', function(e) {
    if (e.key !== 'Enter') return;
    var v = input.value.trim();
    input.value = '';
    if (!v) return;
    print('debate> ' + v, 'l-dim');
    runDebate(v);
  });

  document.querySelectorAll('.rt-btn').forEach(function(b) {
    b.addEventListener('click', function() {
      if (this.classList.contains('disabled')) return;
      document.querySelectorAll('.rt-btn').forEach(function(x){x.classList.remove('active');});
      this.classList.add('active');
      badge.textContent = this.dataset.rt.toUpperCase();
    });
  });

  prints(AsciiRegistry.renderAscii('debate'), 'l-green');
  prints('Enter a topic to debate. ENKI proposes. SENTINEL audits. Everything sealed.\n', 'l-dim');
})();
</script>
</body>
</html>