meridian/helm.html at main · DeepBlueDynamics/meridian · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MERIDIAN — Helm</title>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Public+Sans:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet" />
<style>
  :root {
    --bg:#0a0f18; --bg-2:#131a26; --line:#1f2a3d; --line-bright:#324863;
    --ink:#e8ecf3; --ink-dim:#9ba8bd; --ink-faint:#54627c; --ink-fade:#2a3548;
    --envelope:#f9a826; --mean:#f4f7fc; --hot:#e94560; --cool:#4ecdc4; --warn:#ffb938; --cur:#4fa3ff;
    --serif:'Instrument Serif',serif; --sans:'Public Sans',sans-serif; --mono:'Fira Code',monospace;
  }
  * { box-sizing:border-box; }
  html,body { margin:0; height:100vh; background:var(--bg); color:var(--ink); font-family:var(--sans); overflow:hidden; }
  #app { display:grid; grid-template-rows:auto 1fr; height:100vh; }
  #root { min-height:0; overflow:hidden; position:relative; }
  #boot { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px;
    font-family:var(--mono); font-size:12px; color:var(--ink-faint); letter-spacing:0.15em; }
  #boot .ring { width:28px; height:28px; border:1px solid var(--ink-fade); border-top-color:#22c55e; border-radius:50%;
    animation:spin 1.2s linear infinite; }
  @keyframes spin { to{transform:rotate(360deg)} }
</style>
</head>
<body>
<div id="app">
  <header data-meridian-header="Helm">
    <span class="live" id="liveStamp">—</span>
  </header>
  <div id="root"><div id="boot"><div class="ring"></div>MERIDIAN TERMINAL · compiling</div></div>
</div>

<script src="lib/telemetry.js"></script>
<script src="lib/topbar.js"></script>
<!-- The Helm terminal (spec/2026-06-11/meridian-terminal.jsx, adapted copy in
     lib/) — an agentic widget builder: describe a widget in the prompt, the
     LLM writes the React component, it compiles live into the tool registry
     and renders as a draggable window over the ship-data context (Signal K
     bridge overlays the sim). React UMD + Babel standalone: no build step.
     The JSX loads over :9123/lib because Chromium blocks file:// XHR. -->
<script crossorigin src="https://unpkg.com/react@18.3.1/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone@7.26.4/babel.min.js"></script>
<script type="text/babel" data-presets="react" src="http://127.0.0.1:9123/lib/meridian-terminal.jsx"></script>
</body>
</html>