Update main.js

main.js

@@ -1,54 +1,70 @@
 import { initGPU } from "./gpu.js";
 import { World } from "./world.js";
+import { record, replay } from "./plme.js";
 import { Agents } from "./agents.js";
-import { parseCommand } from "./llm.js";
 
-const canvas = document.getElementById("world");
-const consoleEl = document.getElementById("console");
+const canvas = document.getElementById("viewport");
+const log = document.getElementById("log");
+const input = document.getElementById("input");
 
-function log(m) {
-  consoleEl.textContent += "\n" + m;
-  consoleEl.scrollTop = consoleEl.scrollHeight;
+function println(msg) {
+  log.textContent += "\n" + msg;
+  log.scrollTop = log.scrollHeight;
 }
 
-let world, agents;
-let running = false;
+const gpu = await initGPU();
+println("GPU mode: " + gpu.mode);
 
-window.codexCommand = (input) => {
-  log("> " + input);
-  const cmd = parseCommand(input);
-  if (cmd) world.apply(cmd);
-};
-
-async function boot() {
-  log("Booting runtime...");
-  const gpu = await initGPU();
-  log("Compute mode: " + gpu.mode.toUpperCase());
-
-  world = new World(canvas, gpu);
-  agents = new Agents(world);
-
-  waitForWorld();
-}
-
-function waitForWorld() {
-  if (!world.ready) return requestAnimationFrame(waitForWorld);
-  log("World initialized");
-  running = true;
-  requestAnimationFrame(loop);
-}
+const world = new World(canvas, gpu);
+const agents = new Agents(world);
 
 let last = performance.now();
+
 function loop(t) {
-  if (!running) return;
   const dt = (t - last) / 1000;
   last = t;
 
-  world.update(dt);
   agents.update(dt);
+  world.update(dt);
   world.render();
 
   requestAnimationFrame(loop);
 }
 
-boot();
+requestAnimationFrame(loop);
+
+input.addEventListener("keydown", e => {
+  if (e.key === "Enter") {
+    const text = input.value.trim();
+    input.value = "";
+
+    const cmd = parseCommand(text);
+    record(cmd);
+    execute(cmd);
+  }
+});
+
+function execute(cmd) {
+  println("> " + cmd.raw);
+
+  if (cmd.lane === "world") world.apply(cmd);
+  if (cmd.lane === "agent") agents.apply(cmd);
+  if (cmd.lane === "system" && cmd.action === "replay") {
+    println("Replaying PLME stream...");
+    replay(execute);
+  }
+}
+
+function parseCommand(text) {
+  const timestamp = performance.now();
+  if (text.startsWith("power")) {
+    return { lane: "world", payload: { power: parseFloat(text.split(" ")[1]) }, raw: text, timestamp };
+  }
+  if (text === "spawn") {
+    return { lane: "agent", action: "spawn", raw: text, timestamp };
+  }
+  if (text === "replay") {
+    return { lane: "system", action: "replay", raw: text, timestamp };
+  }
+  return { lane: "text", raw: text, timestamp };
+}