Labyricorn/XZBT-NGN
1
0
Fork 0
generated from Labyricorn/labyricorn-project-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Post Step 4 Completion

Browse Source
This commit is contained in:
Labyricorn
2026-09-14 07:57:18 -07:00
parent db973a86f3
commit 446bf3533e
52 changed files with 32034 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+20
View File
@@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>XZBT-NGN Exhibit Engine</title><link rel="stylesheet" href="/public/style.css"></head>
<body>
<header><h1>XZBT-NGN Exhibit Engine</h1><p>Contract 5.2 · Single-exhibit engineering console</p></header>
<main>
<section><h2>Connection</h2>
<form id="connection"><label for="exhibit-url">Exhibit URL (same origin)</label><div class="connection-row"><input id="exhibit-url" placeholder="/test-fixtures/reference-exhibits/…/index.html" required><button>Load exhibit</button><button id="reconnect" type="button" disabled>Reconnect</button><button id="disconnect" type="button">Disconnect</button></div></form>
<p id="status" role="status">Disconnected</p><button id="refresh" disabled>Refresh state</button>
<p>Only load trusted local exhibits. Required capabilities in available/loading states may accept requests through an exhibit fallback; the exhibit decides.</p>
<div id="frame-container"></div>
</section>
<section><h2>Session and exhibit</h2><pre id="metadata">No negotiated session.</pre><h3>Capabilities</h3><pre id="capabilities">[]</pre></section>
<section><h2>Discovered targets <span id="target-count"></span></h2><div id="catalog">Connect to discover the catalog.</div></section>
<section><h2>Current persistent state</h2><p>Last reported exhibit values. This host view may be uncertain while resynchronizing.</p><pre id="state">{}</pre></section>
<section><h2>Incoming events</h2><p>Latest 200 events, including source, sequence, revision, and correlation when supplied.</p><pre id="events" aria-label="Incoming events">[]</pre></section>
<section><h2>Protocol and errors</h2><pre id="errors" role="log">[]</pre></section>
</main>
<script type="module" src="/src/ui.js"></script>
</body></html>
public/style.css
+15
View File
@@ -0,0 +1,15 @@
:root { font: 15px/1.5 system-ui, sans-serif; color: #e5ebf1; background: #121921; color-scheme: dark; }
body { margin: 0; } header, main { max-width: 1280px; margin: auto; padding: 20px; }
header { padding-bottom: 0; } h1 { font-size: 25px; } h2 { font-size: 19px; margin-top: 0; }
h3 { font-size: 16px; } p { color: #b7c4d1; } section { padding: 20px; margin-bottom: 20px; background: #1a2530; border: 1px solid #354658; border-radius: 6px; }
button, input, select, textarea { font: inherit; padding: 8px; border: 1px solid #587086; border-radius: 4px; }
button { background: #224b65; color: #fff; cursor: pointer; } button:disabled { opacity: .5; cursor: default; }
input, select, textarea { background: #111d28; color: #fff; max-width: 100%; box-sizing: border-box; }
label { display: block; margin: 8px 0; } input[type=checkbox] { margin-right: 8px; }
.connection-row { display: flex; flex-wrap: wrap; gap: 8px; } #exhibit-url { flex: 1; min-width: 220px; }
iframe { width: 100%; height: 390px; margin-top: 15px; border: 1px solid #587086; background: white; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #111d28; padding: 12px; max-height: 350px; overflow: auto; }
.target { border-top: 1px solid #354658; padding: 16px 0; } .target h3 { margin: 0; }
.controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; } .controls label { min-width: 150px; }
.notice { color: #ffcd7a; } details { margin: 8px 0; } summary { cursor: pointer; } output { display: block; margin: 8px 0; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #7cceff; outline-offset: 2px; }