SIMON Master Console Rebuild

File viewer

guarded to /htdocs

/simon/simon_infinity_forge.php

<?php
declare(strict_types=1);

/**
 * SIMON Infinity Forge
 * Interactive architecture-learning game for the ConnLink function exchange.
 * PHP 8.1+
 */

const FORGE_VERSION = '1.0.0';
const FORGE_STATE_FILE = __DIR__ . '/_data/simon/infinity_forge_state.json';

function forge_json_response(array $data, int $status = 200): never
{
    http_response_code($status);
    header('Content-Type: application/json; charset=utf-8');
    header('Cache-Control: no-store');
    echo json_encode($data, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
    exit;
}

function forge_manifest_candidates(): array
{
    return [
        __DIR__ . '/function_flow_manifest.json',
        __DIR__ . '/_data/simon/function_flow_manifest.json',
        dirname(__DIR__) . '/_data/simon/function_flow_manifest.json',
        __DIR__ . '/_simon_private_scanner/function_flow_manifest.json',
    ];
}

function forge_demo_nodes(): array
{
    return [
        ['id'=>'file-index','label'=>'index.php','kind'=>'file','role'=>'scan.function.discover','owner'=>'SIMON BUG','zone'=>'discover','health'=>82,'risk'=>34,'power'=>7,'lesson'=>'A scanner should discover and describe functions, not execute every shared role.'],
        ['id'=>'engine-parse','label'=>'Function Parsing Engine','kind'=>'engine','role'=>'scan.function.parse','owner'=>'SIMON BUG','zone'=>'discover','health'=>76,'risk'=>22,'power'=>6,'lesson'=>'Parsing extracts names, parameters, calls, database references, and behavior clues.'],
        ['id'=>'engine-similarity','label'=>'Similarity Engine','kind'=>'engine','role'=>'scan.function.compare','owner'=>'SIMON BUG','zone'=>'discover','health'=>71,'risk'=>29,'power'=>7,'lesson'=>'Similarity should compare exact code, normalized structure, purpose, and behavior separately.'],
        ['id'=>'engine-difference','label'=>'Difference Engine','kind'=>'engine','role'=>'scan.function.difference','owner'=>'SIMON BUG','zone'=>'discover','health'=>68,'risk'=>32,'power'=>8,'lesson'=>'A useful comparison explains what differs, not merely that two functions are similar.'],
        ['id'=>'engine-canonical','label'=>'Canonicalization Engine','kind'=>'engine','role'=>'evolution.function.canonicalize','owner'=>'SIMON Intelligence','zone'=>'discover','health'=>63,'risk'=>45,'power'=>9,'lesson'=>'Canonicalization selects the strongest verified behavior from multiple candidates.'],
        ['id'=>'file-manifest','label'=>'function_flow_manifest.json','kind'=>'data','role'=>'registry.function.manifest','owner'=>'SIMON Registry','zone'=>'exchange','health'=>86,'risk'=>18,'power'=>8,'lesson'=>'The manifest is a fast map. MariaDB should remain the durable source of truth.'],
        ['id'=>'file-connlink','label'=>'connlink_function_exchange.php','kind'=>'file','role'=>'connlink.function.exchange','owner'=>'ConnLink','zone'=>'exchange','health'=>88,'risk'=>24,'power'=>10,'lesson'=>'ConnLink routes roles to approved canonical implementations through stable contracts.'],
        ['id'=>'engine-contract','label'=>'Contract Engine','kind'=>'engine','role'=>'connlink.contract.validate','owner'=>'ConnLink','zone'=>'exchange','health'=>79,'risk'=>21,'power'=>8,'lesson'=>'Contracts protect callers from incompatible parameters and return structures.'],
        ['id'=>'engine-router','label'=>'Routing Engine','kind'=>'engine','role'=>'connlink.route.resolve','owner'=>'ConnLink','zone'=>'exchange','health'=>84,'risk'=>28,'power'=>9,'lesson'=>'Applications should request a role. ConnLink decides which implementation supplies it.'],
        ['id'=>'engine-guardian','label'=>'Approval Engine','kind'=>'engine','role'=>'guardian.change.approve','owner'=>'Guardian','zone'=>'exchange','health'=>81,'risk'=>16,'power'=>8,'lesson'=>'Higher-risk changes require checkpoints, tests, authority, and rollback.'],
        ['id'=>'app-web360','label'=>'WEB360','kind'=>'app','role'=>'app.web360','owner'=>'WEB360','zone'=>'execute','health'=>74,'risk'=>31,'power'=>7,'lesson'=>'Applications keep their business logic but call shared roles through ConnLink.'],
        ['id'=>'app-chat','label'=>'Gaylord Chat','kind'=>'app','role'=>'app.gaylord_chat','owner'=>'Gaylord Chat','zone'=>'execute','health'=>69,'risk'=>36,'power'=>6,'lesson'=>'A shared profile-save role prevents each application from inventing another user update function.'],
        ['id'=>'provider-ai','label'=>'AI Provider','kind'=>'provider','role'=>'ai.text.generate','owner'=>'ConnLink AI','zone'=>'execute','health'=>78,'risk'=>37,'power'=>9,'lesson'=>'Provider adapters normalize different vendors behind one capability contract.'],
        ['id'=>'db-mariadb','label'=>'MariaDB Registry','kind'=>'database','role'=>'registry.persistence','owner'=>'SIMON Data','zone'=>'execute','health'=>91,'risk'=>20,'power'=>10,'lesson'=>'Durable state belongs in MariaDB; generated JSON serves fast reads and recovery.'],
        ['id'=>'engine-monitor','label'=>'Monitoring Engine','kind'=>'engine','role'=>'runtime.function.monitor','owner'=>'SIMON Runtime','zone'=>'feedback','health'=>72,'risk'=>25,'power'=>7,'lesson'=>'Runtime evidence reveals whether a cleaner function is actually safer and faster.'],
        ['id'=>'engine-evolution','label'=>'Evolution Engine','kind'=>'engine','role'=>'evolution.cycle.merge','owner'=>'SIMON Intelligence','zone'=>'feedback','health'=>66,'risk'=>33,'power'=>10,'lesson'=>'The outer merge combines static scans, runtime results, failures, and new requirements.'],
        ['id'=>'engine-rollback','label'=>'Rollback Engine','kind'=>'engine','role'=>'evolution.change.rollback','owner'=>'Guardian','zone'=>'feedback','health'=>83,'risk'=>13,'power'=>8,'lesson'=>'A change is not safe until restoration has been designed and tested.'],
        ['id'=>'file-map','label'=>'simon_infinity_function_map.php','kind'=>'file','role'=>'visualize.function.flow','owner'=>'SIMON Spatial','zone'=>'feedback','health'=>77,'risk'=>12,'power'=>5,'lesson'=>'The visual map should read the registry rather than perform another full host scan.'],
    ];
}

function forge_nodes_from_manifest(array $manifest): array
{
    $functions = $manifest['functions'] ?? [];
    if (!is_array($functions) || $functions === []) {
        return forge_demo_nodes();
    }

$nodes = [];
    $limit = 24;
    foreach ($functions as $key => $fn) {
        if (!is_array($fn)) continue;
        $role = (string)($fn['role'] ?? $fn['role_key'] ?? 'function.unclassified');
        $owner = (string)($fn['owner'] ?? $fn['owner_system'] ?? 'Unassigned');
        $status = (string)($fn['status'] ?? 'discovered');
        $zone = match (true) {
            str_contains($role, 'connlink'), str_contains($role, 'route'), str_contains($role, 'contract') => 'exchange',
            str_contains($role, 'runtime'), str_contains($role, 'monitor'), str_contains($role, 'feedback') => 'feedback',
            str_contains($role, 'app.'), str_contains($role, 'provider'), str_contains($role, 'database') => 'execute',
            default => 'discover',
        };
        $riskFloat = (float)($fn['risk'] ?? $fn['risk_score'] ?? 0.25);
        $risk = $riskFloat <= 1 ? (int)round($riskFloat * 100) : (int)min(100, $riskFloat);
        $confidenceFloat = (float)($fn['confidence'] ?? 0.72);
        $health = (int)max(20, min(99, round(($confidenceFloat <= 1 ? $confidenceFloat * 100 : $confidenceFloat))));
        $nodes[] = [
            'id' => preg_replace('/[^a-zA-Z0-9_-]+/', '-', (string)($fn['function_id'] ?? $key)),
            'label' => (string)($fn['name'] ?? $fn['function_name'] ?? $role),
            'kind' => 'function',
            'role' => $role,
            'owner' => $owner,
            'zone' => $zone,
            'health' => $health,
            'risk' => $risk,
            'power' => (int)max(3, min(10, round(($health + (100 - $risk)) / 20))),
            'lesson' => 'Status: ' . $status . '. Route shared behavior by role, then verify it with runtime evidence.',
        ];
        if (count($nodes) >= $limit) break;
    }
    return $nodes ?: forge_demo_nodes();
}

if (isset($_GET['api'])) {
    $action = (string)$_GET['api'];
    if ($action === 'state') {
        forge_json_response(['ok'=>true, 'state'=>forge_read_json(FORGE_STATE_FILE)]);
    }
    if ($action === 'save') {
        if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
            forge_json_response(['ok'=>false, 'error'=>'POST required'], 405);
        }
        $input = json_decode((string)file_get_contents('php://input'), true);
        if (!is_array($input)) {
            forge_json_response(['ok'=>false, 'error'=>'Invalid JSON'], 400);
        }
        $state = [
            'version' => FORGE_VERSION,
            'saved_at' => date(DATE_ATOM),
            'score' => (int)($input['score'] ?? 0),
            'level' => (int)($input['level'] ?? 1),
            'cycle' => (int)($input['cycle'] ?? 0),
            'nodes' => is_array($input['nodes'] ?? null) ? array_slice($input['nodes'], 0, 100) : [],
            'connections' => is_array($input['connections'] ?? null) ? array_slice($input['connections'], 0, 250) : [],
            'completedMissions' => is_array($input['completedMissions'] ?? null) ? array_slice($input['completedMissions'], 0, 100) : [],
        ];
        if (!forge_write_json(FORGE_STATE_FILE, $state)) {
            forge_json_response(['ok'=>false, 'error'=>'State folder is not writable'], 500);
        }
        forge_json_response(['ok'=>true, 'state'=>$state]);
    }
    forge_json_response(['ok'=>false, 'error'=>'Unknown action'], 404);
}

$manifest = forge_load_manifest();
$nodes = forge_nodes_from_manifest($manifest);
$state = forge_read_json(FORGE_STATE_FILE);
$manifestSource = (string)($manifest['_source_path'] ?? 'Demo learning dataset');

header('Content-Type: text/html; charset=utf-8');
header('X-Content-Type-Options: nosniff');
header('Referrer-Policy: strict-origin-when-cross-origin');
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#070817">
<title>SIMON Infinity Forge</title>
<style>
:root{--bg:#050615;--glass:rgba(15,20,49,.72);--line:rgba(121,238,255,.32);--cyan:#71f2ff;--violet:#a879ff;--pink:#ff67cf;--green:#79ffc2;--amber:#ffd679;--red:#ff778f;--text:#f6f8ff;--muted:#9ba6c7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 30%,#17133d 0,#08091d 38%,#03040c 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:73px 73px;opacity:.13;pointer-events:none}
button,input{font:inherit}.shell{min-height:100vh;padding:18px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px}.brand h1{font-size:clamp(22px,4vw,42px);margin:0;letter-spacing:.04em}.brand p{margin:5px 0 0;color:var(--muted)}.badge{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(18px);padding:10px 14px;border-radius:999px;color:var(--cyan)}
.layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:14px}.panel{border:1px solid rgba(145,199,255,.18);background:linear-gradient(155deg,rgba(20,25,60,.88),rgba(6,8,27,.74));box-shadow:0 22px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px);border-radius:22px}.sidebar{padding:14px;min-height:720px}.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);margin:0 0 12px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.stat{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.stat strong{display:block;font-size:22px}.stat span{color:var(--muted);font-size:11px}.meter{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin-top:7px}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green));transition:width .5s ease}.mission{padding:12px;border-radius:15px;background:rgba(117,94,255,.09);border:1px solid rgba(168,121,255,.24);margin-bottom:9px;cursor:pointer}.mission.done{opacity:.52;border-color:rgba(121,255,194,.25)}.mission b{display:block;font-size:13px}.mission small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.controls{display:grid;gap:8px}.btn{border:1px solid rgba(113,242,255,.25);background:rgba(113,242,255,.08);color:var(--text);padding:10px 12px;border-radius:13px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 24px rgba(113,242,255,.15)}.btn.primary{background:linear-gradient(135deg,rgba(168,121,255,.42),rgba(113,242,255,.25));font-weight:700}.btn.danger{border-color:rgba(255,119,143,.35);background:rgba(255,119,143,.09)}
.board{position:relative;min-height:720px;overflow:hidden}.board-head{position:absolute;left:18px;right:18px;top:14px;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:10px}.mode{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(3,5,18,.7);color:var(--muted);font-size:12px}.chip.active{color:var(--cyan);border-color:rgba(113,242,255,.4)}
#flowSvg{position:absolute;inset:0;width:100%;height:100%}.infinity-main{fill:none;stroke:url(#energy);stroke-width:12;filter:url(#glow);opacity:.78}.infinity-ghost{fill:none;stroke:rgba(255,255,255,.08);stroke-width:30}.flow-dash{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 22;animation:flow 8s linear infinite;opacity:.72}.outer-ring{fill:none;stroke:url(#outer);stroke-width:3;stroke-dasharray:9 12;animation:flow 18s linear infinite;opacity:.52}@keyframes flow{to{stroke-dashoffset:-480}}
.zone-label{position:absolute;z-index:3;text-align:center;pointer-events:none}.zone-label b{display:block;font-size:12px;letter-spacing:.14em}.zone-label span{font-size:11px;color:var(--muted)}.zl-left{left:8%;top:18%}.zl-center{left:50%;top:45%;transform:translate(-50%,-50%)}.zl-right{right:8%;top:18%}.zl-outer{left:50%;bottom:8%;transform:translateX(-50%)}
.node{position:absolute;width:144px;min-height:70px;padding:10px 10px 9px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(18,25,61,.96),rgba(8,11,31,.88));box-shadow:0 14px 35px rgba(0,0,0,.35),0 0 24px rgba(113,242,255,.08);cursor:grab;user-select:none;touch-action:none;z-index:5;transition:box-shadow .2s,border-color .2s,transform .2s}.node:active{cursor:grabbing}.node.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(113,242,255,.13),0 0 35px rgba(113,242,255,.28)}.node.bad{border-color:rgba(255,119,143,.55)}.node.good{border-color:rgba(121,255,194,.48)}.node .kind{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--violet)}.node strong{display:block;font-size:12px;margin:4px 0 5px;line-height:1.25}.node .mini{display:flex;gap:5px;flex-wrap:wrap}.node .mini span{font-size:9px;color:var(--muted);padding:3px 5px;background:rgba(255,255,255,.05);border-radius:8px}.pulse{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 18px var(--cyan),0 0 36px var(--violet);z-index:4;pointer-events:none;offset-path:path('M 110 360 C 215 70 420 70 520 360 C 620 650 825 650 930 360 C 825 70 620 70 520 360 C 420 650 215 650 110 360');animation:travel 8s linear infinite}@keyframes travel{to{offset-distance:100%}}
.inspector{padding:14px;min-height:720px}.inspector-card{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03);margin-bottom:10px}.inspector-card h3{font-size:15px;margin:0 0 6px}.inspector-card p{color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0}.kv{display:grid;grid-template-columns:85px 1fr;gap:6px;font-size:11px;margin-top:8px}.kv span:nth-child(odd){color:var(--muted)}.lesson{border-color:rgba(255,214,121,.25);background:rgba(255,214,121,.05)}.quiz button{width:100%;text-align:left;margin-top:7px}.log{height:156px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#bec8e8;line-height:1.5}.log div{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:30;padding:12px 16px;border-radius:14px;background:rgba(8,13,31,.94);border:1px solid rgba(113,242,255,.32);box-shadow:0 20px 70px #000;color:var(--text);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.layout{grid-template-columns:240px minmax(0,1fr)}.inspector{grid-column:1/-1;min-height:auto}.board{min-height:650px}.sidebar{min-height:650px}}
@media(max-width:760px){.shell{padding:10px}.topbar{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar,.inspector{min-height:auto}.board{min-height:720px;order:-1}.node{width:126px}.board-head{top:10px;left:10px;right:10px}.pulse{display:none}}
</style>
</head>
<body>
<div class="shell">
  <header class="topbar">
    <div class="brand">
      <h1>SIMON Infinity Forge</h1>
      <p>Build the loop. Route the mind. Test the consequence. Evolve the system.</p>
    </div>
    <div class="badge">Mindset: Own your mind. Question the default.</div>
  </header>

<main class="layout">
    <aside class="panel sidebar">
      <h2>System Intelligence</h2>
      <div class="stats">
        <div class="stat"><strong id="score">0</strong><span>Forge score</span></div>
        <div class="stat"><strong id="level">1</strong><span>Evolution level</span></div>
        <div class="stat"><strong id="cycle">0</strong><span>Cycles run</span></div>
        <div class="stat"><strong id="connections">0</strong><span>Connections</span></div>
      </div>
      <div class="stat" style="margin-bottom:14px"><span>System coherence</span><div class="meter"><i id="coherenceBar"></i></div><strong id="coherence" style="font-size:15px;margin-top:5px">0%</strong></div>

<h2>Missions</h2>
      <div id="missions"></div>

<h2>Forge Controls</h2>
      <div class="controls">
        <button class="btn primary" id="runCycle">Run Evolution Cycle</button>
        <button class="btn" id="connectMode">Connect Nodes</button>
        <button class="btn" id="autoArrange">Rebuild Infinity Layout</button>
        <button class="btn" id="saveState">Save Forge</button>
        <button class="btn danger" id="resetGame">Reset Simulation</button>
      </div>
      <p style="font-size:10px;color:var(--muted);line-height:1.5;margin-top:12px">Manifest: <?= htmlspecialchars($manifestSource, ENT_QUOTES, 'UTF-8') ?></p>
    </aside>

<section class="panel board" id="board">
      <div class="board-head">
        <div class="mode"><span class="chip active" id="modeChip">MODE: MOVE</span><span class="chip">v<?= FORGE_VERSION ?></span></div>
        <div class="chip" id="objective">Connect discovery to ConnLink, then runtime to evolution.</div>
      </div>
      <svg id="flowSvg" viewBox="0 0 1040 720" preserveAspectRatio="none" aria-label="Interactive infinity architecture board">
        <defs>
          <linearGradient id="energy" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ff67cf"/><stop offset=".45" stop-color="#71f2ff"/><stop offset="1" stop-color="#79ffc2"/></linearGradient>
          <linearGradient id="outer" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#a879ff"/><stop offset=".5" stop-color="#71f2ff"/><stop offset="1" stop-color="#ffd679"/></linearGradient>
          <filter id="glow"><feGaussianBlur stdDeviation="5" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
          <marker id="arrow" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="#71f2ff"/></marker>
        </defs>
        <path class="outer-ring" d="M80 360 C80 70 300 25 520 360 C740 695 960 650 960 360 C960 70 740 25 520 360 C300 695 80 650 80 360 Z"/>
        <path class="infinity-ghost" d="M110 360 C215 70 420 70 520 360 C620 650 825 650 930 360 C825 70 620 70 520 360 C420 650 215 650 110 360"/>
        <path class="infinity-main" d="M110 360 C215 70 420 70 520 360 C620 650 825 650 930 360 C825 70 620 70 520 360 C420 650 215 650 110 360"/>
        <path class="flow-dash" d="M110 360 C215 70 420 70 520 360 C620 650 825 650 930 360 C825 70 620 70 520 360 C420 650 215 650 110 360"/>
        <g id="connectionLayer"></g>
      </svg>
      <div class="pulse"></div>
      <div class="zone-label zl-left"><b>DISCOVERY / INTELLIGENCE</b><span>scan · compare · improve</span></div>
      <div class="zone-label zl-center"><b>CONNLINK EXCHANGE</b><span>route · validate · dispatch</span></div>
      <div class="zone-label zl-right"><b>EXECUTION / EXPERIENCE</b><span>use · observe · measure</span></div>
      <div class="zone-label zl-outer"><b>EVOLUTION MERGE</b><span>feedback returns as better judgment</span></div>
      <div id="nodeLayer"></div>
    </section>

<aside class="panel inspector">
      <h2>Node Inspector</h2>
      <div class="inspector-card" id="nodeInfo"><h3>Select a node</h3><p>Move it, connect it, and inspect why it belongs in that part of the loop.</p></div>
      <div class="inspector-card lesson" id="lessonCard"><h3>Own Your Mind</h3><p>Do not optimize what you have not understood. A repeated function can be duplication, compatibility, specialization, or a warning. Compare behavior before deleting structure.</p></div>
      <div class="inspector-card quiz" id="quizCard"><h3>Thinking Challenge</h3><p id="quizQuestion">Why should an application call a role instead of a specific provider function?</p><div id="quizAnswers"></div></div>
      <div class="inspector-card"><h3>Evolution Log</h3><div class="log" id="eventLog"></div></div>
    </aside>
  </main>
</div>
<div class="toast" id="toast"></div>
<script>
const INITIAL_NODES = <?= json_encode($nodes, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) ?>;
const SAVED_STATE = <?= json_encode($state, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) ?>;
const board = document.getElementById('board');
const nodeLayer = document.getElementById('nodeLayer');
const connectionLayer = document.getElementById('connectionLayer');
const nodes = new Map();
let connections = [];
let selectedId = null;
let connectStart = null;
let connectMode = false;
let score = Number(SAVED_STATE.score || 0);
let level = Number(SAVED_STATE.level || 1);
let cycle = Number(SAVED_STATE.cycle || 0);
let completedMissions = new Set(SAVED_STATE.completedMissions || []);

const missions = [
 {id:'m1', title:'Complete the center exchange', text:'Connect one discovery node to ConnLink and ConnLink to one execution node.', reward:120},
 {id:'m2', title:'Close the learning loop', text:'Connect runtime or monitoring back to an evolution node.', reward:160},
 {id:'m3', title:'Protect the system', text:'Connect Approval or Rollback to ConnLink or Evolution.', reward:100},
 {id:'m4', title:'Think beyond duplication', text:'Inspect four different nodes and read their lessons.', reward:80},
 {id:'m5', title:'Run three evolution cycles', text:'Measure the board, learn, and iterate three times.', reward:180},
];
let inspected = new Set();

const quizzes = [
 {q:'Why should applications call a role instead of a specific provider function?', a:['It removes all testing','It allows routing, versioning, and provider changes behind one contract','It makes every file larger'], correct:1, explain:'A role is stable. Its implementation can change without forcing every caller to be rewritten.'},
 {q:'When is a similar function not necessarily a duplicate?', a:['When it serves a different contract or security boundary','Never','Only when the name is longer'], correct:0, explain:'Purpose, callers, side effects, and contracts matter more than naming.'},
 {q:'What belongs at the outer evolution merge?', a:['Only source code','Static scan evidence plus runtime outcomes, failures, and new requirements','Passwords and raw private payloads'], correct:1, explain:'Evolution needs evidence from both design and actual use, while sensitive data should remain protected.'},
 {q:'What makes a high-risk refactor safe?', a:['A prettier diagram','Tests, approval, checkpoint, monitoring, and rollback','Renaming it final_v7'], correct:1, explain:'Safety is an operational chain, not confidence wearing a nice shirt.'},
];
let quizIndex = 0;

document.getElementById('connectMode').onclick=()=>{connectMode=!connectMode;connectStart=null;document.getElementById('modeChip').textContent='MODE: '+(connectMode?'CONNECT':'MOVE');document.getElementById('connectMode').textContent=connectMode?'Exit Connect Mode':'Connect Nodes';toast(connectMode?'Select two nodes to connect':'Move mode enabled')};
document.getElementById('runCycle').onclick=runCycle;document.getElementById('autoArrange').onclick=arrange;document.getElementById('saveState').onclick=saveState;document.getElementById('resetGame').onclick=resetGame;

restorePositions();INITIAL_NODES.forEach(createNode);renderConnections();renderMissions();renderQuiz();evaluateBoard();updateStats();log('Infinity Forge initialized with '+INITIAL_NODES.length+' nodes');
</script>
</body>
</html>

Quick jump

open a path

True command center for SIMON + WEB360

File viewer

Quick jump