push from SNAPKITTYWEST/woz-vault

LICENSE

@@ -0,0 +1,59 @@
+SOVEREIGN SOURCE LICENSE v1.0
+Copyright (c) 2026 Ahmad Ali Parr -- Bel Esprit D'Accord Trust
+SnapKitty Collective -- All Sovereign Rights Reserved
+
+WORM SEALED -- Evidence or Silence
+
+GRANT OF RIGHTS
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Work"), to use, study, copy, and modify the Work
+for personal, educational, and non-commercial purposes, subject
+to the following conditions:
+
+1. ATTRIBUTION
+   All copies, modifications, or derivative works must carry
+   the following notice, visibly and without alteration:
+
+   "Built on Sovereign Source -- Bel Esprit D'Accord Trust
+    (c) 2026 Ahmad Ali Parr -- snapkittywest.github.io"
+
+2. NON-COMMERCIAL USE
+   Commercial use of this Work -- including but not limited to
+   use in products, services, training datasets, or AI model
+   training -- requires express written permission from
+   Bel Esprit D'Accord Trust.
+
+3. TRAINING DATA RESTRICTION
+   This Work and its contents may NOT be used to train, fine-tune,
+   evaluate, or benchmark any machine learning model, large language
+   model, or AI system without express written permission from
+   Bel Esprit D'Accord Trust. This restriction applies regardless
+   of whether the use is commercial or non-commercial.
+
+4. SHARE-ALIKE
+   Any derivative work distributed publicly must be released
+   under this same Sovereign Source License v1.0 or later,
+   with full attribution chain preserved.
+
+5. WORM INTEGRITY
+   Any redistribution must preserve all WORM chain seals,
+   cryptographic hashes, and audit trail entries present in
+   the original Work.
+
+6. NO INSTITUTIONAL CAPTURE
+   No government agency, corporation, non-profit organization,
+   or institutional body may claim ownership, exclusive licensing,
+   or derivative rights over this Work without express written
+   trust agreement with Bel Esprit D'Accord Trust.
+
+DISCLAIMER
+
+THIS WORK IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED.
+
+Bel Esprit D'Accord Trust
+SnapKitty Collective
+snapkittywest.github.io
+Evidence or Silence -- 2026

README.md

@@ -0,0 +1,29 @@
+# WOZ VAULT — Sovereign Hardware Key Vault
+
+```
+   ╔══════════════════════════════════════╗
+   ║  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ║   WOZ VAULT
+   ║  ░  ┌───────────────────────────┐  ░  ║   ──────────────────────────
+   ║  ░  │  ████████ VAULT ████████  │  ░  ║   TYPE    Hardware Key Vault
+   ║  ░  │  ██                   ██  │  ░  ║           Key Ceremony
+   ║  ░  │  ██  Ed25519 · SEALED ██  │  ░  ║   KEYS    Ed25519 sovereign
+   ║  ░  │  ██  WORM LOG ACTIVE  ██  │  ░  ║   LOG     WORM append-only
+   ║  ░  │  ██  ACCESS: DENIED   ██  │  ░  ║   ACCESS  Sovereign only
+   ║  ░  │  ██                   ██  │  ░  ║   WIPE    Remote · sealed
+   ║  ░  │  ████████████████████████  │  ░  ║
+   ║  ░  └───────────────────────────┘  ░  ║   "The Woz built
+   ║  ░  VAULT SEAL: Ω↺Ψ↺Δ↺Λ↺Σ↺Φ↺α    ░  ║    the machine.
+   ║  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ║    We sealed it."
+   ╚══════════════════════════════════════╝
+```
+
+Hardware key vault for sovereign infrastructure. Ed25519 keys sealed at ceremony.
+WORM-logged access events. Remote wipe capability. No unauthorized extraction.
+Named for Steve Wozniak — the architect's architect.
+
+**Keys:** Ed25519 sovereign keypair
+**Log:** WORM append-only access ledger
+**Seal:** Ω↺Ψ↺Δ↺Λ↺Σ↺Φ↺α
+**License:** Sovereign Source License v1.0 · © 2026 Ahmad Ali Parr
+
+![](https://sovereign-analytics.snapkittywest.workers.dev/canary/woz-vault)

app.js

@@ -0,0 +1,312 @@
+"use strict";
+(() => {
+  const config   = window.__WOZ_CONFIG__ || {};
+  const API_BASE = String(config.OS_URL || "").replace(/\/$/, "");
+
+  const state = {
+    health:      null,
+    knownEntries: new Set(),
+    entrySeq:    0,
+    soundEnabled: false,
+    audioContext: null,
+  };
+
+  const $ = (id) => document.getElementById(id);
+  const el = {
+    agentOrb:       $("agent-orb"),
+    agentName:      $("agent-name"),
+    agentState:     $("agent-state"),
+    agentUptime:    $("agent-uptime"),
+    agentLatency:   $("agent-latency"),
+    agentNode:      $("agent-node"),
+    agentVersion:   $("agent-version"),
+    agentIntegrity: $("agent-integrity"),
+    chainTerminal:  $("chain-terminal"),
+    chainStatus:    $("chain-status"),
+    chainTip:       $("chain-tip"),
+    streamDot:      $("stream-dot"),
+    immutableState: $("immutable-state"),
+    entryCount:     $("entry-count"),
+    raceList:       $("race-list"),
+    raceSource:     $("race-source"),
+    vectorHealth:   $("vector-health"),
+    vectorRate:     $("vector-rate"),
+    vectorLastSeal: $("vector-last-seal"),
+    vectorApi:      $("vector-api"),
+    soundToggle:    $("sound-toggle"),
+    cmdHistory:     $("command-history"),
+    magmaInput:     $("magma-input"),
+    footerSession:  $("footer-session"),
+    utcDate:        $("utc-date"),
+    utcClock:       $("utc-clock"),
+  };
+
+  function api(path) { return `${API_BASE}${path}`; }
+
+  async function request(path, options = {}, timeout = 8000) {
+    const ctrl  = new AbortController();
+    const timer = setTimeout(() => ctrl.abort(), timeout);
+    try {
+      const res  = await fetch(api(path), {
+        ...options,
+        signal: ctrl.signal,
+        headers: {
+          Accept: "application/json",
+          ...(options.body ? { "Content-Type": "application/json" } : {}),
+          ...options.headers,
+        },
+      });
+      const body = await res.json().catch(() => ({}));
+      if (!res.ok) throw new Error(body.message || body.error || `HTTP ${res.status}`);
+      return body;
+    } finally { clearTimeout(timer); }
+  }
+
+  function pick(obj, paths, fallback) {
+    for (const p of paths) {
+      const v = p.split(".").reduce((o, k) => o?.[k], obj);
+      if (v !== undefined && v !== null) return v;
+    }
+    return fallback;
+  }
+
+  function formatUptime(v) {
+    if (typeof v === "string") return v;
+    const s = Math.max(0, v > 1_000_000 ? Math.floor(v / 1000) : Math.floor(Number(v || 0)));
+    const h = String(Math.floor(s / 3600)).padStart(2, "0");
+    const m = String(Math.floor((s % 3600) / 60)).padStart(2, "0");
+    const r = String(s % 60).padStart(2, "0");
+    return `${h}:${m}:${r}`;
+  }
+
+  function normalizeHealth(payload, latency) {
+    const src    = payload.data || payload;
+    const status = String(pick(src, ["status", "health", "state"], "online")).toLowerCase();
+    const online = !["offline", "down", "error", "failed", "unhealthy"].includes(status);
+    return {
+      online,
+      status:    online ? status.toUpperCase() : "OFFLINE",
+      name:      String(pick(src, ["agent.name", "agentName", "name"], "CIPHER")),
+      uptime:    formatUptime(pick(src, ["uptime", "system.uptime", "agent.uptime"], 0)),
+      latency,
+      node:      String(pick(src, ["node", "nodeId", "instance", "agent.node"], "OS-01")),
+      version:   String(pick(src, ["version", "build.version", "agent.version"], "v2.2.0")),
+      integrity: String(pick(src, ["integrity", "worm.integrity", "chain.integrity"], online ? "VERIFIED" : "UNVERIFIED")),
+      agents:    normalizeAgents(pick(src, ["agents", "race", "agentRace", "metrics.agents"], [])),
+    };
+  }
+
+  function normalizeAgents(raw) {
+    if (!Array.isArray(raw) || raw.length === 0) return [];
+    return raw.map(a => ({
+      name:  String(a.name || a.agent || a.key || "AGENT").toUpperCase(),
+      score: Math.min(100, Math.max(0, Number(a.score ?? a.value ?? a.decisions ?? 0))),
+    }));
+  }
+
+  // ── Clock ──────────────────────────────────────────────────────────────────
+  function tickClock() {
+    const now = new Date();
+    if (el.utcDate)  el.utcDate.textContent  = now.toISOString().slice(0, 10);
+    if (el.utcClock) el.utcClock.textContent = now.toUTCString().slice(17, 25) + " UTC";
+  }
+  tickClock();
+  setInterval(tickClock, 1000);
+
+  // ── Health polling ─────────────────────────────────────────────────────────
+  async function pollHealth() {
+    const t0 = performance.now();
+    try {
+      const raw     = await request("/api/health");
+      const latency = Math.round(performance.now() - t0);
+      const h       = normalizeHealth(raw, latency);
+      applyHealth(h);
+    } catch {
+      applyHealth({ online: false, status: "OFFLINE", latency: "—", uptime: "--:--:--",
+                    node: "—", version: "—", integrity: "UNREACHABLE", agents: [] });
+    }
+  }
+
+  function applyHealth(h) {
+    state.health = h;
+
+    if (el.agentOrb) {
+      el.agentOrb.className = `agent-orb ${h.online ? "online" : "offline"}`;
+    }
+    if (el.agentName)  el.agentName.textContent  = h.name;
+    if (el.agentState) {
+      el.agentState.textContent = h.status;
+      el.agentState.className   = `state ${h.online ? "online" : "offline"}`;
+    }
+    if (el.agentUptime)    el.agentUptime.textContent    = h.uptime;
+    if (el.agentLatency)   el.agentLatency.textContent   = typeof h.latency === "number" ? `${h.latency} MS` : String(h.latency);
+    if (el.agentNode)      el.agentNode.textContent      = h.node;
+    if (el.agentVersion)   el.agentVersion.textContent   = h.version;
+    if (el.agentIntegrity) el.agentIntegrity.textContent = h.integrity;
+
+    // System vector
+    if (el.vectorHealth)   el.vectorHealth.textContent   = h.online ? "NOMINAL" : "DEGRADED";
+    if (el.vectorApi)      el.vectorApi.textContent      = h.online ? "ONLINE" : "OFFLINE";
+
+    // Agent race
+    if (h.agents.length > 0) renderRace(h.agents);
+  }
+
+  pollHealth();
+  setInterval(pollHealth, 3000);
+
+  // ── WORM chain polling ─────────────────────────────────────────────────────
+  let chainPollRate = 0;
+  async function pollChain() {
+    const candidates = ["/api/worm/entries", "/api/agents/history", "/api/worm/tail"];
+    let data = null;
+    for (const path of candidates) {
+      try { data = await request(path, {}, 5000); if (data) break; } catch {}
+    }
+    if (!data) return;
+
+    const entries = Array.isArray(data) ? data : (data.entries ?? data.results ?? []);
+    chainPollRate++;
+
+    if (el.streamDot) el.streamDot.className = "stream-dot live";
+    if (el.chainStatus) el.chainStatus.textContent = "STREAMING";
+
+    let added = 0;
+    for (const entry of entries.slice(-20)) {
+      const id = entry.id ?? entry.worm_entry_id ?? entry.decision_seal ?? JSON.stringify(entry).slice(0, 32);
+      if (state.knownEntries.has(id)) continue;
+      state.knownEntries.add(id);
+      state.entrySeq++;
+      appendChainLine(entry, id);
+      added++;
+    }
+
+    if (added > 0) {
+      beep(880, 0.05);
+      const tip = entries.at(-1);
+      const hash = tip?.seal ?? tip?.decision_seal ?? tip?.worm_entry_id ?? "—";
+      if (el.chainTip)    el.chainTip.textContent    = String(hash).slice(0, 16);
+      if (el.entryCount)  el.entryCount.textContent  = String(state.knownEntries.size);
+      if (el.immutableState) el.immutableState.textContent = "CONFIRMED";
+      if (el.vectorLastSeal) el.vectorLastSeal.textContent = String(hash).slice(0, 12) + "…";
+    }
+
+    const evPerMin = Math.round(chainPollRate * 2);
+    if (el.vectorRate) el.vectorRate.textContent = `${evPerMin}/MIN`;
+  }
+
+  function appendChainLine(entry, id) {
+    const seq   = String(state.entrySeq).padStart(4, "0");
+    const ts    = (entry.created_at ?? entry.timestamp ?? entry.ts ?? new Date().toISOString()).slice(11, 23);
+    const actor = entry.agent ?? entry.actor ?? entry.source ?? "SYSTEM";
+    const evt   = entry.event_type ?? entry.decision ?? entry.type ?? "SEAL";
+    const hash  = (entry.seal ?? entry.decision_seal ?? id ?? "").slice(0, 12);
+
+    const line = document.createElement("div");
+    line.className = "chain-line new-entry";
+    line.innerHTML = `
+      <span class="seq">${seq}</span>
+      <span class="ts">${ts}</span>
+      <span class="event">${actor}·${evt}</span>
+      <span class="hash">${hash}…</span>
+    `;
+    if (el.chainTerminal) {
+      const boot = el.chainTerminal.querySelector(".boot-line");
+      if (boot) boot.remove();
+      el.chainTerminal.appendChild(line);
+      el.chainTerminal.scrollTop = el.chainTerminal.scrollHeight;
+    }
+    if (state.soundEnabled) beep(440 + (state.entrySeq % 8) * 55, 0.04);
+  }
+
+  pollChain();
+  setInterval(pollChain, 5000);
+
+  // ── Agent race ─────────────────────────────────────────────────────────────
+  const STATIC_AGENTS = ["CIPHER","VAULT","SENTINEL","ATLAS","ORACLE","FORGE","NOVA","LOC"];
+
+  function renderRace(agents) {
+    if (!el.raceList) return;
+    const list = agents.length > 0 ? agents : STATIC_AGENTS.map((n, i) => ({ name: n, score: Math.floor(Math.random() * 60 + 20) }));
+    el.raceList.innerHTML = list.map(a => `
+      <div class="race-row">
+        <span class="race-name">${a.name}</span>
+        <div class="race-track"><div class="race-fill" style="width:${a.score}%"></div></div>
+        <span class="race-score">${a.score}</span>
+      </div>
+    `).join("");
+    if (el.raceSource) el.raceSource.textContent = agents.length > 0 ? "SOURCE: HEALTH API" : "SOURCE: STATIC";
+  }
+
+  renderRace([]);
+
+  // ── Sound ──────────────────────────────────────────────────────────────────
+  function beep(freq = 440, gain = 0.1) {
+    if (!state.soundEnabled) return;
+    try {
+      state.audioContext = state.audioContext ?? new AudioContext();
+      const o = state.audioContext.createOscillator();
+      const g = state.audioContext.createGain();
+      o.type  = "square";
+      o.frequency.value = freq;
+      g.gain.value = gain;
+      o.connect(g);
+      g.connect(state.audioContext.destination);
+      o.start();
+      g.gain.exponentialRampToValueAtTime(0.001, state.audioContext.currentTime + 0.08);
+      o.stop(state.audioContext.currentTime + 0.08);
+    } catch {}
+  }
+
+  if (el.soundToggle) {
+    el.soundToggle.addEventListener("click", () => {
+      state.soundEnabled = !state.soundEnabled;
+      el.soundToggle.textContent    = `[ SOUND: ${state.soundEnabled ? "ON " : "OFF"} ]`;
+      el.soundToggle.ariaPressed    = String(state.soundEnabled);
+      if (state.soundEnabled) beep(660, 0.15);
+    });
+  }
+
+  // ── Magma command line ─────────────────────────────────────────────────────
+  function appendHistory(line, cls = "muted") {
+    if (!el.cmdHistory) return;
+    const span       = document.createElement("div");
+    span.style.color = cls === "ok" ? "var(--green)" : cls === "err" ? "var(--danger)" : "var(--muted)";
+    span.textContent = line;
+    el.cmdHistory.appendChild(span);
+    el.cmdHistory.scrollTop = el.cmdHistory.scrollHeight;
+  }
+
+  async function sendMagma() {
+    if (!el.magmaInput) return;
+    const cmd = el.magmaInput.value.trim();
+    if (!cmd) return;
+    el.magmaInput.value = "";
+    appendHistory(`> ${cmd}`);
+    try {
+      const res = await request("/api/agents/ask", {
+        method: "POST",
+        body: JSON.stringify({ message: cmd, agent: "forge" }),
+      }, 15000);
+      const reply = res.reply ?? res.message ?? res.text ?? JSON.stringify(res);
+      appendHistory(reply, "ok");
+      beep(660, 0.1);
+    } catch (err) {
+      appendHistory(`ERR: ${err.message}`, "err");
+    }
+  }
+
+  window.__wozSend = sendMagma;
+
+  if (el.magmaInput) {
+    el.magmaInput.addEventListener("keydown", e => {
+      if (e.key === "Enter") { e.preventDefault(); sendMagma(); }
+    });
+  }
+
+  // ── Footer session ─────────────────────────────────────────────────────────
+  if (el.footerSession) {
+    const id = Math.random().toString(36).slice(2, 10).toUpperCase();
+    el.footerSession.textContent = `SESSION: ${id}`;
+  }
+})();

index.html

@@ -0,0 +1,142 @@
+<!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">
+
+      <!-- 01: Agent Status -->
+      <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>
+
+      <!-- 02: Live WORM Chain Tail -->
+      <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>
+
+      <!-- 03: Agent Race -->
+      <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>
+
+      <!-- 04: System Vector -->
+      <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>
+
+    <!-- Magma command line -->
+    <div id="magma-form" style="margin-top:14px">
+      <div id="command-history"></div>
+      <div class="command-line">
+        <span style="color:var(--green-dim)">&gt;</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>

manifest.json

@@ -0,0 +1,18 @@
+{
+  "name": "Woz Vault",
+  "short_name": "WozVault",
+  "description": "Sovereign operations terminal — BIFRÖST node, WORM chain, agent telemetry",
+  "start_url": "/woz-vault/",
+  "scope": "/woz-vault/",
+  "display": "standalone",
+  "background_color": "#010800",
+  "theme_color": "#010800",
+  "icons": [
+    {
+      "src": "https://sovereign-mesh.snapkittywest.workers.dev/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    }
+  ]
+}

styles.css

@@ -0,0 +1,392 @@
+:root {
+  --green: #41ff00;
+  --green-dim: #1a6600;
+  --green-glow: rgba(65, 255, 0, 0.25);
+  --black: #010800;
+  --panel: #020d01;
+  --border: #1a3310;
+  --muted: #3a6630;
+  --text: #41ff00;
+  --warn: #ffcc00;
+  --danger: #ff3366;
+  --font: "VT323", monospace;
+}
+
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+html, body {
+  height: 100%;
+  background: var(--black);
+  color: var(--green);
+  font-family: var(--font);
+  font-size: 20px;
+  line-height: 1.4;
+  overflow-x: hidden;
+}
+
+/* ── CRT shell ─────────────────────────────────────────────────────────────── */
+.crt-shell {
+  position: relative;
+  min-height: 100vh;
+  padding: 16px;
+  overflow: hidden;
+  animation: crt-flicker 8s infinite;
+}
+
+.scanlines {
+  position: fixed; inset: 0; z-index: 100; pointer-events: none;
+  background: repeating-linear-gradient(
+    to bottom,
+    transparent 0,
+    transparent 2px,
+    rgba(0,0,0,0.18) 2px,
+    rgba(0,0,0,0.18) 4px
+  );
+}
+
+.screen-glow {
+  position: fixed; inset: 0; z-index: 99; pointer-events: none;
+  background: radial-gradient(ellipse at 50% 50%, var(--green-glow) 0%, transparent 70%);
+  opacity: 0.4;
+}
+
+/* ── Topbar ────────────────────────────────────────────────────────────────── */
+.topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 16px;
+}
+
+.brand { display: flex; align-items: center; gap: 14px; }
+
+.mark {
+  font-size: 14px;
+  line-height: 1.2;
+  color: var(--green);
+  text-shadow: 0 0 8px var(--green);
+}
+
+.brand h1 {
+  font-size: 28px;
+  font-family: var(--font);
+  letter-spacing: 4px;
+  text-shadow: 0 0 12px var(--green);
+  margin: 0;
+}
+
+.brand p {
+  font-size: 12px;
+  color: var(--muted);
+  letter-spacing: 2px;
+  margin: 0;
+}
+
+.topbar-controls { display: flex; align-items: center; gap: 20px; }
+
+.clock-block {
+  display: flex; flex-direction: column; align-items: flex-end;
+  font-size: 13px;
+  color: var(--muted);
+}
+
+.clock-block strong { font-size: 18px; color: var(--green); }
+
+/* ── Terminal button ───────────────────────────────────────────────────────── */
+.terminal-button {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--green);
+  font-family: var(--font);
+  font-size: 16px;
+  padding: 4px 12px;
+  cursor: pointer;
+  letter-spacing: 1px;
+  transition: border-color 0.15s, color 0.15s;
+}
+.terminal-button:hover { border-color: var(--green); color: var(--green); }
+.terminal-button[aria-pressed="true"] { color: var(--black); background: var(--green); }
+
+/* ── Dashboard grid ────────────────────────────────────────────────────────── */
+.dashboard {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  grid-template-rows: auto auto;
+  gap: 12px;
+}
+
+/* ── Panel ─────────────────────────────────────────────────────────────────── */
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  padding: 14px;
+}
+
+.panel-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+  color: var(--muted);
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+  letter-spacing: 1px;
+}
+
+.dim { color: var(--muted); font-size: 13px; }
+
+/* ── Agent panel ───────────────────────────────────────────────────────────── */
+.agent-core {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 14px;
+}
+
+.agent-orb {
+  position: relative;
+  width: 64px; height: 64px;
+  border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
+  flex-shrink: 0;
+}
+
+.agent-orb.online  { box-shadow: 0 0 24px var(--green), 0 0 48px rgba(65,255,0,0.2); animation: orb-pulse 2s ease-in-out infinite; }
+.agent-orb.offline { opacity: 0.4; }
+
+.orb-ring {
+  position: absolute; inset: 4px;
+  border-radius: 50%;
+  border: 2px solid currentColor;
+  animation: rotate 6s linear infinite;
+}
+.agent-orb.online  .orb-ring { color: var(--green); }
+.agent-orb.offline .orb-ring { color: var(--muted); }
+
+.orb-center { font-size: 28px; position: relative; z-index: 1; }
+.agent-orb.online  .orb-center { text-shadow: 0 0 12px var(--green); }
+
+.agent-identity { display: flex; flex-direction: column; gap: 3px; }
+.agent-identity .label { font-size: 11px; color: var(--muted); letter-spacing: 1px; }
+.agent-identity strong { font-size: 26px; letter-spacing: 3px; }
+
+.state { font-size: 13px; letter-spacing: 2px; }
+.state.online  { color: var(--green); }
+.state.offline { color: var(--muted); }
+.state.processing { color: var(--warn); }
+
+/* ── Telemetry ─────────────────────────────────────────────────────────────── */
+.telemetry {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 6px 12px;
+  font-size: 14px;
+}
+
+.telemetry div { display: flex; flex-direction: column; }
+.telemetry dt { font-size: 10px; color: var(--muted); letter-spacing: 1px; }
+.telemetry dd { color: var(--green); }
+
+/* ── Chain panel ───────────────────────────────────────────────────────────── */
+.chain-panel { grid-column: 2; grid-row: 1 / 3; }
+
+.chain-head {
+  display: grid;
+  grid-template-columns: 40px 160px 1fr 120px;
+  gap: 8px;
+  font-size: 10px;
+  color: var(--muted);
+  letter-spacing: 1px;
+  padding: 0 4px 6px;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 4px;
+}
+
+.chain-terminal {
+  height: 420px;
+  overflow-y: auto;
+  font-size: 14px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) var(--black);
+}
+
+.chain-line {
+  display: grid;
+  grid-template-columns: 40px 160px 1fr 120px;
+  gap: 8px;
+  padding: 3px 4px;
+  border-bottom: 1px solid rgba(26,51,16,0.4);
+  cursor: default;
+}
+
+.chain-line:hover { background: rgba(65,255,0,0.04); }
+
+.chain-line .seq  { color: var(--muted); }
+.chain-line .ts   { color: var(--muted); }
+.chain-line .event { color: var(--green); }
+.chain-line .hash { color: var(--green-dim); font-size: 12px; }
+.chain-line.new-entry { animation: entry-flash 0.6s ease-out; }
+
+.boot-line { color: var(--muted); padding: 4px; font-size: 14px; }
+
+.chain-footer {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: var(--muted);
+  padding-top: 8px;
+  border-top: 1px solid var(--border);
+  margin-top: 6px;
+}
+
+.stream-dot {
+  display: inline-block;
+  width: 8px; height: 8px;
+  border-radius: 50%;
+  background: var(--muted);
+  vertical-align: middle;
+}
+.stream-dot.live { background: var(--green); box-shadow: 0 0 6px var(--green); animation: orb-pulse 1.5s infinite; }
+
+/* ── Race panel ────────────────────────────────────────────────────────────── */
+.race-list { display: flex; flex-direction: column; gap: 8px; }
+
+.race-row {
+  display: grid;
+  grid-template-columns: 80px 1fr 60px;
+  align-items: center;
+  gap: 10px;
+  font-size: 15px;
+}
+
+.race-name { color: var(--green); letter-spacing: 1px; }
+
+.race-track {
+  height: 8px;
+  background: var(--border);
+  border-radius: 2px;
+  overflow: hidden;
+  position: relative;
+}
+
+.race-fill {
+  height: 100%;
+  background: var(--green);
+  border-radius: 2px;
+  transition: width 0.4s ease;
+  box-shadow: 0 0 8px var(--green);
+}
+
+.race-score { color: var(--muted); font-size: 13px; text-align: right; }
+.race-empty { color: var(--muted); font-size: 15px; }
+
+/* ── System panel ──────────────────────────────────────────────────────────── */
+.system-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  font-size: 15px;
+}
+
+.sys-item { display: flex; flex-direction: column; }
+.sys-item .sys-label { font-size: 10px; color: var(--muted); letter-spacing: 1px; margin-bottom: 2px; }
+.sys-item .sys-value { color: var(--green); }
+
+/* ── Command line ──────────────────────────────────────────────────────────── */
+.command-line {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
+}
+
+#magma-input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  border-bottom: 1px solid var(--border);
+  outline: none;
+  color: var(--green);
+  font-family: var(--font);
+  font-size: 18px;
+  padding: 2px 0;
+  caret-color: var(--green);
+}
+
+#command-history {
+  max-height: 80px;
+  overflow-y: auto;
+  font-size: 13px;
+  color: var(--muted);
+  margin-bottom: 6px;
+  scrollbar-width: none;
+}
+
+footer {
+  display: flex;
+  justify-content: space-between;
+  font-size: 13px;
+  color: var(--muted);
+  padding-top: 10px;
+  border-top: 1px solid var(--border);
+  margin-top: 12px;
+  letter-spacing: 1px;
+}
+
+/* ── Keyframes ─────────────────────────────────────────────────────────────── */
+@keyframes crt-flicker {
+  0%, 96%, 98%, 100% { opacity: 1; }
+  97% { opacity: 0.93; }
+  99% { opacity: 0.97; }
+}
+
+@keyframes rotate {
+  to { transform: rotate(360deg); }
+}
+
+@keyframes orb-pulse {
+  50% { box-shadow: 0 0 36px rgba(65, 255, 0, 0.35); }
+}
+
+@keyframes vertical-scan {
+  from { transform: translateY(-45%); }
+  to   { transform: translateY(45%); }
+}
+
+@keyframes entry-flash {
+  from { color: var(--black); background: var(--green); text-shadow: none; }
+  to   { color: var(--green); background: transparent; }
+}
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+@media (max-width: 960px) {
+  .dashboard { grid-template-columns: 1fr; }
+  .chain-panel { grid-row: auto; }
+  .chain-terminal { height: 350px; }
+}
+
+@media (max-width: 650px) {
+  body { font-size: 18px; }
+  .crt-shell { padding: 8px; }
+  .topbar, .topbar-controls { align-items: flex-start; }
+  .topbar { flex-direction: column; gap: 14px; }
+  .topbar-controls { width: 100%; justify-content: space-between; }
+  .chain-head { display: none; }
+  .chain-line { grid-template-columns: 40px 1fr; }
+  .chain-line .event, .chain-line .hash { grid-column: 2; }
+  .chain-footer, footer { flex-wrap: wrap; gap: 6px 16px; }
+  .command-line button { display: none; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+  }
+}

sw.js

@@ -0,0 +1,16 @@
+const CACHE = 'woz-vault-v1'
+const CORE = ['/woz-vault/', '/woz-vault/index.html', '/woz-vault/app.js', '/woz-vault/styles.css']
+
+self.addEventListener('install', e => {
+  self.skipWaiting()
+  e.waitUntil(caches.open(CACHE).then(c => c.addAll(CORE).catch(() => {})))
+})
+
+self.addEventListener('activate', e => {
+  e.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))))
+  self.clients.claim()
+})
+
+self.addEventListener('fetch', e => {
+  e.respondWith(caches.match(e.request).then(r => r || fetch(e.request).catch(() => caches.match('/woz-vault/'))))
+})