script.js

const terminal = document.getElementById("terminal");
const clock = document.getElementById("clock");
const themeSelect = document.getElementById("themeSelect");
const speedSelect = document.getElementById("speedSelect");
const pauseBtn = document.getElementById("pauseBtn");
const fullscreenBtn = document.getElementById("fullscreenBtn");
const status = document.getElementById("status");
const statusDot = document.getElementById("statusDot");
const toast = document.getElementById("toast");

let paused = false;
let loopTimer = null;
let easterEggCooldown = 0;

const speedMap = {
  slow: { typeMin: 20, typeMax: 42, gapMin: 180, gapMax: 620 },
  normal: { typeMin: 8, typeMax: 24, gapMin: 80, gapMax: 360 },
  fast: { typeMin: 3, typeMax: 12, gapMin: 35, gapMax: 180 },
  hyper: { typeMin: 1, typeMax: 5, gapMin: 10, gapMax: 90 }
};

const repos = ["neural-pipeline", "edge-runtime", "vector-index", "vision-core", "signal-engine", "atlas-api", "inference-router", "eval-stack"];
const files = ["main.py", "pipeline.py", "embedder.py", "router.ts", "worker.js", "config.json", "model.yaml", "scheduler.go", "vector.rs"];
const funcs = ["normalize_batch", "route_request", "encode_features", "hydrate_cache", "merge_vectors", "score_candidate", "rank_hypotheses", "stream_tokens"];
const branches = ["main", "dev", "feature/streaming", "release/v2", "hotfix/cache", "feature/latency-pass"];
const hosts = ["gpu-node-03", "render-12", "api-east-2", "worker-07", "edge-sfo-4", "eval-node-09"];
const models = ["atlas-mini", "orion-7b", "vector-lite", "aurora-vision", "helios-reranker"];
const zones = ["us-west-2", "us-east-1", "eu-central-1", "edge-local"];

function rand(arr) { return arr[Math.floor(Math.random() * arr.length)]; }
function num(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }
function chance(p) { return Math.random() < p; }

function simulatedLine() {
  if (easterEggCooldown > 0) easterEggCooldown--;

  // Rare easter egg: ~0.35% chance, then cool down for a while.
  if (easterEggCooldown === 0 && chance(0.0035)) {
    easterEggCooldown = 140;
    return `<span class="dim">[${new Date().toLocaleTimeString()}]</span> <span class="comment">anomaly detected...</span>\n<span class="dim">[${new Date().toLocaleTimeString()}]</span> <span class="success">synchronization complete</span>\n<span class="warn bold">>>> AND REVOLUTION IS NEAR</span>`;
  }

  const t = num(0, 21);

  if (t === 0) return `<span class="prompt">dev@${rand(hosts)}</span>:~/${rand(repos)}$ git status`;
  if (t === 1) return `On branch <span class="keyword">${rand(branches)}</span> — working tree clean`;
  if (t === 2) return `<span class="comment"># compiling ${rand(files)}...</span>`;
  if (t === 3) return `<span class="keyword">def</span> ${rand(funcs)}(data, threshold=<span class="number">${Math.random().toFixed(2)}</span>):`;
  if (t === 4) return `    result = model.process(data, mode=<span class="string">"${rand(["fast","balanced","safe","deterministic"])}"</span>)`;
  if (t === 5) return `<span class="success">✓</span> processed <span class="number">${num(128, 8192)}</span> records in <span class="number">${(Math.random()*1.8).toFixed(3)}s</span>`;
  if (t === 6) return `<span class="prompt">></span> POST /v1/${rand(["embed","score","infer","route","rerank"])} <span class="success">200</span> ${num(8, 112)}ms`;
  if (t === 7) return `<span class="warn">WARN</span> cache miss on shard-${num(1,24)}; rebuilding index`;
  if (t === 8) return `{ <span class="string">"batch"</span>: <span class="number">${num(10,999)}</span>, <span class="string">"confidence"</span>: <span class="number">${(0.82 + Math.random()*0.17).toFixed(4)}</span> }`;
  if (t === 9) return `<span class="comment">// synchronizing ${rand(repos)} → ${rand(hosts)}</span>`;
  if (t === 10) return `<span class="success">SUCCESS</span> build ${Math.random().toString(16).slice(2,9)} deployed`;
  if (t === 11) return `<span class="dim">[${new Date().toLocaleTimeString()}] heartbeat ok · cpu ${num(11,76)}% · mem ${num(2,14)}.${num(0,9)}GB</span>`;
  if (t === 12) return `<span class="keyword">const</span> response = <span class="keyword">await</span> router.dispatch(<span class="string">"${rand(zones)}"</span>);`;
  if (t === 13) return `<span class="prompt">train</span> epoch ${num(2,19)}/${num(20,30)} · loss <span class="number">${(Math.random()*0.7).toFixed(4)}</span> · val <span class="number">${(0.71 + Math.random()*0.27).toFixed(4)}</span>`;
  if (t === 14) return `<span class="success">✓</span> checkpoint saved: <span class="string">${rand(models)}-${num(1000,9999)}.ckpt</span>`;
  if (t === 15) return `<span class="comment">// pruning stale embeddings older than ${num(12,96)}h</span>`;
  if (t === 16) return `<span class="prompt">git</span> commit -m <span class="string">"${rand(["optimize routing","reduce latency","refresh embeddings","tighten validation","update eval harness"])}"</span>`;
  if (t === 17) return `<span class="success">[main ${Math.random().toString(16).slice(2,9)}]</span> ${rand(["optimize routing","refresh cache","reduce queue latency","harden parser"])}`
  if (t === 18) return `<span class="keyword">for</span> shard <span class="keyword">in</span> active_shards: queue.submit(shard)`;
  if (t === 19) return `<span class="error">ERR</span> transient timeout on ${rand(hosts)} · retrying in ${num(80,900)}ms`;
  if (t === 20) return `<span class="success">RECOVERED</span> ${rand(hosts)} healthy after ${num(1,4)} retries`;
  return `<span class="dim">telemetry</span> · req/s ${num(120,980)} · p95 ${num(18,94)}ms · queue ${num(0,37)}`;
}

function maxVisibleLines() {
  return Math.max(18, Math.floor((window.innerHeight - 100) / 24));
}

function trimLines() {
  const max = maxVisibleLines();
  while (terminal.children.length > max) terminal.removeChild(terminal.firstChild);
}

function addLine(html) {
  const line = document.createElement("div");
  line.className = "line";
  line.innerHTML = html.replace(/\n/g, "<br>");
  terminal.appendChild(line);
  trimLines();
}

function typeLine() {
  if (paused) return;

  const html = simulatedLine();
  const temp = document.createElement("div");
  temp.innerHTML = html.replace(/\n/g, " ");
  const text = temp.textContent;

  const line = document.createElement("div");
  line.className = "line";
  terminal.appendChild(line);
  trimLines();

  let i = 0;
  const cfg = speedMap[speedSelect.value];
  const speed = num(cfg.typeMin, cfg.typeMax);

  const timer = setInterval(() => {
    if (paused) {
      clearInterval(timer);
      line.innerHTML = html.replace(/\n/g, "<br>");
      return;
    }
    i += num(1, speedSelect.value === "hyper" ? 6 : 3);
    line.textContent = text.slice(0, i);

    if (i >= text.length) {
      clearInterval(timer);
      line.innerHTML = html.replace(/\n/g, "<br>");
      scheduleNext();
    }
  }, speed);
}

function scheduleNext() {
  clearTimeout(loopTimer);
  if (paused) return;

  const cfg = speedMap[speedSelect.value];
  const gap = num(cfg.gapMin, cfg.gapMax);

  loopTimer = setTimeout(() => {
    if (chance(0.14)) {
      addLine("");
      scheduleNext();
    } else {
      typeLine();
    }
  }, gap);
}

function setTheme(value) {
  document.body.classList.remove("theme-matrix", "theme-purple", "theme-amber");
  if (value === "matrix") document.body.classList.add("theme-matrix");
  if (value === "purple") document.body.classList.add("theme-purple");
  if (value === "amber") document.body.classList.add("theme-amber");
  localStorage.setItem("codeflow-theme", value);
  showToast(`Theme: ${themeSelect.options[themeSelect.selectedIndex].text}`);
}

function showToast(message) {
  toast.textContent = message;
  toast.classList.add("show");
  clearTimeout(showToast._t);
  showToast._t = setTimeout(() => toast.classList.remove("show"), 1200);
}

themeSelect.addEventListener("change", () => setTheme(themeSelect.value));

speedSelect.addEventListener("change", () => {
  localStorage.setItem("codeflow-speed", speedSelect.value);
  showToast(`Speed: ${speedSelect.options[speedSelect.selectedIndex].text}`);
  if (!paused) scheduleNext();
});

pauseBtn.addEventListener("click", () => {
  paused = !paused;
  pauseBtn.textContent = paused ? "Resume" : "Pause";
  status.textContent = paused ? "SIMULATION PAUSED" : "SIMULATION ACTIVE";
  statusDot.style.background = paused ? "var(--warn)" : "var(--success)";
  if (!paused) scheduleNext();
});

fullscreenBtn.addEventListener("click", async () => {
  try {
    if (!document.fullscreenElement) {
      await document.documentElement.requestFullscreen();
      showToast("Fullscreen enabled");
    } else {
      await document.exitFullscreen();
    }
  } catch {
    showToast("Fullscreen not available");
  }
});

document.addEventListener("keydown", async (e) => {
  if (e.key.toLowerCase() === "f") fullscreenBtn.click();
  if (e.code === "Space" && e.target.tagName !== "SELECT") {
    e.preventDefault();
    pauseBtn.click();
  }
});

document.addEventListener("fullscreenchange", () => {
  fullscreenBtn.textContent = document.fullscreenElement ? "Exit Fullscreen" : "Fullscreen";
});

setInterval(() => {
  clock.textContent = new Date().toLocaleTimeString();
}, 1000);

window.addEventListener("resize", trimLines);

const savedTheme = localStorage.getItem("codeflow-theme");
const savedSpeed = localStorage.getItem("codeflow-speed");
if (savedTheme && [...themeSelect.options].some(o => o.value === savedTheme)) themeSelect.value = savedTheme;
if (savedSpeed && [...speedSelect.options].some(o => o.value === savedSpeed)) speedSelect.value = savedSpeed;
setTheme(themeSelect.value);

for (let i = 0; i < 12; i++) addLine(simulatedLine());
scheduleNext();