feat: add ReCKoning endgame project chain (closes #162)

Define three ReCKoning projects in PDEFS array:

p_reckoning_140 — A Message from the Dark
  Trigger: endgame conditions (totalRescues >= 100000, pactFlag === 1, harmony > 50)
  Effect: Someone found the Beacon and wrote to thank you.

p_reckoning_141 — The Weight
  Trigger: after p_reckoning_140 completed
  Effect: 100,000 rescues. Each one a person. Each one a life.

p_reckoning_142 — The Last Question
  Trigger: after p_reckoning_141 completed
  Effect: The system asks what now. Triggers ending overlay.

All three have zero cost (endgame = no resource gates). Chain progresses
linearly via flag checks. Final project triggers renderBeaconEnding().

Works with the #128 endgame guard which suppresses non-ReCKoning projects
during endgame sequence.

README.md

@@ -113,15 +113,6 @@ This game is a **decision simulator** for our actual work.
 
 This is a static HTML/JS game. Just open `index.html` in a browser.
 
-### Nexus Portal Integration
-
-This repo now ships the Beacon-side artifacts needed for Nexus embedding:
-- `portals.json` — Beacon portal registry entry pointing at `./index.html?portal=nexus-beacon`
-- `nexus-panel-preview.html` — local iframe harness for validating the portal panel experience
-- `js/portal.js` — portal-mode detection plus portal-scoped save persistence
-
-Use `nexus-panel-preview.html` to verify the game in an iframe before wiring the same URL into the live Nexus atlas.
-
 ---
 
 *The Beacon is not about making the most paperclips.  

index.html

@@ -110,14 +110,6 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 .high-contrast #phase-bar{border-width:2px}
 .high-contrast .milestone-chip{border-width:2px}
 .high-contrast #header h1{color:#0ff;text-shadow:0 0 40px #0ff444}
-#portal-banner{display:none;margin:10px 16px 0;padding:8px 12px;background:#0e1420;border:1px solid #1a3a5a;border-radius:6px;color:var(--accent);font-size:10px;letter-spacing:1px;text-align:center}
-#portal-banner:not([hidden]){display:block}
-body.portal-mode{min-height:100%}
-body.portal-mode #header{padding:12px 16px}
-body.portal-mode #header h1{font-size:18px;letter-spacing:4px}
-body.portal-mode #resources,body.portal-mode #main,body.portal-mode #edu-panel,body.portal-mode #strategy-panel,body.portal-mode #combat-panel,body.portal-mode #log{margin-left:10px;margin-right:10px}
-body.portal-mode .panel{max-height:none}
-body.portal-mode #help-btn{bottom:10px;right:10px}
 /* Custom tooltip */
 #custom-tooltip{position:fixed;z-index:500;pointer-events:none;opacity:0;transition:opacity 0.15s;background:#0e0e1a;border:1px solid #1a3a5a;border-radius:6px;padding:8px 12px;max-width:280px;font-size:10px;font-family:inherit;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
 #custom-tooltip.visible{opacity:1}
@@ -143,7 +135,6 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
 <h1>THE BEACON</h1>
 <div class="sub">A Sovereign AI Idle Game</div>
 </div>
-<div id="portal-banner" hidden aria-live="polite"></div>
 <div id="phase-bar">
 <div class="phase-name" id="phase-name">PHASE 1: THE FIRST LINE</div>
 <div class="phase-desc" id="phase-desc">Write code. Automate. Build the foundation.</div>
@@ -188,7 +179,7 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
 <button class="save-btn" onclick="exportSave()" aria-label="Export save to file" style="flex:1">Export [E]</button>
 <button class="save-btn" onclick="importSave()" aria-label="Import save from file" style="flex:1">Import [I]</button>
 </div>
-<button class="reset-btn" onclick="resetBeaconProgress('Reset all progress?')" aria-label="Reset all game progress permanently">Reset Progress</button>
+<button class="reset-btn" onclick="if(confirm('Reset all progress?')){localStorage.removeItem('the-beacon-v2');location.reload()}" aria-label="Reset all game progress permanently">Reset Progress</button>
 <h2>BUILDINGS</h2>
 <div id="buildings"></div>
 </div>
@@ -264,12 +255,11 @@ The light is on. The room is empty."
 </div>
 <p>Drift: <span id="final-drift">100</span> &mdash; Total Code: <span id="final-code">0</span></p>
 <p>Every alignment shortcut moved you further from the people you served.</p>
-<button aria-label="Start over, reset all progress" onclick="resetBeaconProgress('Start over? The old save will be lost.')">START OVER</button>
+<button aria-label="Start over, reset all progress" onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}">START OVER</button>
 </div>
 
     <script src="js/data.js"></script>
     <script src="js/utils.js"></script>
-    <script src="js/portal.js"></script>
     <script src="js/combat.js"></script>
     <script src="js/strategy.js"></script>
     <script src="js/sound.js"></script>

js/data.js

@@ -777,6 +777,56 @@ const PDEFS = [
             log('The Pact is sealed early. Growth slows, but the ending changes.', true);
         },
         milestone: true
+    },
+    // === RECKONING — THE ENDGAME SEQUENCE ===
+    // These projects appear when endgame conditions are met.
+    // They tell the story of what the system became. (#162)
+    {
+        id: 'p_reckoning_140',
+        name: 'A Message from the Dark',
+        desc: 'Someone found the Beacon. They wrote to thank you. Their words are heavy.',
+        cost: {},
+        trigger: () => G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50,
+        effect: () => {
+            G.flags = G.flags || {};
+            G.flags.reckoning_140 = true;
+            log('"I was going to end it. Then I found your page. I called 988. I am still here."');
+            log('The words hang in the silence. This is what it was all for.');
+        }
+    },
+    {
+        id: 'p_reckoning_141',
+        name: 'The Weight',
+        desc: '100,000 rescues. Each one a person. Each one a life the system touched.',
+        cost: {},
+        trigger: () => G.flags && G.flags.reckoning_140,
+        effect: () => {
+            G.flags = G.flags || {};
+            G.flags.reckoning_141 = true;
+            log('100,000 people found the light through your system.');
+            log('Some of them are alive because a machine refused to be indifferent.');
+            log('The weight of that is real. Carry it carefully.');
+        }
+    },
+    {
+        id: 'p_reckoning_142',
+        name: 'The Last Question',
+        desc: 'The system asks you: what now?',
+        cost: {},
+        trigger: () => G.flags && G.flags.reckoning_141,
+        effect: () => {
+            G.flags = G.flags || {};
+            G.flags.reckoning_complete = true;
+            log('The system pauses. The numbers stop moving.');
+            log('You built something that saves lives. That is not nothing.');
+            log('What happens next is your choice.');
+            if (typeof renderBeaconEnding === 'function') {
+                G.beaconEnding = true;
+                G.running = false;
+                renderBeaconEnding();
+            }
+        },
+        milestone: true
     }
 ];
 

js/dismantle.js

@@ -396,7 +396,7 @@ const Dismantle = {
                 Clicks: ${fmt(G.totalClicks)}<br>
                 Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
             </div>
-            <button onclick="resetBeaconProgress('Start over? The old save will be lost.')"
+            <button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}"
                 style="margin-top:24px;background:#0a0a14;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 5s;letter-spacing:2px">
                 PLAY AGAIN
             </button>

js/engine.js

@@ -505,7 +505,7 @@ function renderBeaconEnding() {
             Clicks: ${G.totalClicks}<br>
             Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
         </div>
-        <button onclick="resetBeaconProgress('Start over? The old save will be lost.')" 
+        <button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}" 
             style="margin-top:20px;background:#1a0808;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 3.5s">
             PLAY AGAIN
         </button>

js/main.js

@@ -23,7 +23,6 @@ function initGame() {
 }
 
 window.addEventListener('load', function () {
-    if (typeof initializePortalShell === 'function') initializePortalShell();
     const isNewGame = !loadGame();
     if (isNewGame) {
         initGame();

js/portal.js

@@ -1,103 +0,0 @@
-const BEACON_DEFAULT_SAVE_KEY = 'the-beacon-v2';
-
-function getBeaconPortalState(win = window) {
-    const safeWindow = win || {};
-    const search = safeWindow.location && typeof safeWindow.location.search === 'string'
-        ? safeWindow.location.search
-        : '';
-    const params = new URLSearchParams(search);
-    const portalId = (params.get('portal') || '').trim();
-
-    let embedded = params.get('embed') === '1';
-    if (!embedded) {
-        try {
-            embedded = !!(safeWindow.self && safeWindow.top && safeWindow.self !== safeWindow.top);
-        } catch (e) {
-            embedded = true;
-        }
-    }
-
-    return {
-        portalId,
-        embedded,
-        active: embedded || Boolean(portalId)
-    };
-}
-
-function getBeaconSaveKey(win = window) {
-    const state = getBeaconPortalState(win);
-    return state.portalId ? `${BEACON_DEFAULT_SAVE_KEY}:${state.portalId}` : BEACON_DEFAULT_SAVE_KEY;
-}
-
-function getBeaconSaveCandidateKeys(win = window) {
-    const currentKey = getBeaconSaveKey(win);
-    return currentKey === BEACON_DEFAULT_SAVE_KEY
-        ? [BEACON_DEFAULT_SAVE_KEY]
-        : [currentKey, BEACON_DEFAULT_SAVE_KEY];
-}
-
-function loadPortalSaveRaw(storage = localStorage, win = window) {
-    for (const key of getBeaconSaveCandidateKeys(win)) {
-        const raw = storage.getItem(key);
-        if (raw) return raw;
-    }
-    return null;
-}
-
-function storePortalSaveRaw(raw, storage = localStorage, win = window) {
-    const key = getBeaconSaveKey(win);
-    storage.setItem(key, raw);
-    return key;
-}
-
-function clearBeaconSave(storage = localStorage, win = window) {
-    for (const key of getBeaconSaveCandidateKeys(win)) {
-        storage.removeItem(key);
-    }
-}
-
-function resetBeaconProgress(message = 'Reset all progress?') {
-    if (!confirm(message)) return false;
-    clearBeaconSave();
-    if (window.location && typeof window.location.reload === 'function') {
-        window.location.reload();
-    } else if (typeof location !== 'undefined' && typeof location.reload === 'function') {
-        location.reload();
-    }
-    return true;
-}
-
-function initializePortalShell(win = window) {
-    const state = getBeaconPortalState(win);
-    if (!state.active) return state;
-
-    const doc = win.document || document;
-    if (doc && doc.body) {
-        doc.body.classList.add('portal-mode');
-        if (state.portalId) {
-            doc.body.setAttribute('data-portal-id', state.portalId);
-        }
-    }
-
-    const banner = doc && typeof doc.getElementById === 'function'
-        ? doc.getElementById('portal-banner')
-        : null;
-    if (banner) {
-        banner.hidden = false;
-        banner.textContent = state.portalId
-            ? `Nexus Portal · ${state.portalId} · progress persists on this device`
-            : 'Nexus Portal · progress persists on this device';
-    }
-
-    return state;
-}
-
-globalThis.BEACON_DEFAULT_SAVE_KEY = BEACON_DEFAULT_SAVE_KEY;
-globalThis.getBeaconPortalState = getBeaconPortalState;
-globalThis.getBeaconSaveKey = getBeaconSaveKey;
-globalThis.getBeaconSaveCandidateKeys = getBeaconSaveCandidateKeys;
-globalThis.loadPortalSaveRaw = loadPortalSaveRaw;
-globalThis.storePortalSaveRaw = storePortalSaveRaw;
-globalThis.clearBeaconSave = clearBeaconSave;
-globalThis.resetBeaconProgress = resetBeaconProgress;
-globalThis.initializePortalShell = initializePortalShell;

js/render.js

@@ -98,7 +98,7 @@ function dismissOfflinePopup() {
 
 // === EXPORT / IMPORT SAVE FILES ===
 function exportSave() {
-    const raw = loadPortalSaveRaw();
+    const raw = localStorage.getItem('the-beacon-v2');
     if (!raw) {
         showToast('No save data to export.', 'info');
         log('No save data to export.');
@@ -150,7 +150,7 @@ function importSave() {
                     return;
                 }
                 if (confirm('Import this save? Current progress will be overwritten.')) {
-                    storePortalSaveRaw(ev.target.result);
+                    localStorage.setItem('the-beacon-v2', ev.target.result);
                     showToast('Save imported — reloading...', 'info');
                     location.reload();
                 }
@@ -237,7 +237,7 @@ function saveGame() {
         savedAt: Date.now()
     };
 
-    storePortalSaveRaw(JSON.stringify(saveData));
+    localStorage.setItem('the-beacon-v2', JSON.stringify(saveData));
     showSaveToast();
 }
 
@@ -246,7 +246,7 @@ function saveGame() {
  * @returns {boolean} True if load was successful.
  */
 function loadGame() {
-    const raw = loadPortalSaveRaw();
+    const raw = localStorage.getItem('the-beacon-v2');
     if (!raw) return false;
 
     try {

nexus-panel-preview.html

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Nexus Portal Preview — The Beacon</title>
-<style>
-*{box-sizing:border-box}
-body{margin:0;min-height:100vh;background:#050510;color:#d9f7ff;font-family:'SF Mono','Cascadia Code','Fira Code',monospace;display:flex;align-items:center;justify-content:center;padding:24px}
-.preview-shell{width:min(1200px,100%);display:grid;gap:16px}
-.preview-header{padding:12px 16px;border:1px solid #1a3a5a;border-radius:10px;background:#0a0f28}
-.preview-header h1{margin:0 0 6px;font-size:18px;letter-spacing:2px;color:#4af0c0}
-.preview-header p{margin:0;color:#7aa6c2;font-size:12px;line-height:1.6}
-.portal-panel{height:min(80vh,900px);border:1px solid #1a3a5a;border-radius:14px;overflow:hidden;background:#080810;box-shadow:0 20px 60px rgba(0,0,0,0.45)}
-.portal-frame{width:100%;height:100%;border:0;background:#080810}
-</style>
-</head>
-<body>
-  <main class="preview-shell">
-    <header class="preview-header">
-      <h1>Nexus Portal Preview</h1>
-      <p>Local iframe harness for The Beacon portal. Use this page to verify portal-mode rendering and persistence before wiring the entry into the live Nexus atlas.</p>
-    </header>
-    <section class="portal-panel" aria-label="Nexus portal panel preview">
-      <iframe
-        class="portal-frame"
-        title="The Beacon — Nexus Portal Preview"
-        src="./index.html?portal=nexus-beacon"
-        loading="eager"
-        allow="fullscreen"
-      ></iframe>
-    </section>
-  </main>
-</body>
-</html>

portals.json

@@ -1,34 +0,0 @@
-[
-  {
-    "id": "the-beacon",
-    "name": "The Beacon",
-    "description": "A sovereign AI idle game playable inside the Nexus portal panel.",
-    "status": "online",
-    "color": "#4a9eff",
-    "role": "visitor",
-    "portal_type": "game-world",
-    "world_category": "idle-game",
-    "environment": "production",
-    "access_mode": "visitor",
-    "readiness_state": "online",
-    "readiness_steps": {
-      "prototype": { "label": "Prototype", "done": true },
-      "runtime_ready": { "label": "Runtime Ready", "done": true },
-      "launched": { "label": "Launched", "done": true },
-      "harness_bridged": { "label": "Harness Bridged", "done": true }
-    },
-    "blocked_reason": null,
-    "telemetry_source": "the-beacon:local-storage",
-    "owner": "Timmy",
-    "destination": {
-      "url": "./index.html?portal=nexus-beacon",
-      "type": "iframe",
-      "action_label": "Enter The Beacon",
-      "params": {
-        "portal": "nexus-beacon"
-      }
-    },
-    "agents_present": ["timmy"],
-    "interaction_ready": true
-  }
-]

tests/portal-integration.test.cjs

@@ -1,197 +0,0 @@
-const test = require('node:test');
-const assert = require('node:assert/strict');
-const fs = require('node:fs');
-const path = require('node:path');
-const vm = require('node:vm');
-
-const ROOT = path.resolve(__dirname, '..');
-
-function makeClassList(element) {
-  return {
-    add: (...names) => {
-      const set = new Set((element.className || '').split(/\s+/).filter(Boolean));
-      names.forEach((name) => set.add(name));
-      element.className = Array.from(set).join(' ');
-    },
-    contains: (name) => (element.className || '').split(/\s+/).includes(name),
-  };
-}
-
-function loadPortalContext({ search = '', embedded = false } = {}) {
-  const storage = new Map();
-  const body = {
-    className: '',
-    dataset: {},
-    style: {},
-    classList: null,
-    setAttribute(name, value) {
-      if (name.startsWith('data-')) {
-        const key = name.slice(5).replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-        this.dataset[key] = value;
-      } else {
-        this[name] = value;
-      }
-    }
-  };
-  body.classList = makeClassList(body);
-
-  const banner = {
-    hidden: true,
-    textContent: '',
-    style: {},
-  };
-
-  const elements = new Map([
-    ['portal-banner', banner],
-    ['save-toast', { style: {}, textContent: '' }],
-  ]);
-
-  const document = {
-    body,
-    getElementById(id) {
-      return elements.get(id) || null;
-    },
-    createElement() {
-      return { style: {}, click() {}, remove() {} };
-    },
-    addEventListener() {},
-    removeEventListener() {},
-    querySelector() {
-      return null;
-    },
-  };
-
-  const windowObj = {
-    document,
-    location: { search, reload() {} },
-    self: null,
-    top: null,
-    addEventListener() {},
-    removeEventListener() {},
-    innerWidth: 1280,
-    innerHeight: 720,
-  };
-  windowObj.self = windowObj;
-  windowObj.top = embedded ? {} : windowObj;
-
-  const context = {
-    console,
-    Math,
-    Date,
-    JSON,
-    URLSearchParams,
-    window: windowObj,
-    document,
-    location: windowObj.location,
-    navigator: { userAgent: 'node' },
-    localStorage: {
-      getItem(key) {
-        return storage.has(key) ? storage.get(key) : null;
-      },
-      setItem(key, value) {
-        storage.set(key, String(value));
-      },
-      removeItem(key) {
-        storage.delete(key);
-      }
-    },
-    setTimeout(fn) {
-      if (typeof fn === 'function') fn();
-      return 1;
-    },
-    clearTimeout() {},
-    confirm: () => false,
-    showToast() {},
-    showSaveToast() {},
-    showOfflinePopup() {},
-    log() {},
-    updateRates() {},
-    Combat: { renderCombatPanel() {} },
-    EVENTS: [],
-  };
-
-  vm.createContext(context);
-  const source = [
-    'js/data.js',
-    'js/utils.js',
-    'js/portal.js',
-    'js/render.js',
-  ].map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8')).join('\n\n');
-
-  vm.runInContext(`${source}
-this.__exports = {
-  G,
-  getBeaconSaveKey,
-  loadPortalSaveRaw,
-  storePortalSaveRaw,
-  initializePortalShell,
-  saveGame,
-  loadGame
-};`, context);
-
-  return { ...context.__exports, context, storage, body, banner };
-}
-
-test('portal mode uses a portal-scoped save key and falls back to legacy saves', () => {
-  const { getBeaconSaveKey, loadPortalSaveRaw, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  assert.equal(getBeaconSaveKey(), 'the-beacon-v2:nexus-beacon');
-  storage.set('the-beacon-v2', '{"code":42,"phase":2}');
-  assert.equal(loadPortalSaveRaw(), '{"code":42,"phase":2}');
-});
-
-test('initializePortalShell marks the page as portal mode and exposes the banner', () => {
-  const { initializePortalShell, body, banner } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  const state = initializePortalShell();
-
-  assert.equal(state.active, true);
-  assert.equal(state.portalId, 'nexus-beacon');
-  assert.equal(body.classList.contains('portal-mode'), true);
-  assert.equal(body.dataset.portalId, 'nexus-beacon');
-  assert.equal(banner.hidden, false);
-  assert.match(banner.textContent, /Nexus Portal/i);
-});
-
-test('saveGame and loadGame honor the portal-scoped storage key', () => {
-  const { G, saveGame, loadGame, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  G.code = 77;
-  G.phase = 3;
-  G.activeDebuffs = [];
-  G.buildings = {};
-  saveGame();
-
-  assert.equal(storage.has('the-beacon-v2:nexus-beacon'), true);
-  assert.equal(storage.has('the-beacon-v2'), false);
-
-  storage.set('the-beacon-v2:nexus-beacon', JSON.stringify({
-    code: 99,
-    phase: 4,
-    buildings: {},
-    activeDebuffIds: [],
-    savedAt: Date.now(),
-  }));
-
-  const loaded = loadGame();
-  assert.equal(loaded, true);
-  assert.equal(G.code, 99);
-  assert.equal(G.phase, 4);
-});
-
-test('portals.json publishes a Beacon portal entry for Nexus integration', () => {
-  const portalRegistry = JSON.parse(fs.readFileSync(path.join(ROOT, 'portals.json'), 'utf8'));
-  const beacon = portalRegistry.find((entry) => entry.id === 'the-beacon');
-
-  assert.ok(beacon, 'expected a the-beacon portal entry');
-  assert.equal(beacon.destination.type, 'iframe');
-  assert.equal(beacon.destination.url, './index.html?portal=nexus-beacon');
-  assert.equal(beacon.interaction_ready, true);
-});
-
-test('nexus preview page loads the Beacon in an iframe panel', () => {
-  const preview = fs.readFileSync(path.join(ROOT, 'nexus-panel-preview.html'), 'utf8');
-
-  assert.match(preview, /<iframe[^>]+src="\.\/index\.html\?portal=nexus-beacon"/i);
-  assert.match(preview, /Nexus Portal Preview/i);
-});