| <!doctype html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8" />
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| <meta name="theme-color" content="#010800" />
|
| <meta name="apple-mobile-web-app-capable" content="yes"/>
|
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
| <meta name="apple-mobile-web-app-title" content="WozVault"/>
|
| <link rel="manifest" href="manifest.json"/>
|
| <title>WOZ Vault // Sovereign Terminal</title>
|
| <link rel="preconnect" href="https://fonts.googleapis.com" />
|
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
| <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet" />
|
| <link rel="stylesheet" href="styles.css" />
|
| <script>window.__WOZ_CONFIG__ = { OS_URL: 'https://collectivekitty.com' };</script>
|
| </head>
|
| <body>
|
| <div class="crt-shell">
|
| <div class="scanlines" aria-hidden="true"></div>
|
| <div class="screen-glow" aria-hidden="true"></div>
|
|
|
| <header class="topbar">
|
| <div class="brand">
|
| <pre class="mark" aria-hidden="true">╔═╗
|
| ║W║
|
| ╚═╝</pre>
|
| <div>
|
| <h1>WOZ VAULT</h1>
|
| <p>SOVEREIGN OPERATIONS TERMINAL // BIFRÖST NODE 01</p>
|
| </div>
|
| </div>
|
| <div class="topbar-controls">
|
| <button id="sound-toggle" class="terminal-button" type="button" aria-pressed="false">
|
| [ SOUND: OFF ]
|
| </button>
|
| <div class="clock-block">
|
| <span id="utc-date">0000-00-00</span>
|
| <strong id="utc-clock">00:00:00 UTC</strong>
|
| </div>
|
| </div>
|
| </header>
|
|
|
| <main class="dashboard">
|
|
|
|
|
| <section class="panel agent-panel">
|
| <div class="panel-title">
|
| <span>01 // AGENT STATUS</span>
|
| <span id="health-poll" class="dim">POLL: 3S</span>
|
| </div>
|
| <div class="agent-core">
|
| <div id="agent-orb" class="agent-orb offline">
|
| <span class="orb-ring"></span>
|
| <span class="orb-center">§</span>
|
| </div>
|
| <div class="agent-identity">
|
| <span class="label">PRIMARY AGENT</span>
|
| <strong id="agent-name">CIPHER</strong>
|
| <span id="agent-state" class="state offline">AWAITING LINK</span>
|
| </div>
|
| </div>
|
| <dl class="telemetry">
|
| <div><dt>UPTIME</dt><dd id="agent-uptime">--:--:--</dd></div>
|
| <div><dt>LATENCY</dt><dd id="agent-latency">--- MS</dd></div>
|
| <div><dt>NODE</dt><dd id="agent-node">UNKNOWN</dd></div>
|
| <div><dt>VERSION</dt><dd id="agent-version">--</dd></div>
|
| <div><dt>INTEGRITY</dt><dd id="agent-integrity">UNVERIFIED</dd></div>
|
| </dl>
|
| </section>
|
|
|
|
|
| <section class="panel chain-panel">
|
| <div class="panel-title">
|
| <span>02 // LIVE WORM CHAIN TAIL</span>
|
| <span><i id="stream-dot" class="stream-dot"></i> <b id="chain-status">CONNECTING</b></span>
|
| </div>
|
| <div class="chain-head">
|
| <span>SEQ</span>
|
| <span>TIMESTAMP</span>
|
| <span>ACTOR / EVENT</span>
|
| <span>HASH</span>
|
| </div>
|
| <div id="chain-terminal" class="chain-terminal" role="log" aria-live="polite">
|
| <div class="boot-line">[BOOT] ESTABLISHING BIFRÖST AUDIT LINK...</div>
|
| </div>
|
| <div class="chain-footer">
|
| <span>IMMUTABLE: <b id="immutable-state">UNKNOWN</b></span>
|
| <span>TIP: <b id="chain-tip">----------------</b></span>
|
| <span>ENTRIES: <b id="entry-count">0</b></span>
|
| </div>
|
| </section>
|
|
|
|
|
| <section class="panel race-panel">
|
| <div class="panel-title">
|
| <span>03 // AGENT RACE</span>
|
| <span id="race-source" class="dim">SOURCE: HEALTH API</span>
|
| </div>
|
| <div id="race-list" class="race-list">
|
| <div class="race-empty">AWAITING AGENT TELEMETRY...</div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section class="panel system-panel">
|
| <div class="panel-title">
|
| <span>04 // SYSTEM VECTOR</span>
|
| <span class="dim">REAL-TIME</span>
|
| </div>
|
| <div class="system-grid">
|
| <div class="sys-item"><span class="sys-label">OS HEALTH</span><span class="sys-value" id="vector-health">—</span></div>
|
| <div class="sys-item"><span class="sys-label">EVENT RATE</span><span class="sys-value" id="vector-rate">—</span></div>
|
| <div class="sys-item"><span class="sys-label">LAST SEAL</span><span class="sys-value" id="vector-last-seal">—</span></div>
|
| <div class="sys-item"><span class="sys-label">API STATUS</span><span class="sys-value" id="vector-api">—</span></div>
|
| </div>
|
| </section>
|
|
|
| </main>
|
|
|
|
|
| <div id="magma-form" style="margin-top:14px">
|
| <div id="command-history"></div>
|
| <div class="command-line">
|
| <span style="color:var(--green-dim)">></span>
|
| <input id="magma-input" type="text" autocomplete="off" spellcheck="false"
|
| placeholder="§FORGE:CIPHER:QUERY{msg} — MAGMA protocol" />
|
| <button class="terminal-button" type="button" onclick="window.__wozSend&&window.__wozSend()">SEND</button>
|
| </div>
|
| </div>
|
|
|
| <footer>
|
| <span>WORM: APPEND-ONLY · IMMUTABLE · SOVEREIGN</span>
|
| <span id="footer-session">SESSION: —</span>
|
| <span>NODE: BBQBADDIE // RTX 5000</span>
|
| </footer>
|
| </div>
|
|
|
| <script src="app.js"></script>
|
| <script>if('serviceWorker'in navigator)navigator.serviceWorker.register('sw.js').catch(()=>{})</script>
|
| </body>
|
| </html>
|
|
|
