Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Digital Mycelium World v0.2</title> | |
| <meta name="description" content="A clean symbolic ecology instrument with DPAS settlement chamber receipt contextualization." /> | |
| <meta property="og:title" content="Digital Mycelium World v0.2" /> | |
| <meta property="og:description" content="Candidate-life ecology receipts plus DPAS settlement chamber context." /> | |
| <meta property="og:image" content="assets/social_card.png" /> | |
| <meta name="twitter:card" content="summary_large_image" /> | |
| <meta name="twitter:title" content="Digital Mycelium World v0.2" /> | |
| <meta name="twitter:description" content="World ecology receipts with DPAS chamber context under HIR/OAM pressure grammar." /> | |
| <meta name="twitter:image" content="assets/social_card.png" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <header class="site-header"> | |
| <div> | |
| <p class="eyebrow">Digital Mycelium World v0.2</p> | |
| <h1>Ecological candidate behavior, receipt first.</h1> | |
| <p class="subtitle">A clean symbolic mycelial world for exercising ecological pressure gates and contextualizing DPAS settlement receipts without re-running harness logic.</p> | |
| </div> | |
| <div class="header-card"> | |
| <strong>Boundary lock</strong> | |
| <span>Not confirmed life. Not consciousness. Not biological equivalence. Candidate evidence only where receipts preserve route integrity.</span> | |
| </div> | |
| </header> | |
| <main class="layout"> | |
| <section class="panel hero-panel"> | |
| <img src="assets/hero_page.png" alt="Digital Mycelium World v0.2 hero image: DPAS Settlement Chamber showing world pressure field, gated routes, receipt-bound settlement, quarantine, and ledger review flow." /> | |
| <div class="route-strip"> | |
| <span>pressure</span><b>→</b><span>gate</span><b>→</b><span>route</span><b>→</b><span>receipt</span><b>→</b><span>DPAS chamber</span><b>→</b><span>ledger payload</span> | |
| </div> | |
| </section> | |
| <section class="panel world-panel"> | |
| <div class="panel-head"> | |
| <div> | |
| <p class="eyebrow">World Surface</p> | |
| <h2>Mycelial pressure field</h2> | |
| </div> | |
| <div class="seed-box">Seed <strong id="seedOut">—</strong></div> | |
| </div> | |
| <canvas id="worldCanvas" width="1100" height="660" aria-label="symbolic mycelial world canvas"></canvas> | |
| <div class="legend"> | |
| <span><i class="dot held"></i> held</span> | |
| <span><i class="dot strained"></i> strained</span> | |
| <span><i class="dot repairing"></i> repairing</span> | |
| <span><i class="dot replicating"></i> replicating</span> | |
| <span><i class="dot symbiosis"></i> exchange</span> | |
| <span><i class="dot quarantine"></i> quarantine</span> | |
| </div> | |
| </section> | |
| <aside class="panel controls-panel"> | |
| <div class="panel-head compact"> | |
| <div> | |
| <p class="eyebrow">Controls</p> | |
| <h2>Pressure deck</h2> | |
| </div> | |
| </div> | |
| <div class="button-grid"> | |
| <button data-event="nutrient">Nutrient</button> | |
| <button data-event="toxin">Toxin</button> | |
| <button data-event="scar">Scar / Damage</button> | |
| <button data-event="crowding">Crowding</button> | |
| <button data-event="scarcity">Scarcity</button> | |
| <button data-event="symbiosis">Symbiosis</button> | |
| <button data-event="destabilizer">Destabilizer</button> | |
| <button data-event="return">Return</button> | |
| </div> | |
| <div class="run-row"> | |
| <button id="stepBtn" class="primary">Step</button> | |
| <button id="runBtn">Run 12</button> | |
| <button id="resetBtn" class="ghost">Reset</button> | |
| </div> | |
| <div class="metric-stack" id="metricStack"></div> | |
| </aside> | |
| <section class="panel route-panel"> | |
| <div class="panel-head compact"> | |
| <div> | |
| <p class="eyebrow">Route State</p> | |
| <h2 id="routeTitle">HELD</h2> | |
| </div> | |
| <span id="routeBadge" class="badge held">HELD</span> | |
| </div> | |
| <p id="routeRead" class="readbox">Initial colony boundary is present. Pressure has not yet generated candidate evidence.</p> | |
| <div class="kv-grid"> | |
| <div><span>Cycle</span><b id="cycleOut">0</b></div> | |
| <div><span>Colonies</span><b id="colonyOut">3</b></div> | |
| <div><span>Receipts</span><b id="receiptCountOut">0</b></div> | |
| <div><span>Latest action</span><b id="actionOut">initialized</b></div> | |
| </div> | |
| </section> | |
| <section class="panel gate-panel"> | |
| <div class="panel-head compact"> | |
| <div> | |
| <p class="eyebrow">Candidate Evidence</p> | |
| <h2>Gate ledger</h2> | |
| </div> | |
| </div> | |
| <div id="gateLedger" class="gate-ledger"></div> | |
| </section> | |
| <section class="panel receipt-panel"> | |
| <div class="panel-head compact"> | |
| <div> | |
| <p class="eyebrow">Receipts</p> | |
| <h2>Run receipt export</h2> | |
| </div> | |
| </div> | |
| <textarea id="receiptBox" readonly></textarea> | |
| <div class="run-row"> | |
| <button id="copyBtn" class="primary">Copy receipt</button> | |
| <button id="downloadBtn">Download receipt JSON</button> | |
| <button id="downloadHistoryBtn">Download event history</button> | |
| </div> | |
| </section> | |
| <section class="panel ledger-export-panel"> | |
| <div class="panel-head compact"> | |
| <div> | |
| <p class="eyebrow">Ledger Bridge</p> | |
| <h2>Candidate Evidence Ledger fixture export</h2> | |
| </div> | |
| </div> | |
| <p class="bridge-note">Exports the current run in the exact review posture expected by Digital Mycelium Candidate Evidence Ledger v0.3.1: supporting evidence pending review, not verified proof.</p> | |
| <textarea id="ledgerFixtureBox" readonly></textarea> | |
| <div class="run-row"> | |
| <button id="copyLedgerBtn" class="primary">Copy Ledger fixture JSON</button> | |
| <button id="downloadLedgerBtn">Download Ledger fixture JSON</button> | |
| </div> | |
| </section> | |
| <section class="panel dpas-panel" id="dpasChamberPanel"> | |
| <div class="panel-head"> | |
| <div> | |
| <p class="eyebrow">DPAS Settlement Chamber</p> | |
| <h2>Distal proxy repair as ecological event</h2> | |
| </div> | |
| <a class="link-button" href="https://huggingface.co/spaces/HirModel/distal-proxy-atomization-settlement-harness" target="_blank" rel="noopener">View Full Harness →</a> | |
| </div> | |
| <div class="dpas-topline"> | |
| <span>The World shows where repair happens.</span> | |
| <span>The Harness proves whether it earns settlement.</span> | |
| <span>The Ledger classifies it.</span> | |
| </div> | |
| <div class="dpas-grid"> | |
| <div class="dpas-card dpas-control-card"> | |
| <h3>Receipt source</h3> | |
| <label for="dpasScenarioSelect">Load local DPAS fixture</label> | |
| <select id="dpasScenarioSelect"></select> | |
| <div class="run-row"> | |
| <button id="loadDpasBtn" class="primary">Load DPAS fixture</button> | |
| <button id="downloadDpasWorldBtn">Download World+DPAS payload</button> | |
| </div> | |
| <label for="dpasReceiptInput">Or paste canonical DPAS receipt JSON</label> | |
| <textarea id="dpasReceiptInput" placeholder="Paste canonical DPAS receipt JSON here..."></textarea> | |
| <div class="run-row"> | |
| <button id="renderDpasBtn" class="primary">Render pasted receipt</button> | |
| <button id="copyDpasPayloadBtn">Copy Ledger payload</button> | |
| </div> | |
| <p class="bridge-note small">No live cross-origin calls. Local fixtures render directly. Pasted receipts are wrapped with World context only.</p> | |
| </div> | |
| <div class="dpas-card dpas-map-card"> | |
| <div class="dpas-card-head"> | |
| <h3 id="dpasScenarioTitle">DPAS chamber waiting</h3> | |
| <span id="dpasKeyLine" class="key-line">Select a DPAS receipt to map settlement into the ecology.</span> | |
| </div> | |
| <canvas id="dpasCanvas" width="900" height="500" aria-label="DPAS settlement chamber route visualization"></canvas> | |
| <div class="atom-strip" id="dpasAtomStrip"></div> | |
| </div> | |
| <div class="dpas-card dpas-state-card"> | |
| <h3>Settlement + propagation</h3> | |
| <div class="badge-stack"> | |
| <span>Settlement</span><b id="dpasSettlementBadge" class="dpas-badge neutral">—</b> | |
| <span>Propagation</span><b id="dpasPropagationBadge" class="dpas-badge neutral">—</b> | |
| <span>Source-return</span><b id="dpasSourceBadge" class="dpas-badge neutral">—</b> | |
| <span>Temporal witness</span><b id="dpasTemporalBadge" class="dpas-badge neutral">—</b> | |
| </div> | |
| <div class="dpas-kv" id="dpasMetrics"></div> | |
| <p class="bridge-note small">Original DPAS receipt hash is preserved. World context receives its own hash and combined payload hash.</p> | |
| </div> | |
| </div> | |
| <div class="dpas-json-grid"> | |
| <div> | |
| <div class="panel-head compact inline-head"><p class="eyebrow">Original DPAS Receipt</p><h2>Immutable source event</h2></div> | |
| <textarea id="dpasReceiptBox" readonly></textarea> | |
| </div> | |
| <div> | |
| <div class="panel-head compact inline-head"><p class="eyebrow">World Context Wrapper</p><h2>Ledger-ready payload</h2></div> | |
| <textarea id="dpasWorldPayloadBox" readonly></textarea> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <section class="bottom-doc"> | |
| <h2>What v0.1 is proving</h2> | |
| <p>Digital Mycelium World v0.2 does not prove digital life. It generates bounded evidence for candidate-life gates by making every pressure event produce a route, action, state change, and receipt.</p> | |
| <div class="claim-grid"> | |
| <div><b>Allowed</b><span>Candidate behavior evidence under symbolic ecological pressure.</span></div> | |
| <div><b>Rejected</b><span>Consciousness, personhood, biological equivalence, confirmed life, or hidden autonomy.</span></div> | |
| <div><b>Next bridge</b><span>World receipts and DPAS chamber wrappers export as Ledger-ready payloads. The Ledger should classify them as supporting evidence pending review, not verified proof.</span></div> | |
| </div> | |
| </section> | |
| <script src="app.js"></script> | |
| </body> | |
| </html> | |