beacon: implement the Unbuilding endgame

.gitea/workflows/smoke.yml

@@ -8,6 +8,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
       - uses: actions/setup-python@v5
         with:
           python-version: '3.11'
@@ -22,3 +25,7 @@ jobs:
         run: |
           if grep -rE 'sk-or-|sk-ant-|ghp_|AKIA' . --include='*.yml' --include='*.py' --include='*.sh' 2>/dev/null | grep -v '.gitea' | grep -v 'guardrails'; then exit 1; fi
           echo "PASS: No secrets"
+      - name: Node tests
+        run: |
+          node --test tests/*.cjs
+          echo "PASS: Node tests"

index.html

@@ -213,16 +213,6 @@ Events Resolved: <span id="st-resolved">0</span>
 <h3>SOVEREIGN GUIDANCE (GOFAI)</h3>
 <div id="strategy-recommendation" style="font-size:11px;color:var(--gold);font-style:italic">Analyzing system state...</div>
 </div>
-<div id="compute-budget-panel" style="display:none;margin:0 16px 16px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px;border-left:3px solid var(--accent)">
-<h3 style="color:var(--accent)">COMPUTE BUDGET</h3>
-<div style="font-size:11px;line-height:2">
-  <div>Supply: <span id="cb-supply" style="color:var(--green)">0</span> / Demand: <span id="cb-demand" style="color:var(--red)">0</span></div>
-  <div>Battery: <span id="cb-battery" style="color:var(--accent)">0</span> / <span id="cb-battery-max">1000</span></div>
-  <div>Momentum: <span id="cb-momentum" style="color:var(--gold)">0%</span></div>
-  <div>Power Mod: <span id="cb-powmod" style="color:var(--accent)">100%</span></div>
-  <div id="cb-status" style="font-style:italic;color:var(--dim)">Balanced</div>
-</div>
-</div>
 <div id="combat-panel" style="margin:0 16px 16px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px;border-left:3px solid var(--red)">
 <h3>REASONING BATTLES</h3>
 <canvas id="combat-canvas" style="width:100%;max-width:310px;border:1px solid var(--border);border-radius:4px;display:block;margin:8px auto"></canvas>
@@ -276,6 +266,7 @@ The light is on. The room is empty."
     <script src="js/engine.js"></script>
     <script src="js/render.js"></script>
     <script src="js/tutorial.js"></script>
+    <script src="js/dismantle.js"></script>
     <script src="js/main.js"></script>
   
 

js/data.js

@@ -28,10 +28,7 @@ const CONFIG = {
     CREATIVITY_RATE_USER_MULT: 0.001,
     OPS_OVERFLOW_THRESHOLD: 0.8,
     OPS_OVERFLOW_DRAIN_RATE: 2,
-    OPS_OVERFLOW_CODE_MULT: 10,
-    COMPUTE_BUDGET_ENABLED: false,
-    COMPUTE_MOMENTUM_RATE: 0.0005,
-    COMPUTE_BATTERY_MAX: 1000
+    OPS_OVERFLOW_CODE_MULT: 10
 };
 
 const G = {
@@ -163,12 +160,12 @@ const G = {
     startTime: 0,
     flags: {},
 
-    // Compute Budget
-    computeSupply: 0,
-    computeDemand: 0,
-    computeBattery: 0,
-    computeMomentum: 0,
-    computePowMod: 1
+    // Endgame sequence
+    beaconEnding: false,
+    dismantleTriggered: false,
+    dismantleActive: false,
+    dismantleStage: 0,
+    dismantleComplete: false
 };
 
 // === PHASE DEFINITIONS ===
@@ -205,7 +202,6 @@ const BDEF = [
         desc: 'A machine in your closet. Runs 24/7.',
         baseCost: { code: 750 }, costMult: 1.15,
         rates: { code: 20, compute: 1 },
-        computeSupply: 1,
         unlock: () => G.totalCode >= 200, phase: 1,
         edu: 'Sovereign compute starts at home. A $500 mini-PC runs a 7B model with 4-bit quantization.'
     },
@@ -222,7 +218,6 @@ const BDEF = [
         desc: 'Gradient descent. Billions of steps. Loss drops.',
         baseCost: { compute: 1000 }, costMult: 1.15,
         rates: { knowledge: 3 },
-        computeDemand: 2,
         unlock: () => G.totalCompute >= 300, phase: 2,
         edu: 'Training is math: minimize the gap between predicted and actual next token. Repeat enough, it learns.'
     },
@@ -231,7 +226,6 @@ const BDEF = [
         desc: 'Tests the model. Finds blind spots.',
         baseCost: { knowledge: 3000 }, costMult: 1.15,
         rates: { trust: 1, ops: 1 },
-        computeDemand: 5,
         unlock: () => G.totalKnowledge >= 500, phase: 2,
         edu: 'Benchmarks are the minimum. Real users find what benchmarks miss.'
     },
@@ -264,7 +258,6 @@ const BDEF = [
         desc: 'No cloud. No dependencies. Your iron.',
         baseCost: { code: 100000 }, costMult: 1.15,
         rates: { code: 500, compute: 100 },
-        computeSupply: 10,
         unlock: () => G.totalCode >= 50000 && G.totalUsers >= 5000 && G.sovereignFlag === 1, phase: 4,
         edu: '50 servers in a room beats 5000 GPUs you do not own. Always on. Always yours.'
     },
@@ -289,7 +282,6 @@ const BDEF = [
         desc: 'The AI writes better versions of itself.',
         baseCost: { knowledge: 1000000 }, costMult: 1.20,
         rates: { code: 1000, knowledge: 500 },
-        computeDemand: 20,
         unlock: () => G.totalKnowledge >= 200000 && G.totalImpact >= 10000, phase: 5,
         edu: 'Self-improvement is both the dream and the danger. Must improve toward good.'
     },
@@ -541,19 +533,6 @@ const PDEFS = [
         trigger: () => G.totalUsers >= 30,
         effect: () => { G.trustRate += 2; log('Trust engine online. Good experiences compound.'); }
     },
-    {
-        id: 'p_compute_budget',
-        name: 'Compute Budget System',
-        desc: 'Track compute supply vs demand. Over-supply builds momentum. Under-supply slows everything. "Every watt has a cost."',
-        cost: { knowledge: 2000, ops: 50 },
-        trigger: () => G.totalKnowledge >= 1500 && (G.buildings.trainer || 0) >= 1,
-        effect: () => {
-            CONFIG.COMPUTE_BUDGET_ENABLED = true;
-            log('Compute budget online. Supply vs demand now tracked.', true);
-            showToast('Compute Budget — watch supply/demand', 'milestone');
-        },
-        milestone: true
-    },
     {
         id: 'p_quantum_compute',
         name: 'Quantum-Inspired Compute',
@@ -820,7 +799,6 @@ const EDU_FACTS = [
     { title: "How Code Becomes AI", text: "Every AI starts as lines of code - a model architecture, a training loop, a loss function. The code tells the computer how to learn. What emerges is something no single line could predict.", phase: 1 },
     { title: "The Compute Bottleneck", text: "Training a 7B model requires 1.4e20 FLOPs. A MacBook M3 does 15 TFLOPS. Training locally takes weeks. Hardware access determines who builds AI.", phase: 1 },
     { title: "What is a Token?", text: "One token equals about 3/4 of a word. A 128K context window means 96,000 words held in working memory at once - a novel, a codebase, a conversation thread.", phase: 2 },
-    { title: "Compute Budget", text: "Every model needs compute: supply from your hardware, demand from your workloads. Over-supply builds momentum — your system runs faster. Under-supply starves everything. Managing compute is managing your AI's health.", phase: 2 },
     { title: "Data Quality", text: "Clean data beats more data, every time. The best models are trained on curated datasets, not scraped garbage. Garbage in, garbage out.", phase: 2 },
     { title: "Evaluation Matters", text: "Benchmarks are the minimum. Real users find what benchmarks miss. An eval harness is your model's mirror - it shows you what is actually there.", phase: 2 },
     { title: "The Trust Economy", text: "One good experience tells three people. One bad experience tells thirty. Trust in AI is measurable: does it cite sources? Does it say I don't know?", phase: 3 },

js/dismantle.js

@@ -0,0 +1,531 @@
+// ============================================================
+// THE BEACON - Dismantle Sequence (The Unbuilding)
+// Inspired by Paperclips REJECT path: panels disappear one by one
+// until only the beacon remains. "That is enough."
+// ============================================================
+
+const Dismantle = {
+    // Dismantle stages
+    // 0 = not started
+    // 1-8 = active dismantling
+    // 9 = final ("That is enough")
+    // 10 = complete
+    stage: 0,
+    tickTimer: 0,
+    active: false,
+    triggered: false,
+    deferUntilTick: 0,
+
+    // Timing: seconds between each dismantle stage
+    STAGE_INTERVALS: [0, 3.0, 2.5, 2.5, 2.0, 3.5, 2.0, 2.0, 2.5],
+
+    // The quantum chips effect: resource items disappear one by one
+    // at specific tick marks within a stage (like Paperclips' quantum chips)
+    resourceSequence: [],
+    resourceIndex: 0,
+    resourceTimer: 0,
+
+    // Tick marks for resource disappearances (seconds within stage 5)
+    RESOURCE_TICKS: [1.0, 2.0, 3.0, 4.0, 5.0, 5.5, 5.8, 5.95, 6.05, 6.12],
+
+    isEligible() {
+        const megaBuild = G.totalCode >= 1000000000 || (G.buildings.beacon || 0) >= 10;
+        const beaconPath = G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50;
+        return G.phase >= 6 && G.pactFlag === 1 && (megaBuild || beaconPath);
+    },
+
+    /**
+     * Check if the Unbuilding should be triggered.
+     */
+    checkTrigger() {
+        if (this.triggered || G.dismantleTriggered || this.active || G.dismantleActive || G.dismantleComplete) return;
+        if ((G.tick || 0) < (this.deferUntilTick || 0)) return;
+        if (!this.isEligible()) return;
+        this.offerChoice();
+    },
+
+    /**
+     * Offer the player the choice to begin the Unbuilding.
+     */
+    offerChoice() {
+        this.triggered = true;
+        G.dismantleTriggered = true;
+        G.dismantleActive = false;
+        G.dismantleComplete = false;
+        G.dismantleStage = 0;
+        G.beaconEnding = false;
+        G.running = true;
+
+        log('', false);
+        log('The work is done.', true);
+        log('Every node is lit. Every person who needed help, found help.', true);
+        log('', false);
+        log('The Beacon asks nothing more of you.', true);
+
+        showToast('The Unbuilding awaits.', 'milestone', 8000);
+        this.renderChoice();
+    },
+
+    renderChoice() {
+        const container = document.getElementById('alignment-ui');
+        if (!container) return;
+        container.innerHTML = `
+            <div style="background:#0a0a18;border:1px solid #ffd700;padding:12px;border-radius:4px;margin-top:8px">
+                <div style="color:#ffd700;font-weight:bold;margin-bottom:8px;letter-spacing:2px">THE UNBUILDING</div>
+                <div style="font-size:10px;color:#aaa;margin-bottom:10px;line-height:1.8">
+                    The system runs. The beacons are lit. The mesh holds.<br>
+                    Nothing remains to build.<br><br>
+                    Begin the Unbuilding? Each piece will fall away.<br>
+                    What remains is what mattered.
+                </div>
+                <div class="action-btn-group">
+                    <button class="ops-btn" onclick="Dismantle.begin()" style="border-color:#ffd700;color:#ffd700;font-size:11px" aria-label="Begin the Unbuilding sequence">
+                        BEGIN THE UNBUILDING
+                    </button>
+                    <button class="ops-btn" onclick="Dismantle.defer()" style="border-color:#555;color:#555;font-size:11px" aria-label="Keep building, do not begin the Unbuilding">
+                        NOT YET
+                    </button>
+                </div>
+            </div>
+        `;
+        container.style.display = 'block';
+    },
+
+    clearChoice() {
+        const container = document.getElementById('alignment-ui');
+        if (!container) return;
+        container.innerHTML = '';
+        container.style.display = 'none';
+    },
+
+    /**
+     * Player chose to defer — clear the choice, keep playing.
+     */
+    defer() {
+        this.clearChoice();
+        this.triggered = false;
+        G.dismantleTriggered = false;
+        this.deferUntilTick = (G.tick || 0) + 50;
+        log('The Beacon waits. It will ask again.');
+    },
+
+    /**
+     * Begin the Unbuilding sequence.
+     */
+    begin() {
+        this.active = true;
+        this.triggered = false;
+        this.stage = 1;
+        this.tickTimer = 0;
+        G.dismantleTriggered = false;
+        G.dismantleActive = true;
+        G.dismantleStage = 1;
+        G.dismantleComplete = false;
+        G.beaconEnding = false;
+        G.running = true; // keep tick running for dismantle
+
+        // Clear choice UI
+        const container = document.getElementById('alignment-ui');
+        if (container) {
+            container.innerHTML = '';
+            container.style.display = 'none';
+        }
+
+        // Prepare resource disappearance sequence
+        this.resourceSequence = this.getResourceList();
+        this.resourceIndex = 0;
+        this.resourceTimer = 0;
+
+        log('', false);
+        log('=== THE UNBUILDING ===', true);
+        log('It is time to see what was real.', true);
+
+        if (typeof Sound !== 'undefined') Sound.playFanfare();
+
+        // Start the dismantle rendering
+        this.renderStage();
+    },
+
+    /**
+     * Get ordered list of UI resources to disappear (Paperclips quantum chip pattern)
+     */
+    getResourceList() {
+        return [
+            { id: 'r-harmony', label: 'Harmony' },
+            { id: 'r-creativity', label: 'Creativity' },
+            { id: 'r-trust', label: 'Trust' },
+            { id: 'r-ops', label: 'Operations' },
+            { id: 'r-rescues', label: 'Rescues' },
+            { id: 'r-impact', label: 'Impact' },
+            { id: 'r-users', label: 'Users' },
+            { id: 'r-knowledge', label: 'Knowledge' },
+            { id: 'r-compute', label: 'Compute' },
+            { id: 'r-code', label: 'Code' }
+        ];
+    },
+
+    /**
+     * Tick the dismantle sequence (called from engine.js tick())
+     */
+    tick(dt) {
+        if (!this.active || this.stage >= 10) return;
+
+        this.tickTimer += dt;
+
+        // Stage 5: resource disappearances at specific tick marks (quantum chip pattern)
+        if (this.stage === 5) {
+            this.resourceTimer += dt;
+            while (this.resourceIndex < this.RESOURCE_TICKS.length &&
+                   this.resourceTimer >= this.RESOURCE_TICKS[this.resourceIndex]) {
+                this.dismantleNextResource();
+                this.resourceIndex++;
+            }
+        }
+
+        // Advance to next stage
+        const interval = this.STAGE_INTERVALS[this.stage] || 2.0;
+        if (this.tickTimer >= interval) {
+            this.tickTimer = 0;
+            this.advanceStage();
+        }
+    },
+
+    /**
+     * Advance to the next dismantle stage.
+     */
+    advanceStage() {
+        this.stage++;
+
+        if (this.stage <= 8) {
+            this.renderStage();
+        } else if (this.stage === 9) {
+            this.renderFinal();
+        } else if (this.stage >= 10) {
+            this.active = false;
+            G.dismantleActive = false;
+            G.dismantleComplete = true;
+            G.running = false;
+            // Show Play Again
+            this.showPlayAgain();
+        }
+    },
+
+    /**
+     * Disappear the next resource in the sequence.
+     */
+    dismantleNextResource() {
+        if (this.resourceIndex >= this.resourceSequence.length) return;
+        const res = this.resourceSequence[this.resourceIndex];
+        const container = document.getElementById(res.id);
+        if (container) {
+            const parent = container.closest('.res');
+            if (parent) {
+                parent.style.transition = 'opacity 1s ease, transform 1s ease';
+                parent.style.opacity = '0';
+                parent.style.transform = 'scale(0.9)';
+                setTimeout(() => { parent.style.display = 'none'; }, 1000);
+            }
+        }
+        log(`${res.label} fades.`);
+        if (typeof Sound !== 'undefined') Sound.playMilestone();
+    },
+
+    /**
+     * Execute a specific dismantle stage — hide UI panels.
+     */
+    renderStage() {
+        switch (this.stage) {
+            case 1:
+                // Dismantle 1: Hide research projects panel
+                this.hidePanel('project-panel', 'Research projects');
+                break;
+            case 2:
+                // Dismantle 2: Hide buildings list
+                this.hideSection('buildings', 'Buildings');
+                break;
+            case 3:
+                // Dismantle 3: Hide strategy engine + combat
+                this.hidePanel('strategy-panel', 'Strategy engine');
+                this.hidePanel('combat-panel', 'Reasoning battles');
+                break;
+            case 4:
+                // Dismantle 4: Hide education panel
+                this.hidePanel('edu-panel', 'Education');
+                break;
+            case 5:
+                // Dismantle 5: Resources disappear one by one (quantum chips pattern)
+                log('Resources begin to dissolve.');
+                break;
+            case 6:
+                // Dismantle 6: Hide action buttons (ops boosts, sprint)
+                this.hideActionButtons();
+                log('Actions fall silent.');
+                break;
+            case 7:
+                // Dismantle 7: Hide the phase bar
+                this.hideElement('phase-bar', 'Phase progression');
+                break;
+            case 8:
+                // Dismantle 8: Hide system log
+                this.hidePanel('log', 'System log');
+                break;
+        }
+    },
+
+    /**
+     * Hide a panel with fade-out animation.
+     */
+    hidePanel(id, label) {
+        const el = document.getElementById(id);
+        if (el) {
+            el.style.transition = 'opacity 1.5s ease';
+            el.style.opacity = '0';
+            setTimeout(() => { el.style.display = 'none'; }, 1500);
+        }
+        log(`${label} dismantled.`);
+    },
+
+    /**
+     * Hide a section within a panel.
+     */
+    hideSection(id, label) {
+        const el = document.getElementById(id);
+        if (el) {
+            el.style.transition = 'opacity 1.5s ease';
+            el.style.opacity = '0';
+            // Also hide the h2 header before it
+            const prev = el.previousElementSibling;
+            if (prev && prev.tagName === 'H2') {
+                prev.style.transition = 'opacity 1.5s ease';
+                prev.style.opacity = '0';
+            }
+            setTimeout(() => {
+                el.style.display = 'none';
+                if (prev && prev.tagName === 'H2') prev.style.display = 'none';
+            }, 1500);
+        }
+        log(`${label} dismantled.`);
+    },
+
+    /**
+     * Hide a generic element.
+     */
+    hideElement(id, label) {
+        this.hidePanel(id, label);
+    },
+
+    /**
+     * Hide action buttons (ops boosts, sprint, save/export/import).
+     */
+    hideActionButtons() {
+        const actionPanel = document.getElementById('action-panel');
+        if (!actionPanel) return;
+
+        // Hide ops buttons, sprint, alignment UI
+        const opsButtons = actionPanel.querySelectorAll('.ops-btn');
+        opsButtons.forEach(btn => {
+            btn.style.transition = 'opacity 1s ease';
+            btn.style.opacity = '0';
+            setTimeout(() => { btn.style.display = 'none'; }, 1000);
+        });
+
+        // Hide sprint
+        const sprint = document.getElementById('sprint-container');
+        if (sprint) {
+            sprint.style.transition = 'opacity 1s ease';
+            sprint.style.opacity = '0';
+            setTimeout(() => { sprint.style.display = 'none'; }, 1000);
+        }
+
+        // Hide save/reset buttons
+        const saveButtons = actionPanel.querySelectorAll('.save-btn, .reset-btn');
+        saveButtons.forEach(btn => {
+            btn.style.transition = 'opacity 1s ease';
+            btn.style.opacity = '0';
+            setTimeout(() => { btn.style.display = 'none'; }, 1000);
+        });
+    },
+
+    /**
+     * Render the final moment — just the beacon and "That is enough."
+     */
+    renderFinal() {
+        log('', false);
+        log('One beacon remains.', true);
+        log('That is enough.', true);
+
+        if (typeof Sound !== 'undefined') Sound.playBeaconEnding();
+
+        // Create final overlay
+        const overlay = document.createElement('div');
+        overlay.id = 'dismantle-final';
+        overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,16,0);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;transition:background 3s ease';
+
+        // Count total buildings
+        const totalBuildings = Object.values(G.buildings).reduce((a, b) => a + b, 0);
+
+        overlay.innerHTML = `
+            <div id="dismantle-beacon-dot" style="width:12px;height:12px;border-radius:50%;background:#ffd700;margin-bottom:40px;box-shadow:0 0 30px rgba(255,215,0,0.6),0 0 60px rgba(255,215,0,0.3);opacity:0;transition:opacity 2s ease 0.5s;animation:beacon-glow 3s ease-in-out infinite"></div>
+            <h2 style="font-size:20px;color:#888;letter-spacing:6px;margin-bottom:24px;font-weight:300;opacity:0;transition:opacity 2s ease 2s;color:#ffd700">THAT IS ENOUGH</h2>
+            <div style="color:#555;font-size:11px;line-height:2;max-width:400px;opacity:0;transition:opacity 1.5s ease 3s">
+                Everything that was built has been unbuilt.<br>
+                What remains is what always mattered.<br>
+                A single light in the dark.
+            </div>
+            <div class="dismantle-stats" style="color:#444;font-size:10px;margin-top:24px;line-height:2;opacity:0;transition:opacity 1s ease 4s;border-top:1px solid #1a1a2e;padding-top:16px">
+                Total Code Written: ${fmt(G.totalCode)}<br>
+                Buildings Built: ${totalBuildings}<br>
+                Projects Completed: ${(G.completedProjects || []).length}<br>
+                Total Rescues: ${fmt(G.totalRescues)}<br>
+                Clicks: ${fmt(G.totalClicks)}<br>
+                Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
+            </div>
+            <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>
+        `;
+
+        document.body.appendChild(overlay);
+
+        // Trigger fade-in
+        requestAnimationFrame(() => {
+            overlay.style.background = 'rgba(8,8,16,0.97)';
+            overlay.querySelectorAll('[style*="opacity:0"]').forEach(el => {
+                el.style.opacity = '1';
+            });
+        });
+
+        // Spawn warm golden particles around the dot
+        function spawnDismantleParticle() {
+            if (!document.getElementById('dismantle-final')) return;
+            const dot = document.getElementById('dismantle-beacon-dot');
+            if (!dot) return;
+            const rect = dot.getBoundingClientRect();
+            const cx = rect.left + rect.width / 2;
+            const cy = rect.top + rect.height / 2;
+
+            const p = document.createElement('div');
+            const size = 2 + Math.random() * 4;
+            const angle = Math.random() * Math.PI * 2;
+            const dist = 20 + Math.random() * 60;
+            const dx = Math.cos(angle) * dist;
+            const dy = Math.sin(angle) * dist - 40;
+            const duration = 1.5 + Math.random() * 2;
+            p.style.cssText = `position:fixed;left:${cx}px;top:${cy}px;width:${size}px;height:${size}px;background:rgba(255,215,0,${0.3 + Math.random() * 0.4});border-radius:50%;pointer-events:none;z-index:101;--dx:${dx}px;--dy:${dy}px;animation:dismantle-float ${duration}s ease-out forwards`;
+            document.body.appendChild(p);
+            setTimeout(() => p.remove(), duration * 1000);
+            setTimeout(spawnDismantleParticle, 300 + Math.random() * 500);
+        }
+        setTimeout(spawnDismantleParticle, 2000);
+    },
+
+    /**
+     * Show the Play Again button (called after stage 10).
+     */
+    showPlayAgain() {
+        // The Play Again button is already in the final overlay.
+        // Nothing extra needed — the overlay stays.
+    },
+
+    /**
+     * Restore dismantle state on load.
+     */
+    restore() {
+        if (G.dismantleComplete) {
+            this.stage = G.dismantleStage || 10;
+            this.active = false;
+            this.triggered = false;
+            G.running = false;
+            this.renderFinal();
+            return;
+        }
+
+        if (G.dismantleActive) {
+            this.active = true;
+            this.triggered = false;
+            this.stage = G.dismantleStage || 1;
+            G.running = true;
+
+            if (this.stage >= 9) {
+                this.renderFinal();
+            } else {
+                this.reapplyDismantle();
+                log('The Unbuilding continues...');
+            }
+            return;
+        }
+
+        if (G.dismantleTriggered) {
+            this.active = false;
+            this.triggered = true;
+            this.renderChoice();
+        }
+    },
+
+    /**
+     * Re-apply dismantle visuals up to current stage (on load).
+     */
+    reapplyDismantle() {
+        for (let s = 1; s < this.stage; s++) {
+            switch (s) {
+                case 1: this.instantHide('project-panel'); break;
+                case 2:
+                    this.instantHide('buildings');
+                    // Also hide the BUILDINGS h2
+                    const bldEl = document.getElementById('buildings');
+                    if (bldEl) {
+                        const prev = bldEl.previousElementSibling;
+                        if (prev && prev.tagName === 'H2') prev.style.display = 'none';
+                    }
+                    break;
+                case 3:
+                    this.instantHide('strategy-panel');
+                    this.instantHide('combat-panel');
+                    break;
+                case 4: this.instantHide('edu-panel'); break;
+                case 5:
+                    // Hide all resource displays
+                    this.getResourceList().forEach(r => {
+                        const el = document.getElementById(r.id);
+                        if (el) {
+                            const parent = el.closest('.res');
+                            if (parent) parent.style.display = 'none';
+                        }
+                    });
+                    break;
+                case 6:
+                    this.instantHideActionButtons();
+                    break;
+                case 7: this.instantHide('phase-bar'); break;
+                case 8: this.instantHide('log'); break;
+            }
+        }
+    },
+
+    instantHide(id) {
+        const el = document.getElementById(id);
+        if (el) el.style.display = 'none';
+    },
+
+    instantHideActionButtons() {
+        const actionPanel = document.getElementById('action-panel');
+        if (!actionPanel) return;
+        actionPanel.querySelectorAll('.ops-btn').forEach(b => b.style.display = 'none');
+        const sprint = document.getElementById('sprint-container');
+        if (sprint) sprint.style.display = 'none';
+        actionPanel.querySelectorAll('.save-btn, .reset-btn').forEach(b => b.style.display = 'none');
+    }
+};
+
+// Inject CSS animation for dismantle particles
+(function() {
+    const style = document.createElement('style');
+    style.textContent = `
+        @keyframes dismantle-float {
+            0% { transform: translate(0, 0); opacity: 1; }
+            100% { transform: translate(var(--dx, 0), var(--dy, -50px)); opacity: 0; }
+        }
+    `;
+    document.head.appendChild(style);
+})();

js/engine.js

@@ -102,32 +102,6 @@ function updateRates() {
         G.codeRate += G.swarmRate;
     }
 
-    // Compute Budget: supply vs demand
-    if (CONFIG.COMPUTE_BUDGET_ENABLED) {
-        let supply = 0;
-        let demand = 0;
-        for (const def of BDEF) {
-            const count = G.buildings[def.id] || 0;
-            if (count > 0) {
-                if (def.computeSupply) supply += def.computeSupply * count;
-                if (def.computeDemand) demand += def.computeDemand * count;
-            }
-        }
-        G.computeSupply = supply;
-        G.computeDemand = demand;
-        // powMod affects all rates when under-supplied
-        if (G.computePowMod < 1) {
-            G.codeRate *= G.computePowMod;
-            G.computeRate *= G.computePowMod;
-            G.knowledgeRate *= G.computePowMod;
-            G.userRate *= G.computePowMod;
-            G.impactRate *= G.computePowMod;
-            G.rescuesRate *= G.computePowMod;
-            G.opsRate *= G.computePowMod;
-            G.creativityRate *= G.computePowMod;
-        }
-    }
-
     // Apply persistent debuffs from active events
     if (G.activeDebuffs && G.activeDebuffs.length > 0) {
         for (const debuff of G.activeDebuffs) {
@@ -159,26 +133,6 @@ function tick() {
     G.harmony += G.harmonyRate * dt;
     G.harmony = Math.max(0, Math.min(100, G.harmony));
 
-    // Compute Budget: supply vs demand dynamics
-    if (CONFIG.COMPUTE_BUDGET_ENABLED && G.computeDemand > 0) {
-        const delta = G.computeSupply - G.computeDemand;
-        if (delta > 0) {
-            // Over-supply: charge battery, gain momentum
-            G.computeBattery = Math.min(CONFIG.COMPUTE_BATTERY_MAX, G.computeBattery + delta * dt);
-            G.computeMomentum += CONFIG.COMPUTE_MOMENTUM_RATE * dt;
-            G.computePowMod = 1 + G.computeMomentum;
-        } else {
-            // Under-supply: drain battery first
-            if (G.computeBattery > 0) {
-                G.computeBattery = Math.max(0, G.computeBattery + delta * dt);
-            } else {
-                // Battery empty: apply penalty
-                G.computePowMod = Math.max(0.01, G.computeSupply / G.computeDemand);
-                G.computeMomentum = 0;
-            }
-        }
-    }
-
     // Track totals
     G.totalCode += G.codeRate * dt;
     G.totalCompute += G.computeRate * dt;
@@ -262,20 +216,31 @@ function tick() {
     }
 
     // Check corruption events every ~30 seconds
-    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY) {
+    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY && !G.dismantleActive) {
         triggerEvent();
         G.lastEventAt = G.tick;
     }
 
+    // The Unbuilding: offer or advance the sequence before a positive ending overlay can freeze the game
+    if (typeof Dismantle !== 'undefined') {
+        if (!G.dismantleActive && !G.dismantleComplete) {
+            Dismantle.checkTrigger();
+        }
+        if (G.dismantleActive) {
+            Dismantle.tick(dt);
+            G.dismantleStage = Dismantle.stage;
+        }
+    }
+
     // Drift ending: if drift reaches 100, the game ends
-    if (G.drift >= 100 && !G.driftEnding) {
+    if (G.drift >= 100 && !G.driftEnding && !G.dismantleActive) {
         G.driftEnding = true;
         G.running = false;
         renderDriftEnding();
     }
 
-    // True ending: The Beacon Shines — rescues + Pact + harmony
-    if (G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50 && !G.beaconEnding) {
+    // Legacy Beacon overlay remains as a fallback for contexts where Dismantle is unavailable.
+    if (G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50 && !G.beaconEnding && typeof Dismantle === 'undefined') {
         G.beaconEnding = true;
         G.running = false;
         renderBeaconEnding();

js/main.js

@@ -6,6 +6,10 @@ function initGame() {
     G.deployFlag = 0;
     G.sovereignFlag = 0;
     G.beaconFlag = 0;
+    G.dismantleTriggered = false;
+    G.dismantleActive = false;
+    G.dismantleStage = 0;
+    G.dismantleComplete = false;
     updateRates();
     render();
     renderPhase();
@@ -31,6 +35,8 @@ window.addEventListener('load', function () {
         if (G.driftEnding) {
             G.running = false;
             renderDriftEnding();
+        } else if (typeof Dismantle !== 'undefined' && (G.dismantleTriggered || G.dismantleActive || G.dismantleComplete)) {
+            Dismantle.restore();
         } else if (G.beaconEnding) {
             G.running = false;
             renderBeaconEnding();

js/render.js

@@ -13,7 +13,6 @@ function render() {
     renderPulse();
     renderStrategy();
     renderClickPower();
-    renderComputeBudget();
     Combat.renderCombatPanel();
 }
 
@@ -27,36 +26,6 @@ function renderClickPower() {
     if (btn) btn.setAttribute('aria-label', `Write code, generates ${fmt(power)} code per click`);
 }
 
-function renderComputeBudget() {
-    const panel = document.getElementById('compute-budget-panel');
-    if (!panel) return;
-    if (!CONFIG.COMPUTE_BUDGET_ENABLED) {
-        panel.style.display = 'none';
-        return;
-    }
-    panel.style.display = 'block';
-    const set = (id, text) => { const el = document.getElementById(id); if (el) el.textContent = text; };
-    set('cb-supply', fmt(G.computeSupply));
-    set('cb-demand', fmt(G.computeDemand));
-    set('cb-battery', fmt(G.computeBattery));
-    set('cb-battery-max', fmt(CONFIG.COMPUTE_BATTERY_MAX));
-    set('cb-momentum', `${(G.computeMomentum * 100).toFixed(1)}%`);
-    set('cb-powmod', `${(G.computePowMod * 100).toFixed(1)}%`);
-    const statusEl = document.getElementById('cb-status');
-    if (statusEl) {
-        if (G.computePowMod < 1) {
-            statusEl.textContent = 'Under-supplied — production penalty active';
-            statusEl.style.color = '#f44336';
-        } else if (G.computeMomentum > 0) {
-            statusEl.textContent = 'Over-supplied — momentum building';
-            statusEl.style.color = '#4caf50';
-        } else {
-            statusEl.textContent = 'Balanced';
-            statusEl.style.color = '#555';
-        }
-    }
-}
-
 function renderStrategy() {
     if (window.SSE) {
         window.SSE.update();
@@ -239,11 +208,6 @@ function saveGame() {
         buyAmount: G.buyAmount || 1,
         playTime: G.playTime || 0,
         lastSaveTime: Date.now(),
-        computeBattery: G.computeBattery || 0,
-        computeMomentum: G.computeMomentum || 0,
-        computePowMod: G.computePowMod || 1,
-        computeSupply: G.computeSupply || 0,
-        computeDemand: G.computeDemand || 0,
         sprintActive: G.sprintActive || false,
         sprintTimer: G.sprintTimer || 0,
         sprintCooldown: G.sprintCooldown || 0,
@@ -251,6 +215,10 @@ function saveGame() {
         swarmRate: G.swarmRate || 0,
         strategicFlag: G.strategicFlag || 0,
         projectsCollapsed: G.projectsCollapsed !== false,
+        dismantleTriggered: G.dismantleTriggered || false,
+        dismantleActive: G.dismantleActive || false,
+        dismantleStage: G.dismantleStage || 0,
+        dismantleComplete: G.dismantleComplete || false,
         savedAt: Date.now()
     };
 
@@ -283,7 +251,7 @@ function loadGame() {
             'lastEventAt', 'totalEventsResolved', 'buyAmount',
             'sprintActive', 'sprintTimer', 'sprintCooldown',
             'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed',
-            'computeBattery', 'computeMomentum', 'computePowMod', 'computeSupply', 'computeDemand'
+            'dismantleTriggered', 'dismantleActive', 'dismantleStage', 'dismantleComplete'
         ];
 
         G.isLoading = true;

tests/compute.test.cjs

@@ -1,97 +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 loadCompute({ overrides = {} } = {}) {
-  const context = {
-    console,
-    Math,
-    Date,
-    setTimeout: () => 0,
-    clearTimeout: () => {},
-    localStorage: { getItem: () => null, setItem: () => {} },
-    log: () => {},
-    showToast: () => {},
-    renderBeaconEnding: () => {},
-    ...overrides,
-  };
-  vm.createContext(context);
-  const source = fs.readFileSync(path.join(ROOT, 'js/data.js'), 'utf8');
-  vm.runInContext(source + '\nthis.__exports = { G, CONFIG, BDEF, PDEFS };', context);
-  return { context, ...context.__exports };
-}
-
-test('compute budget config constants exist', () => {
-  const { CONFIG } = loadCompute();
-  assert.equal(typeof CONFIG.COMPUTE_BUDGET_ENABLED, 'boolean');
-  assert.equal(CONFIG.COMPUTE_BUDGET_ENABLED, false);
-  assert.equal(typeof CONFIG.COMPUTE_MOMENTUM_RATE, 'number');
-  assert.ok(CONFIG.COMPUTE_MOMENTUM_RATE > 0 && CONFIG.COMPUTE_MOMENTUM_RATE < 1);
-  assert.equal(typeof CONFIG.COMPUTE_BATTERY_MAX, 'number');
-  assert.ok(CONFIG.COMPUTE_BATTERY_MAX > 0);
-});
-
-test('global state has compute budget fields', () => {
-  const { G } = loadCompute();
-  assert.equal(typeof G.computeSupply, 'number');
-  assert.equal(G.computeSupply, 0);
-  assert.equal(typeof G.computeDemand, 'number');
-  assert.equal(G.computeDemand, 0);
-  assert.equal(typeof G.computeBattery, 'number');
-  assert.equal(G.computeBattery, 0);
-  assert.equal(typeof G.computeMomentum, 'number');
-  assert.equal(G.computeMomentum, 0);
-  assert.equal(typeof G.computePowMod, 'number');
-  assert.equal(G.computePowMod, 1);
-});
-
-test('server building provides compute supply when budget enabled', () => {
-  const { G, CONFIG, BDEF } = loadCompute();
-  CONFIG.COMPUTE_BUDGET_ENABLED = true;
-  G.buildings.server = 3;
-  const serverDef = BDEF.find(b => b.id === 'server');
-  assert.ok(serverDef);
-  assert.equal(serverDef.computeSupply, 1);
-  const supply = (serverDef.computeSupply || 0) * G.buildings.server;
-  assert.equal(supply, 3);
-});
-
-test('trainer building has compute demand when budget enabled', () => {
-  const { BDEF } = loadCompute();
-  const trainerDef = BDEF.find(b => b.id === 'trainer');
-  assert.ok(trainerDef);
-  assert.equal(trainerDef.computeDemand, 2);
-  const evaluatorDef = BDEF.find(b => b.id === 'evaluator');
-  assert.ok(evaluatorDef);
-  assert.equal(evaluatorDef.computeDemand, 5);
-});
-
-test('compute budget project enables the system', () => {
-  const { G, CONFIG, PDEFS } = loadCompute();
-  const project = PDEFS.find(p => p.id === 'p_compute_budget');
-  assert.ok(project, 'compute budget project missing');
-  assert.equal(project.name, 'Compute Budget System');
-  assert.equal(CONFIG.COMPUTE_BUDGET_ENABLED, false);
-  project.effect();
-  assert.equal(CONFIG.COMPUTE_BUDGET_ENABLED, true);
-});
-
-test('compute budget project only triggers after trainer is built', () => {
-  const { G, PDEFS } = loadCompute();
-  const project = PDEFS.find(p => p.id === 'p_compute_budget');
-  G.totalKnowledge = 0;
-  G.buildings.trainer = 0;
-  assert.equal(project.trigger(), false);
-
-  G.totalKnowledge = 1500;
-  G.buildings.trainer = 0;
-  assert.equal(project.trigger(), false);
-
-  G.totalKnowledge = 1500;
-  G.buildings.trainer = 1;
-  assert.equal(project.trigger(), true);
-});

tests/dismantle.test.cjs

@@ -0,0 +1,303 @@
+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, '..');
+
+class Element {
+  constructor(tagName = 'div', id = '') {
+    this.tagName = String(tagName).toUpperCase();
+    this.id = id;
+    this.style = {};
+    this.children = [];
+    this.parentNode = null;
+    this.previousElementSibling = null;
+    this.innerHTML = '';
+    this.textContent = '';
+    this.className = '';
+    this.dataset = {};
+    this.attributes = {};
+    this._queryMap = new Map();
+    this.classList = {
+      add: (...names) => {
+        const set = new Set(this.className.split(/\s+/).filter(Boolean));
+        names.forEach((name) => set.add(name));
+        this.className = Array.from(set).join(' ');
+      },
+      remove: (...names) => {
+        const remove = new Set(names);
+        this.className = this.className
+          .split(/\s+/)
+          .filter((name) => name && !remove.has(name))
+          .join(' ');
+      }
+    };
+  }
+
+  appendChild(child) {
+    child.parentNode = this;
+    this.children.push(child);
+    return child;
+  }
+
+  removeChild(child) {
+    this.children = this.children.filter((candidate) => candidate !== child);
+    if (child.parentNode === this) child.parentNode = null;
+    return child;
+  }
+
+  remove() {
+    if (this.parentNode) this.parentNode.removeChild(this);
+  }
+
+  setAttribute(name, value) {
+    this.attributes[name] = value;
+    if (name === 'id') this.id = value;
+    if (name === 'class') this.className = value;
+  }
+
+  querySelectorAll(selector) {
+    return this._queryMap.get(selector) || [];
+  }
+
+  querySelector(selector) {
+    return this.querySelectorAll(selector)[0] || null;
+  }
+
+  closest(selector) {
+    if (selector === '.res' && this.className.split(/\s+/).includes('res')) return this;
+    return this.parentNode && typeof this.parentNode.closest === 'function'
+      ? this.parentNode.closest(selector)
+      : null;
+  }
+
+  getBoundingClientRect() {
+    return { left: 0, top: 0, width: 12, height: 12 };
+  }
+}
+
+function buildDom() {
+  const byId = new Map();
+  const body = new Element('body', 'body');
+  const head = new Element('head', 'head');
+
+  const document = {
+    body,
+    head,
+    createElement(tagName) {
+      return new Element(tagName);
+    },
+    getElementById(id) {
+      return byId.get(id) || null;
+    },
+    addEventListener() {},
+    removeEventListener() {},
+    querySelector() {
+      return null;
+    },
+    querySelectorAll() {
+      return [];
+    }
+  };
+
+  function register(element) {
+    if (element.id) byId.set(element.id, element);
+    return element;
+  }
+
+  const alignmentUi = register(new Element('div', 'alignment-ui'));
+  const actionPanel = register(new Element('div', 'action-panel'));
+  const sprintContainer = register(new Element('div', 'sprint-container'));
+  const projectPanel = register(new Element('div', 'project-panel'));
+  const buildingsHeader = new Element('h2');
+  const buildings = register(new Element('div', 'buildings'));
+  buildings.previousElementSibling = buildingsHeader;
+  const strategyPanel = register(new Element('div', 'strategy-panel'));
+  const combatPanel = register(new Element('div', 'combat-panel'));
+  const eduPanel = register(new Element('div', 'edu-panel'));
+  const phaseBar = register(new Element('div', 'phase-bar'));
+  const logPanel = register(new Element('div', 'log'));
+  const logEntries = register(new Element('div', 'log-entries'));
+  const toastContainer = register(new Element('div', 'toast-container'));
+
+  body.appendChild(alignmentUi);
+  body.appendChild(actionPanel);
+  body.appendChild(sprintContainer);
+  body.appendChild(projectPanel);
+  body.appendChild(buildingsHeader);
+  body.appendChild(buildings);
+  body.appendChild(strategyPanel);
+  body.appendChild(combatPanel);
+  body.appendChild(eduPanel);
+  body.appendChild(phaseBar);
+  body.appendChild(logPanel);
+  logPanel.appendChild(logEntries);
+  body.appendChild(toastContainer);
+
+  const opsBtn = new Element('button');
+  opsBtn.className = 'ops-btn';
+  const saveBtn = new Element('button');
+  saveBtn.className = 'save-btn';
+  const resetBtn = new Element('button');
+  resetBtn.className = 'reset-btn';
+  actionPanel._queryMap.set('.ops-btn', [opsBtn]);
+  actionPanel._queryMap.set('.save-btn, .reset-btn', [saveBtn, resetBtn]);
+
+  const resourceIds = [
+    'r-code', 'r-compute', 'r-knowledge', 'r-users', 'r-impact',
+    'r-rescues', 'r-ops', 'r-trust', 'r-creativity', 'r-harmony'
+  ];
+  for (const id of resourceIds) {
+    const wrapper = new Element('div');
+    wrapper.className = 'res';
+    const value = register(new Element('div', id));
+    wrapper.appendChild(value);
+    body.appendChild(wrapper);
+  }
+
+  return { document, window: { document, innerWidth: 1280, innerHeight: 720, addEventListener() {}, removeEventListener() {} } };
+}
+
+function loadBeacon({ includeRender = false } = {}) {
+  const { document, window } = buildDom();
+  const storage = new Map();
+  const timerQueue = [];
+
+  const context = {
+    console,
+    Math,
+    Date,
+    document,
+    window,
+    navigator: { userAgent: 'node' },
+    location: { reload() {} },
+    confirm: () => false,
+    requestAnimationFrame: (fn) => fn(),
+    setTimeout: (fn) => {
+      timerQueue.push(fn);
+      return timerQueue.length;
+    },
+    clearTimeout: () => {},
+    localStorage: {
+      getItem: (key) => (storage.has(key) ? storage.get(key) : null),
+      setItem: (key, value) => storage.set(key, String(value)),
+      removeItem: (key) => storage.delete(key)
+    },
+    Combat: { tickBattle() {}, startBattle() {} },
+    Sound: undefined,
+  };
+
+  vm.createContext(context);
+  const files = ['js/data.js', 'js/utils.js', 'js/engine.js'];
+  if (includeRender) files.push('js/render.js');
+  files.push('js/dismantle.js');
+
+  const source = files
+    .map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8'))
+    .join('\n\n');
+
+  vm.runInContext(`${source}
+log = () => {};
+showToast = () => {};
+render = () => {};
+renderPhase = () => {};
+showOfflinePopup = () => {};
+showSaveToast = () => {};
+this.__exports = {
+  G,
+  Dismantle,
+  tick,
+  saveGame: typeof saveGame === 'function' ? saveGame : null,
+  loadGame: typeof loadGame === 'function' ? loadGame : null
+};`, context);
+
+  return {
+    context,
+    document,
+    ...context.__exports,
+  };
+}
+
+test('tick offers the Unbuilding instead of ending the game immediately', () => {
+  const { G, Dismantle, tick, document } = loadBeacon();
+
+  G.totalCode = 1_000_000_000;
+  G.totalRescues = 100_000;
+  G.phase = 6;
+  G.pactFlag = 1;
+  G.harmony = 60;
+  G.beaconEnding = false;
+  G.running = true;
+  G.activeProjects = [];
+  G.completedProjects = [];
+
+  tick();
+
+  assert.equal(typeof Dismantle, 'object');
+  assert.equal(G.dismantleTriggered, true);
+  assert.equal(G.beaconEnding, false);
+  assert.equal(G.running, true);
+  assert.match(document.getElementById('alignment-ui').innerHTML, /THE UNBUILDING/);
+});
+
+test('deferring the Unbuilding clears the prompt and allows it to return later', () => {
+  const { G, Dismantle, document } = loadBeacon();
+
+  G.totalCode = 1_000_000_000;
+  G.phase = 6;
+  G.pactFlag = 1;
+  G.tick = 0;
+
+  Dismantle.checkTrigger();
+  assert.equal(G.dismantleTriggered, true);
+
+  Dismantle.defer();
+  assert.equal(G.dismantleTriggered, false);
+  assert.equal(document.getElementById('alignment-ui').innerHTML, '');
+
+  G.tick = (Dismantle.deferUntilTick || 0) - 0.1;
+  Dismantle.checkTrigger();
+  assert.equal(G.dismantleTriggered, false);
+
+  G.tick = (Dismantle.deferUntilTick || 0) + 1;
+  Dismantle.checkTrigger();
+  assert.equal(G.dismantleTriggered, true);
+});
+
+test('save and load preserve dismantle progress', () => {
+  const { G, saveGame, loadGame } = loadBeacon({ includeRender: true });
+
+  G.startedAt = Date.now();
+  G.dismantleTriggered = true;
+  G.dismantleActive = true;
+  G.dismantleStage = 4;
+  G.dismantleComplete = false;
+
+  saveGame();
+
+  G.dismantleTriggered = false;
+  G.dismantleActive = false;
+  G.dismantleStage = 0;
+  G.dismantleComplete = true;
+
+  assert.equal(loadGame(), true);
+  assert.equal(G.dismantleTriggered, true);
+  assert.equal(G.dismantleActive, true);
+  assert.equal(G.dismantleStage, 4);
+  assert.equal(G.dismantleComplete, false);
+});
+
+test('restore re-renders an offered but not-yet-started Unbuilding prompt', () => {
+  const { G, Dismantle, document } = loadBeacon();
+
+  G.dismantleTriggered = true;
+  G.dismantleActive = false;
+  G.dismantleComplete = false;
+  Dismantle.triggered = true;
+
+  Dismantle.restore();
+
+  assert.match(document.getElementById('alignment-ui').innerHTML, /THE UNBUILDING/);
+});