//=============================================================================
// TLInspector.js
// Idea by Sakura · Plugin by Kao_SSS
//=============================================================================
/*:
 * @plugindesc Translation Source Inspector - shows which source file/line every
 * on-screen line of text and image comes from, and jumps to it in VSCode.
 * @author Kao_SSS
 *
 * @help
 * ----------------------------------------------------------------------------
 * TLInspector  (RPGMaker MV / MZ, NW.js)
 * Credits: Idea by Sakura · Plugin by Kao_SSS
 * ----------------------------------------------------------------------------
 * A drop-in proofreading aid for translators. While the game runs, it tracks
 * every message / choice / scrolling-text line and every on-screen image, and
 * maps each one back to its EXACT source file and line number:
 *
 *   - Dialogue / choices / scroll text  -> www/data/MapXXX.json,
 *     CommonEvents.json, Troops.json  (by identity-matching the running event
 *     list, so duplicate strings are never confused).
 *   - Pictures and other images        -> img/... path + the event command
 *     (or JS call stack) that loaded them.
 *
 * Press the hotkey (default F10) to open the inspector overlay. Each row has an
 * "Open in VSCode" button (runs `code -g file:line`) and an **edit** button to
 * change the text and save it back to the source file without leaving the game.
 *
 * Live refresh (NW.js playtest only):
 *   In-game overlay "save to file" reloads that JSON into memory immediately.
 *   VSCode / external saves: we watch data/*.json; once the file mtime is stable
 *   (save finished), reload instantly. The game cannot hook Ctrl+S in VSCode itself.
 *
 * Limitations:
 *   - NW.js desktop playtest only (not browser)
 *   - Text already shown by a running event won't update until re-triggered
 *     (in-game overlay edit still updates the current message box)
 *   - Plugin .js / plugins.js changes still need F5
 *
 * ----------------------------------------------------------------------------
 * Install:  drop this file in www/js/plugins/ and add one line to plugins.js:
 *   { "name": "TLInspector", "status": true, "description": "TL source inspector", "parameters": {} }
 * Place it LAST in the list. Remove that line to fully disable for a release.
 *
 * Config: edit the CFG object a few lines below.
 * ----------------------------------------------------------------------------
 */

(function () {
    'use strict';

    //=========================================================================
    // Config
    //=========================================================================
    var CFG = {
        enabled: true,
        hotkey: 'F9',          // key (event.key) that toggles the overlay
        editorCmd: 'auto',      // 'auto' = auto-detect installed editors (VS Code, Cursor,
                                // VSCodium, Insiders, Windsurf). Or set an absolute path to
                                // force a specific editor exe.
        editor: 'auto',         // which editor click-to-source opens files in:
                                //   'auto'    = VSCode if it's installed, else the built-in
                                //               in-game editor (also the fallback if a
                                //               VSCode launch fails).
                                //   'builtin' = always the built-in in-game editor (view &
                                //               edit the source file right inside the game).
                                //   'vscode'  = always VSCode (uses editorCmd above).
        workspaceFolder: 'auto',// 'auto' = open files inside the game ROOT folder as the
                                // VSCode workspace (so they don't land in whatever window
                                // happened to be open last). Or set an absolute folder.
        editorReuseWindow: true,// pass -r so VSCode reuses its current window
        historySize: 80,        // how many past text lines to keep
        captureUiText: true,    // capture plugin / menu / UI text drawn via Bitmap.drawText
                                // (so e.g. status-window strings from plugins.js are locatable)
        dataDirOverride: null,  // set an absolute path to force the data dir
        uiScale: 'auto'         // overlay scale: 'auto' from game width, or a number (1.5, 2, …)
    };

    if (!CFG.enabled) { return; }

    function resolveUiScale(v) {
        if (v !== 'auto' && v != null && String(v).trim() !== '') {
            var n = parseFloat(v);
            if (!isNaN(n) && n > 0) { return Math.max(0.75, Math.min(3, n)); }
        }
        var base = 816;
        var gameW = (typeof Graphics !== 'undefined' && Graphics.width) ? Graphics.width : 0;
        var viewW = window.innerWidth || document.documentElement.clientWidth || base;
        var w = Math.max(gameW || base, viewW);
        var scale = w / base;
        var dpr = window.devicePixelRatio || 1;
        if (dpr > 1.15) { scale *= Math.min(2, 0.75 + dpr * 0.35); }
        return Math.max(1, Math.min(2.75, scale));
    }

    function currentUiScale() {
        return resolveUiScale(CFG.uiScale);
    }

    function applyOverlayScale() {
        var s = currentUiScale();
        var z = (s === 1) ? '' : String(s);
        if (ui.root) {
            ui.root.style.zoom = z;
            ui.root.style.transformOrigin = (ui.side === 'left') ? 'top left' : 'top right';
        }
        if (editor.root) {
            editor.root.style.zoom = z;
            editor.root.style.transformOrigin = 'top center';
        }
        if (ui.pickLabel) { ui.pickLabel.style.zoom = z; }
    }

    //=========================================================================
    // Node / environment bootstrap (NW.js exposes require)
    //=========================================================================
    var nodeOk = false, fs = null, path = null, cp = null;
    try {
        if (typeof require === 'function') {
            fs = require('fs');
            path = require('path');
            cp = require('child_process');
            nodeOk = true;
        }
    } catch (e) { nodeOk = false; }

    var ENGINE = (typeof Utils !== 'undefined' && Utils.RPGMAKER_NAME) || 'MV';

    // Resolve the www root (where index.html lives) -> data dir.
    // Primary method = exactly how the engine itself resolves paths
    // (StorageManager.localFileDirectoryPath uses process.mainModule.filename),
    // which is reliable regardless of the page URL scheme NW.js uses.
    function resolveWwwRoot() {
        try {
            if (nodeOk && process.mainModule && process.mainModule.filename) {
                return path.dirname(process.mainModule.filename);
            }
        } catch (e) { /* fall through */ }
        try {
            var href = window.location.href;             // file:///C:/.../www/index.html
            var p = decodeURIComponent(new URL(href).pathname);
            if (/^\/[A-Za-z]:\//.test(p)) { p = p.slice(1); } // strip leading slash on Windows
            return path ? path.dirname(p) : p.replace(/\/[^\/]*$/, '');
        } catch (e2) {
            return nodeOk ? process.cwd() : '';
        }
    }
    var WWW_ROOT = resolveWwwRoot();
    var DATA_DIR = CFG.dataDirOverride || (path ? path.join(WWW_ROOT, 'data') : WWW_ROOT + '/data');

    // The game root = folder holding the .exe. On MV that's the PARENT of www/; on MZ
    // there is no www/, so it IS the resolved root. Used as the VSCode workspace folder
    // so opened files land in the game's own project window, not the last-used one.
    var GAME_ROOT = (function () {
        try {
            if (path && WWW_ROOT && path.basename(WWW_ROOT).toLowerCase() === 'www') {
                return path.dirname(WWW_ROOT);
            }
        } catch (e) { /* ignore */ }
        return WWW_ROOT;
    })();

    function mapFile(mapId) {
        var n = ('000' + mapId).slice(-3);
        return path ? path.join(DATA_DIR, 'Map' + n + '.json') : DATA_DIR + '/Map' + n + '.json';
    }
    function dataFile(name) {
        return path ? path.join(DATA_DIR, name) : DATA_DIR + '/' + name;
    }

    function log() {
        if (window.console) { console.log.apply(console, ['[TLInspector]'].concat([].slice.call(arguments))); }
    }
    log('init', { engine: ENGINE, node: nodeOk, dataDir: DATA_DIR, credits: 'Idea by Sakura · Plugin by Kao_SSS' });

    //=========================================================================
    // File cache + JSON value locator (path -> char offset -> line:col)
    //=========================================================================
    var fileCache = {}; // path -> { mtime, text, lineStarts }

    function readFileCached(file) {
        if (!nodeOk) { return null; }
        try {
            var st = fs.statSync(file);
            var mt = st.mtimeMs;
            var c = fileCache[file];
            if (c && c.mtime === mt) { return c; }
            var text = fs.readFileSync(file, 'utf8');
            var lineStarts = [0];
            for (var i = 0; i < text.length; i++) {
                if (text.charCodeAt(i) === 10) { lineStarts.push(i + 1); }
            }
            c = { mtime: mt, text: text, lineStarts: lineStarts };
            fileCache[file] = c;
            return c;
        } catch (e) { return null; }
    }

    function offsetToLineCol(c, off) {
        var ls = c.lineStarts, lo = 0, hi = ls.length - 1, mid;
        while (lo < hi) {
            mid = (lo + hi + 1) >> 1;
            if (ls[mid] <= off) { lo = mid; } else { hi = mid - 1; }
        }
        return { line: lo + 1, col: off - ls[lo] + 1 };
    }

    // --- minimal structural JSON scanner ------------------------------------
    function skipWs(t, i) {
        while (i < t.length) {
            var ch = t.charCodeAt(i);
            if (ch === 32 || ch === 9 || ch === 10 || ch === 13) { i++; } else { break; }
        }
        return i;
    }
    function scanString(t, i) { // i at opening quote -> returns index after closing quote
        i++; // past "
        while (i < t.length) {
            var ch = t[i];
            if (ch === '\\') { i += 2; continue; }
            if (ch === '"') { return i + 1; }
            i++;
        }
        return i;
    }
    function readKey(t, i) { // i at opening quote -> { end, value }
        var start = i + 1, j = i + 1, out = '';
        while (j < t.length) {
            var ch = t[j];
            if (ch === '\\') { out += t[j + 1]; j += 2; continue; }
            if (ch === '"') { return { end: j + 1, value: out }; }
            out += ch; j++;
        }
        return { end: j, value: out };
    }
    function skipValue(t, i) {
        i = skipWs(t, i);
        var ch = t[i];
        if (ch === '"') { return scanString(t, i); }
        if (ch === '{' || ch === '[') {
            var open = ch, close = ch === '{' ? '}' : ']', depth = 0;
            for (; i < t.length; i++) {
                var c = t[i];
                if (c === '"') { i = scanString(t, i) - 1; continue; }
                if (c === open) { depth++; }
                else if (c === close) { depth--; if (depth === 0) { return i + 1; } }
            }
            return i;
        }
        // number / true / false / null
        while (i < t.length && ',}] \t\r\n'.indexOf(t[i]) === -1) { i++; }
        return i;
    }

    // Walk `path` (array of string keys / number indices) -> start offset of value, or -1.
    function locateOffset(t, pathArr) {
        var i = skipWs(t, 0);
        for (var s = 0; s < pathArr.length; s++) {
            var step = pathArr[s];
            i = skipWs(t, i);
            if (typeof step === 'number') {
                if (t[i] !== '[') { return -1; }
                i = skipWs(t, i + 1);
                if (t[i] === ']') { return -1; }
                for (var k = 0; k < step; k++) {
                    i = skipValue(t, i);
                    i = skipWs(t, i);
                    if (t[i] !== ',') { return -1; }
                    i = skipWs(t, i + 1);
                }
                // i now at target element value start
            } else {
                if (t[i] !== '{') { return -1; }
                i = skipWs(t, i + 1);
                var found = false;
                while (i < t.length && t[i] !== '}') {
                    if (t[i] !== '"') { return -1; }
                    var key = readKey(t, i);
                    i = skipWs(t, key.end);
                    if (t[i] !== ':') { return -1; }
                    i = skipWs(t, i + 1);
                    if (key.value === step) { found = true; break; }
                    i = skipValue(t, i);
                    i = skipWs(t, i);
                    if (t[i] === ',') { i = skipWs(t, i + 1); }
                }
                if (!found) { return -1; }
            }
        }
        return skipWs(t, i);
    }

    var lineCache = {}; // file::pathKey::mtime -> {line,col}
    function locateLine(file, pathArr) {
        if (!file || !pathArr || !nodeOk) { return null; }
        var c = readFileCached(file);
        if (!c) { return null; }
        var key = file + '::' + pathArr.join('/') + '::' + c.mtime;
        if (lineCache[key]) { return lineCache[key]; }
        var off = locateOffset(c.text, pathArr);
        var res = off >= 0 ? offsetToLineCol(c, off) : null;
        lineCache[key] = res;
        return res;
    }

    //=========================================================================
    // Provenance: map a running event command-list to its source file + path
    //=========================================================================
    function resolveList(list) {
        try {
            if (typeof $dataMap !== 'undefined' && $dataMap && $dataMap.events &&
                typeof $gameMap !== 'undefined' && $gameMap) {
                var evs = $dataMap.events;
                for (var e = 0; e < evs.length; e++) {
                    var ev = evs[e];
                    if (!ev || !ev.pages) { continue; }
                    for (var p = 0; p < ev.pages.length; p++) {
                        if (ev.pages[p].list === list) {
                            return { file: mapFile($gameMap.mapId()),
                                     prefix: ['events', e, 'pages', p, 'list'],
                                     label: 'Map' + ('000' + $gameMap.mapId()).slice(-3) + ' ev' + e };
                        }
                    }
                }
            }
            if (typeof $dataCommonEvents !== 'undefined' && $dataCommonEvents) {
                for (var c = 0; c < $dataCommonEvents.length; c++) {
                    var ce = $dataCommonEvents[c];
                    if (ce && ce.list === list) {
                        return { file: dataFile('CommonEvents.json'),
                                 prefix: [c, 'list'], label: 'CommonEvent ' + c };
                    }
                }
            }
            if (typeof $gameTroop !== 'undefined' && $gameTroop && $gameTroop._troopId &&
                typeof $dataTroops !== 'undefined' && $dataTroops) {
                var tr = $dataTroops[$gameTroop._troopId];
                if (tr && tr.pages) {
                    for (var tp = 0; tp < tr.pages.length; tp++) {
                        if (tr.pages[tp].list === list) {
                            return { file: dataFile('Troops.json'),
                                     prefix: [$gameTroop._troopId, 'pages', tp, 'list'],
                                     label: 'Troop ' + $gameTroop._troopId };
                        }
                    }
                }
            }
        } catch (e) { log('resolveList error', e); }
        return null;
    }

    function pathToString(arr) {
        var s = '';
        for (var i = 0; i < arr.length; i++) {
            s += typeof arr[i] === 'number' ? '[' + arr[i] + ']' : (i ? '.' : '') + arr[i];
        }
        return s;
    }

    //=========================================================================
    // Record store
    //=========================================================================
    var groupSeq = 0;
    var currentGroup = -1;
    var textRecords = [];   // {kind,text,file,prefix,tail,group,ts,_key}
    var imageTriggers = {}; // picture filename -> {file,prefix,tail,label}
    var BUMP_GUARD_MS = 1000;

    function findByKey(key) {
        for (var i = 0; i < textRecords.length; i++) { if (textRecords[i]._key === key) { return i; } }
        return -1;
    }
    // Text seen again -> move it to the top (newest) so it never feels "undetected"
    // when it was buried in history. Guard against churn from per-frame UI redraws.
    function seenExisting(i, group) {
        var r = textRecords[i], now = Date.now();
        if (now - r.ts < BUMP_GUARD_MS) {
            r.ts = now; if (group != null && group !== -1) { r.group = group; }
            return; // recently seen: keep its position
        }
        textRecords.splice(i, 1);
        r.ts = now; if (group != null && group !== -1) { r.group = group; }
        textRecords.push(r);
        scheduleRefresh();
    }

    function pushText(kind, prov, tail, text, group, srcIndex, srcEventId) {
        if (text == null || text === '') { return; }
        var file = prov ? prov.file : null;
        var key = 't\u0000' + kind + '\u0000' + text + '\u0000' + (file || '') + '\u0000' + (tail ? JSON.stringify(tail) : '');
        var i = findByKey(key);
        if (i >= 0) { seenExisting(i, group); return; }
        textRecords.push({
            kind: kind, text: text, file: file,
            prefix: prov ? prov.prefix : null,
            tail: tail, label: prov ? prov.label : '(unresolved)',
            group: group, ts: Date.now(),
            srcIndex: (srcIndex == null ? null : srcIndex),
            srcEventId: (srcEventId == null ? 0 : srcEventId),
            _key: key
        });
        while (textRecords.length > CFG.historySize) { textRecords.shift(); }
        scheduleRefresh();
    }

    function captureFromList(list, startIdx, textCode, eventId) {
        var prov = resolveList(list);
        var group = ++groupSeq;
        currentGroup = group;
        var i = startIdx + 1;
        while (i < list.length && list[i] && list[i].code === textCode) {
            pushText('text', prov, prov ? prov.prefix.concat([i, 'parameters', 0]) : null,
                list[i].parameters[0], group, i, eventId);
            i++;
        }
        // inline "Show Choices" immediately following the text block
        if (list[i] && list[i].code === 102) {
            captureChoices(list, i, prov, group, eventId);
        }
    }

    function captureChoices(list, idx, prov, group, eventId) {
        if (prov === undefined) { prov = resolveList(list); }
        if (group === undefined) { group = ++groupSeq; currentGroup = group; }
        var choices = list[idx] && list[idx].parameters && list[idx].parameters[0];
        if (!Array.isArray(choices)) { return; }
        for (var n = 0; n < choices.length; n++) {
            pushText('choice', prov,
                prov ? prov.prefix.concat([idx, 'parameters', 0, n]) : null,
                choices[n], group, idx, eventId);
        }
    }

    //=========================================================================
    // Hooks: text
    //=========================================================================
    if (typeof Game_Interpreter !== 'undefined') {
        var GI = Game_Interpreter.prototype;

        var _c101 = GI.command101;
        GI.command101 = function () {
            var list = this._list, start = this._index;
            var r = _c101.apply(this, arguments);
            try { if (this._index !== start) { captureFromList(list, start, 401, this._eventId); } }
            catch (e) { log('c101', e); }
            return r;
        };

        var _c105 = GI.command105;
        GI.command105 = function () {
            var list = this._list, start = this._index;
            var r = _c105.apply(this, arguments);
            try { if (this._index !== start) { captureFromList(list, start, 405, this._eventId); } }
            catch (e) { log('c105', e); }
            return r;
        };

        var _c102 = GI.command102;
        GI.command102 = function () {
            // A STANDALONE "Show Choices" (not following a message — those are consumed
            // inside command101) doesn't advance this._index within the method: MV bumps
            // it later in executeCommand, MZ takes params as an arg. So gating on an index
            // change missed standalone choice menus entirely. Instead capture exactly when
            // the choices get set up: this call, while the message box wasn't already busy.
            var list = this._list, idx = this._index;
            var wasBusy = (typeof $gameMessage !== 'undefined') && $gameMessage &&
                          $gameMessage.isBusy && $gameMessage.isBusy();
            var r = _c102.apply(this, arguments);
            try {
                if (!wasBusy && list && list[idx] && list[idx].code === 102) {
                    captureChoices(list, idx, undefined, undefined, this._eventId);
                }
            } catch (e) { log('c102', e); }
            return r;
        };

        // Show Picture -> remember which command triggered each picture file
        var _c231 = GI.command231;
        GI.command231 = function () {
            try {
                var list = this._list, idx = this._index;
                var name = this._params && this._params[1];
                if (name) {
                    var prov = resolveList(list);
                    imageTriggers['img/pictures/' + name + '.png'] = {
                        file: prov ? prov.file : null,
                        path: prov ? prov.prefix.concat([idx, 'parameters', 1]) : null,
                        label: prov ? prov.label : '(unresolved)'
                    };
                }
            } catch (e) { log('c231', e); }
            return _c231.apply(this, arguments);
        };
    }

    // Clear "live" marker when the message box closes
    if (typeof Game_Message !== 'undefined') {
        var _clear = Game_Message.prototype.clear;
        Game_Message.prototype.clear = function () {
            currentGroup = -1;
            scheduleRefresh();
            return _clear.apply(this, arguments);
        };
    }

    // Capture plugin / menu / UI text. The true chokepoint is Bitmap.drawText:
    // Window_Base.drawText/drawTextEx AND direct `this.contents.drawText(...)` calls
    // inside plugins all funnel through it. We skip while a message box is showing
    // (that text is captured precisely via the interpreter hooks) and de-duplicate by
    // a digit-normalized key so a ticking value ("Money: 12"/"Money: 13") logs once.
    if (CFG.captureUiText && typeof Bitmap !== 'undefined' && Bitmap.prototype.drawText) {
        // Direct draws (Window_Base.drawText, plugin `this.contents.drawText(...)`).
        // drawTextEx renders one character per call here, so single chars are dropped.
        var _bmDrawText = Bitmap.prototype.drawText;
        Bitmap.prototype.drawText = function (text) {
            try { maybeCaptureUiText(text); } catch (e) { /* ignore */ }
            return _bmDrawText.apply(this, arguments);
        };
    }
    if (CFG.captureUiText && typeof Window_Base !== 'undefined' && Window_Base.prototype.drawTextEx) {
        // Escape-processed text (item descriptions, help text, names) arrives here as a
        // whole string before being drawn character-by-character.
        var _drawTextEx = Window_Base.prototype.drawTextEx;
        Window_Base.prototype.drawTextEx = function (text) {
            try { maybeCaptureUiText(text); } catch (e) { /* ignore */ }
            return _drawTextEx.apply(this, arguments);
        };
    }
    function maybeCaptureUiText(text) {
        if (typeof text !== 'string') { return; }
        if (text.replace(/\s/g, '').length < 2) { return; }       // drop single chars (per-char draws)
        if (!/[^\s\d.,:%/+\-()]/.test(text)) { return; }          // require a real letter
        if (typeof $gameMessage !== 'undefined' && $gameMessage && $gameMessage.isBusy && $gameMessage.isBusy()) { return; }
        var key = 'ui ' + text.replace(/\d+/g, '#');              // digit-normalized: "Money: 12/13" -> one entry
        var i = findByKey(key);
        if (i >= 0) { seenExisting(i, -1); return; }
        var site = firstUserFrame(new Error().stack);
        textRecords.push({ kind: 'ui', text: text, file: site.file, prefix: null,
            tail: null, label: site.label, uiLine: site.line, group: -1, ts: Date.now(), _key: key });
        while (textRecords.length > CFG.historySize) { textRecords.shift(); }
        scheduleRefresh();
    }

    function firstUserFrame(stack) {
        var lines = (stack || '').split('\n');
        for (var i = 1; i < lines.length; i++) {
            var m = lines[i].match(/(js\/plugins\/[^):]+|js\/[^):]+):(\d+):(\d+)/);
            if (m && m[1].indexOf('TLInspector') === -1) {
                var f = m[1];
                return { file: path ? path.join(WWW_ROOT, f) : WWW_ROOT + '/' + f,
                         line: parseInt(m[2], 10), label: f + ':' + m[2] };
            }
        }
        return { file: null, line: null, label: '(unknown)' };
    }

    //=========================================================================
    // Hooks: images (load log with call-site)
    //=========================================================================
    var imageLog = []; // {url, label, ts, bitmap}
    if (typeof ImageManager !== 'undefined') {
        var _loadBitmap = ImageManager.loadBitmap;
        ImageManager.loadBitmap = function (folder, filename) {
            var bm = _loadBitmap.apply(this, arguments);
            try {
                if (filename) {
                    var url = folder + filename + '.png';
                    var last = imageLog[imageLog.length - 1];
                    if (!last || last.url !== url) {
                        var site = firstUserFrame(new Error().stack);
                        imageLog.push({ url: url, label: site.label, ts: Date.now(), bitmap: bm });
                        while (imageLog.length > CFG.historySize) { imageLog.shift(); }
                    } else if (last && !last.bitmap) { last.bitmap = bm; }
                }
            } catch (e) { /* ignore */ }
            return bm;
        };
    }

    //=========================================================================
    // Live on-screen image collection (walk the sprite tree)
    //=========================================================================
    function collectOnScreenImages() {
        var out = [], seen = {};
        var scene = (typeof SceneManager !== 'undefined') && SceneManager._scene;
        if (!scene) { return out; }
        var canvas = getGameCanvas();
        var rect = canvas ? canvas.getBoundingClientRect() : null;
        var scale = rect && typeof Graphics !== 'undefined' && Graphics.width ?
            rect.width / Graphics.width : 1;

        (function walk(obj) {
            if (!obj) { return; }
            if (obj.visible === false) { return; }
            var bmp = obj.bitmap;
            if (bmp && bmp._url) {
                var vis = ('worldVisible' in obj) ? obj.worldVisible : true;
                if (vis) {
                    var b = null;
                    try { b = obj.getBounds && obj.getBounds(); } catch (e) { b = null; }
                    if (b && b.width > 0 && b.height > 0) {
                        if (!seen[bmp._url]) { seen[bmp._url] = true; }
                        out.push({
                            url: decodeUrl(bmp._url),
                            bitmap: bmp,
                            screen: rect ? {
                                x: rect.left + b.x * scale, y: rect.top + b.y * scale,
                                w: b.width * scale, h: b.height * scale
                            } : null
                        });
                    }
                }
            }
            var kids = obj.children;
            if (kids) { for (var i = 0; i < kids.length; i++) { walk(kids[i]); } }
        })(scene);
        return out;
    }

    function getGameCanvas() {
        if (typeof Graphics !== 'undefined') {
            if (Graphics._canvas) { return Graphics._canvas; }
            if (Graphics._renderer && Graphics._renderer.view) { return Graphics._renderer.view; }
        }
        return document.querySelector('canvas');
    }

    // Bitmap URLs are percent-encoded (ImageManager uses encodeURIComponent on the
    // filename), e.g. "img/pictures/%E3%83%90%E3%82%B9.png" for "バス". Decode so the
    // path matches the real file on disk.
    function decodeUrl(u) {
        if (!u) { return u; }
        try { return decodeURIComponent(u); } catch (e) { return u; }
    }

    function urlToAbsPath(url) {
        if (!url) { return null; }
        var rel = decodeUrl(url).replace(/^\.?\//, '');
        return path ? path.join(WWW_ROOT, rel) : WWW_ROOT + '/' + rel;
    }

    //=========================================================================
    // External actions (VSCode / file explorer)
    //=========================================================================
    // Auto-locate installed editors so the user never has to touch the system PATH.
    // We support the whole VS Code family (VS Code, Insiders, Cursor, VSCodium,
    // Windsurf): they share an identical CLI ("<folder> -g file:line:col"), so the
    // same launch path works for all of them. The user picks which one to use from a
    // dropdown in the panel (see the editor <select>); the choice is remembered.
    //
    // Each candidate is [id, display name, absolute exe path]. The first existing
    // path for a given id wins; ids are de-duplicated so each editor lists once.
    function editorCandidates() {
        var defs = [];
        if (!nodeOk) { return defs; }
        var env = process.env, plat = process.platform;
        function J() { return path.join.apply(path, arguments); }
        if (plat === 'win32') {
            [env.LOCALAPPDATA, env.ProgramFiles, env['ProgramFiles(x86)']].forEach(function (b) {
                if (!b) { return; }
                defs.push(['vscode', 'VS Code', J(b, 'Programs', 'Microsoft VS Code', 'Code.exe')]);
                defs.push(['vscode', 'VS Code', J(b, 'Microsoft VS Code', 'Code.exe')]);
                defs.push(['insiders', 'VS Code Insiders', J(b, 'Programs', 'Microsoft VS Code Insiders', 'Code - Insiders.exe')]);
                defs.push(['cursor', 'Cursor', J(b, 'Programs', 'cursor', 'Cursor.exe')]);
                defs.push(['cursor', 'Cursor', J(b, 'cursor', 'Cursor.exe')]);
                defs.push(['vscodium', 'VSCodium', J(b, 'Programs', 'VSCodium', 'VSCodium.exe')]);
                defs.push(['vscodium', 'VSCodium', J(b, 'VSCodium', 'VSCodium.exe')]);
                defs.push(['windsurf', 'Windsurf', J(b, 'Programs', 'Windsurf', 'Windsurf.exe')]);
            });
        } else if (plat === 'darwin') {
            defs.push(['vscode', 'VS Code', '/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code']);
            defs.push(['insiders', 'VS Code Insiders', '/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/bin/code']);
            defs.push(['cursor', 'Cursor', '/Applications/Cursor.app/Contents/Resources/app/bin/cursor']);
            defs.push(['vscodium', 'VSCodium', '/Applications/VSCodium.app/Contents/Resources/app/bin/codium']);
            defs.push(['windsurf', 'Windsurf', '/Applications/Windsurf.app/Contents/Resources/app/bin/windsurf']);
        } else {
            defs.push(['vscode', 'VS Code', '/usr/bin/code']);
            defs.push(['vscode', 'VS Code', '/usr/share/code/bin/code']);
            defs.push(['vscode', 'VS Code', '/snap/bin/code']);
            defs.push(['cursor', 'Cursor', '/usr/bin/cursor']);
            defs.push(['vscodium', 'VSCodium', '/usr/bin/codium']);
            defs.push(['windsurf', 'Windsurf', '/usr/bin/windsurf']);
        }
        return defs;
    }

    var _editorList = null;
    function detectEditors() {
        if (_editorList) { return _editorList; }
        _editorList = [];
        var seen = {};
        // An explicit CFG.editorCmd path always wins and heads the list.
        if (CFG.editorCmd && CFG.editorCmd !== 'auto') {
            _editorList.push({ id: 'custom', name: 'Custom (config)', cmd: CFG.editorCmd });
            seen.custom = true;
        }
        editorCandidates().forEach(function (d) {
            var id = d[0];
            if (seen[id]) { return; }
            try {
                if (fs.existsSync(d[2])) {
                    seen[id] = true;
                    _editorList.push({ id: id, name: d[1], cmd: d[2] });
                    log('editor found', d[1], d[2]);
                }
            } catch (e) { /* ignore */ }
        });
        // Always offer a PATH-based VS Code fallback so there's at least one option even
        // when nothing was found on disk (the user may have `code` on PATH).
        if (!seen.vscode && !seen.custom) {
            _editorList.push({ id: 'vscode', name: 'VS Code (PATH)', cmd: 'code' });
        }
        return _editorList;
    }

    // The editor currently selected in the dropdown (or the first available one).
    function currentEditor() {
        var list = detectEditors();
        if (!list.length) { return { id: 'vscode', name: 'VS Code (PATH)', cmd: 'code' }; }
        for (var i = 0; i < list.length; i++) {
            if (list[i].id === ui.editorId) { return list[i]; }
        }
        return list[0];
    }

    // True when at least one real external editor exe was located on disk (not just the
    // bare 'code' PATH fallback). 'auto' mode uses this to pick external vs built-in.
    function vscodeAvailable() {
        var list = detectEditors();
        for (var i = 0; i < list.length; i++) {
            if (list[i].cmd !== 'code') { return true; }
        }
        return false;
    }

    // The header checkbox (ui.useBuiltin) is the live switch; CFG.editor is just the
    // initial default it's seeded from at startup.
    function shouldUseBuiltin() {
        if (ui && ui.useBuiltin != null) { return ui.useBuiltin; }
        return CFG.editor === 'builtin' || (CFG.editor !== 'vscode' && !vscodeAvailable());
    }

    function openInEditor(file, line, col) {
        if (!nodeOk || !file) { toast('No file resolved for this entry'); return; }
        // Route to the built-in in-game editor when the header switch (or config) selects
        // it, so users without VSCode - or who prefer editing in-game - still get it.
        if (shouldUseBuiltin()) {
            openBuiltInEditor(file, line, col);
            return;
        }
        var loc = file + (line ? ':' + line + (col ? ':' + col : '') : '');
        var ed = currentEditor();
        var cmd = ed.cmd;
        // Pass the game folder so VSCode opens (or reuses) THAT workspace and reveals the
        // file in it, instead of dropping the file into whatever window was last focused.
        // Passing a folder makes VSCode route to the matching window itself, so we drop the
        // -r "reuse last window" flag (which is what caused the wrong-workspace behavior).
        var ws = (CFG.workspaceFolder && CFG.workspaceFolder !== 'auto') ? CFG.workspaceFolder : GAME_ROOT;
        var done = function (err) {
            if (err) {
                log('editor', err);
                toast(ed.name + ' launch failed - opening the built-in editor');
                openBuiltInEditor(file, line, col);
            }
        };
        try {
            if (cmd === 'code') {
                // PATH fallback (code.cmd) needs a shell. The command line does NOT
                // start with a quote (program name has no spaces) and each path IS
                // quoted, so spaces in the paths are preserved instead of being split
                // into separate arguments.
                var folder = ws ? '"' + ws + '" ' : '';
                cp.exec(cmd + ' ' + folder + '-g "' + loc + '"', { cwd: WWW_ROOT }, done);
            } else {
                // Resolved absolute editor exe: run with no shell. Node quotes each
                // argument, so a path with spaces stays a single argument.
                var args = [];
                if (ws) { args.push(ws); }
                args.push('-g', loc);
                cp.execFile(cmd, args, { cwd: WWW_ROOT }, done);
            }
        } catch (e) { toast('Editor launch failed'); log(e); }
    }

    function revealInExplorer(absPath) {
        if (!nodeOk || !absPath) { return; }
        try {
            if (process.platform === 'win32') {
                cp.execFile('explorer.exe', ['/select,', absPath]);
            } else if (process.platform === 'darwin') {
                cp.execFile('open', ['-R', absPath]);
            } else {
                cp.execFile('xdg-open', [path.dirname(absPath)]);
            }
        } catch (e) { log('reveal', e); }
    }

    //=========================================================================
    // Image decryption (RPGMaker MV .rpgmvp / MZ .png_) + encryption-aware reveal
    //=========================================================================
    var ENC = {
        on: function () {
            try { return typeof $dataSystem !== 'undefined' && $dataSystem && !!$dataSystem.hasEncryptedImages; }
            catch (e) { return false; }
        },
        keyBytes: function () {
            try { return ($dataSystem.encryptionKey || '').match(/.{2}/g) || []; }
            catch (e) { return []; }
        },
        // Candidate on-disk encrypted siblings for a plain .png path. MV renames the
        // extension (image.png -> image.rpgmvp); MZ keeps the name and appends "_"
        // (image.png -> image.png_). The XOR algorithm is identical for both.
        encPaths: function (absPng) {
            return [absPng.replace(/\.png$/i, '.rpgmvp'),   // MV
                    absPng + '_'];                          // MZ  (image.png -> image.png_)
        }
    };

    // Returns {path, created} for a real .png on disk, decrypting the encrypted
    // sibling (.rpgmvp on MV, .png_ on MZ) if the plain .png does not exist.
    // Replicates the engine Decrypter (16-byte fake header + XOR of the next 16
    // bytes with the encryption key).
    function decryptToSibling(absPng) {
        try {
            if (fs.existsSync(absPng)) { return { path: absPng, created: false }; }
            var cands = ENC.encPaths(absPng), enc = null;
            for (var c = 0; c < cands.length; c++) {
                if (fs.existsSync(cands[c])) { enc = cands[c]; break; }
            }
            if (!enc) { return null; }
            var buf = fs.readFileSync(enc);
            var body = buf.slice(16);                 // drop the fake PNG header
            var key = ENC.keyBytes();
            for (var i = 0; i < 16 && i < key.length; i++) {
                body[i] = body[i] ^ parseInt(key[i], 16);
            }
            fs.writeFileSync(absPng, body);
            return { path: absPng, created: true };
        } catch (e) { log('decrypt', e); return null; }
    }

    function revealImage(absPng) {
        if (!nodeOk || !absPng) { return; }
        var r = decryptToSibling(absPng);
        if (!r) { toast('Not found on disk (.png / .rpgmvp / .png_)'); return; }
        toast(r.created ? 'Decrypted -> revealing .png' : 'Revealing');
        revealInExplorer(r.path);
    }

    //=========================================================================
    // Thumbnails (from the already-decoded in-memory Bitmap, so encrypted
    // images preview fine without touching disk) + a shared image-row builder.
    //=========================================================================
    var thumbCache = {}; // url -> dataURL
    function bitmapThumb(bmp, url) {
        if (url && thumbCache[url]) { return thumbCache[url]; }
        try {
            if (!bmp || (bmp.isReady && !bmp.isReady())) { return null; }
            var src = (bmp._image && bmp._image.width) ? bmp._image
                    : (bmp.canvas || bmp._canvas || bmp.__canvas);
            var sw = bmp.width, sh = bmp.height;
            if (!src || !sw || !sh) { return null; }
            var max = 60, scale = Math.min(max / sw, max / sh, 1);
            var w = Math.max(1, Math.round(sw * scale)), h = Math.max(1, Math.round(sh * scale));
            var c = document.createElement('canvas');
            c.width = w; c.height = h;
            c.getContext('2d').drawImage(src, 0, 0, sw, sh, 0, 0, w, h);
            var data = c.toDataURL('image/png');
            if (url) { thumbCache[url] = data; }
            return data;
        } catch (e) { return null; }
    }

    function buildImgRow(url, bitmap, opts) {
        opts = opts || {};
        var abs = urlToAbsPath(url);
        var row = document.createElement('div');
        row.className = 'tl-row';
        var thumb = bitmapThumb(bitmap, url);
        row.innerHTML =
            '<div class="tl-imgwrap">' +
                (thumb ? '<img class="tl-thumb" src="' + thumb + '">'
                       : '<div class="tl-thumb tl-noimg">?</div>') +
                '<div class="tl-imginfo">' +
                    '<div class="tl-txt" style="color:#cfe">' + esc(url) + '</div>' +
                    '<div class="tl-meta">' +
                        '<span class="tl-mini" data-act="reveal">Reveal' + (ENC.on() ? ' (decrypt)' : '') + '</span>' +
                        (opts.trigger ? '<span class="tl-loc" data-act="trig">trigger: ' + esc(opts.trigger.label) + '</span>' : '') +
                        (opts.fromLabel ? '<span class="tl-loc" style="cursor:default">from ' + esc(opts.fromLabel) + '</span>' : '') +
                    '</div>' +
                '</div>' +
            '</div>';
        row.querySelector('[data-act="reveal"]').addEventListener('click', function () { revealImage(abs); });
        if (opts.screen) {
            row.addEventListener('mouseenter', function () { showHighlight(opts.screen); });
            row.addEventListener('mouseleave', function () { hideHighlight(); });
        }
        if (opts.trigger && opts.trigger.file) {
            var te = row.querySelector('[data-act="trig"]');
            te.style.cursor = 'pointer';
            te.addEventListener('click', function () {
                var l = locateLine(opts.trigger.file, opts.trigger.path);
                openInEditor(opts.trigger.file, l && l.line, l && l.col);
            });
        }
        return row;
    }

    //=========================================================================
    // Duplicate-line search: index every message/choice string across all data
    // files so a translator can find identical lines and avoid mismatched edits.
    //=========================================================================
    var dupIndex = null; // [{file, path, text}]

    function collectMessages(absFile, fname, obj, emit) {
        function walkList(list, prefix) {
            if (!Array.isArray(list)) { return; }
            for (var i = 0; i < list.length; i++) {
                var cmd = list[i];
                if (!cmd) { continue; }
                if (cmd.code === 401 || cmd.code === 405) {
                    if (cmd.parameters && typeof cmd.parameters[0] === 'string') {
                        emit(prefix.concat([i, 'parameters', 0]), cmd.parameters[0]);
                    }
                } else if (cmd.code === 102 && cmd.parameters && Array.isArray(cmd.parameters[0])) {
                    cmd.parameters[0].forEach(function (ch, n) {
                        if (typeof ch === 'string') { emit(prefix.concat([i, 'parameters', 0, n]), ch); }
                    });
                }
            }
        }
        if (/^Map\d+/.test(fname) && obj && obj.events) {
            obj.events.forEach(function (ev, e) {
                if (!ev || !ev.pages) { return; }
                ev.pages.forEach(function (pg, p) { walkList(pg.list, ['events', e, 'pages', p, 'list']); });
            });
        } else if (fname === 'CommonEvents.json' && Array.isArray(obj)) {
            obj.forEach(function (ce, c) { if (ce && ce.list) { walkList(ce.list, [c, 'list']); } });
        } else if (fname === 'Troops.json' && Array.isArray(obj)) {
            obj.forEach(function (tr, t) {
                if (tr && tr.pages) { tr.pages.forEach(function (pg, p) { walkList(pg.list, [t, 'pages', p, 'list']); }); }
            });
        }
    }

    function buildDupIndex() {
        if (dupIndex) { return dupIndex; }
        dupIndex = [];
        if (!nodeOk) { return dupIndex; }
        try {
            var files = fs.readdirSync(DATA_DIR).filter(function (f) {
                return /^Map\d+\.json$/.test(f) || f === 'CommonEvents.json' || f === 'Troops.json';
            });
            files.forEach(function (fname) {
                var abs = dataFile(fname);
                var c = readFileCached(abs);
                if (!c) { return; }
                var obj;
                try { obj = JSON.parse(c.text); } catch (e) { return; }
                collectMessages(abs, fname, obj, function (pathArr, text) {
                    dupIndex.push({ file: abs, path: pathArr, text: text });
                });
            });
            log('dup index built', dupIndex.length, 'messages');
        } catch (e) { log('dup index', e); }
        return dupIndex;
    }

    function normText(s, ignoreNl) {
        return ignoreNl ? s.replace(/\n/g, ' ').replace(/\s+/g, ' ').trim() : s;
    }

    function findOccurrences(text, ignoreNl) {
        var idx = buildDupIndex();
        var key = normText(text, ignoreNl);
        var out = [];
        for (var i = 0; i < idx.length; i++) {
            if (normText(idx[i].text, ignoreNl) === key) { out.push(idx[i]); }
        }
        return out;
    }

    // Structural match: the running interpreter told us the event id + command index,
    // so even if the list was a deep copy (reference match failed), we can find the
    // ON-DISK command at that index whose text matches. With the event id this is
    // almost always unique = confident, exact location.
    function structuralCandidates(r) {
        var out = [];
        if (r.srcIndex == null) { return out; }
        var idx = r.srcIndex, want = r.text;
        function check(list, file, prefix) {
            if (!Array.isArray(list) || idx < 0 || idx >= list.length) { return; }
            var cmd = list[idx];
            if (!cmd || !cmd.parameters) { return; }
            if ((cmd.code === 401 || cmd.code === 405) && cmd.parameters[0] === want) {
                out.push({ file: file, path: prefix.concat([idx, 'parameters', 0]) });
            } else if (cmd.code === 102 && Array.isArray(cmd.parameters[0])) {
                var n = cmd.parameters[0].indexOf(want);
                if (n >= 0) { out.push({ file: file, path: prefix.concat([idx, 'parameters', 0, n]) }); }
            }
        }
        try {
            if (typeof $dataMap !== 'undefined' && $dataMap && $dataMap.events &&
                typeof $gameMap !== 'undefined' && $gameMap) {
                var mf = mapFile($gameMap.mapId());
                if (r.srcEventId > 0 && $dataMap.events[r.srcEventId] && $dataMap.events[r.srcEventId].pages) {
                    $dataMap.events[r.srcEventId].pages.forEach(function (pg, p) {
                        check(pg.list, mf, ['events', r.srcEventId, 'pages', p, 'list']);
                    });
                } else {
                    $dataMap.events.forEach(function (ev, e) {
                        if (ev && ev.pages) { ev.pages.forEach(function (pg, p) { check(pg.list, mf, ['events', e, 'pages', p, 'list']); }); }
                    });
                }
            }
            if (!out.length && typeof $dataCommonEvents !== 'undefined' && $dataCommonEvents) {
                $dataCommonEvents.forEach(function (ce, c) { if (ce && ce.list) { check(ce.list, dataFile('CommonEvents.json'), [c, 'list']); } });
            }
            if (!out.length && typeof $dataTroops !== 'undefined' && $dataTroops &&
                typeof $gameTroop !== 'undefined' && $gameTroop && $gameTroop._troopId) {
                var tr = $dataTroops[$gameTroop._troopId];
                if (tr && tr.pages) { tr.pages.forEach(function (pg, p) { check(pg.list, dataFile('Troops.json'), [$gameTroop._troopId, 'pages', p, 'list']); }); }
            }
        } catch (e) { log('structural', e); }
        var uniq = [], seen = {};
        out.forEach(function (o) { var k = o.file + JSON.stringify(o.path); if (!seen[k]) { seen[k] = 1; uniq.push(o); } });
        return uniq;
    }

    // Resolve an unresolved record: structural match (confident) first, then a global
    // text-index search as a last resort.
    function resolveRecord(r) {
        if (r.file || r._tried || !nodeOk) { return; }
        r._tried = true;
        var cands = structuralCandidates(r);
        if (cands.length === 1) {
            r.file = cands[0].file; r.tail = cands[0].path;
            r.label = '(located: event ' + (r.srcEventId || '?') + ')';
            return;
        }
        if (cands.length > 1) { r._candidates = cands; r._ambig = cands.length; return; }
        var occ = findOccurrences(r.text, false);
        if (occ.length === 0) { occ = findOccurrences(r.text, true); } // tolerate \n/wordwrap diffs
        if (occ.length === 1) {
            r.file = occ[0].file; r.tail = occ[0].path; r.label = '(located by text)';
        } else if (occ.length > 1) {
            r._candidates = occ.map(function (o) { return { file: o.file, path: o.path }; });
            r._ambig = occ.length;
        }
    }

    //=========================================================================
    // Literal search across data + plugin / system files (for UI text like
    // "First kiss: None" that lives in plugins.js parameters, or event text that a
    // plugin re-renders as UI — e.g. "Passed the preliminaries" inside a Map JSON).
    //=========================================================================
    var _scanFiles = null;
    function pluginAndSystemFiles() {
        if (_scanFiles) { return _scanFiles; }
        _scanFiles = [];
        if (!nodeOk) { return _scanFiles; }
        try {
            // Most reliable sources for UI labels first: database files (item/skill
            // names + descriptions, terms), then the event data (Maps), then plugin
            // parameters (plugins.js), then plugin code last (where a literal is most
            // likely a false positive).
            ['System', 'Items', 'Weapons', 'Armors', 'Skills', 'States', 'Actors',
             'Classes', 'Enemies', 'Troops', 'CommonEvents', 'MapInfos', 'Animations', 'Tilesets']
                .forEach(function (n) { _scanFiles.push(dataFile(n + '.json')); });
            // Map JSONs hold event message text that plugins may draw as UI (battle/
            // arena results, custom windows). Numeric-sorted so results read naturally.
            try {
                fs.readdirSync(DATA_DIR)
                    .filter(function (f) { return /^Map\d+\.json$/.test(f); })
                    .sort(function (a, b) {
                        return parseInt(a.match(/\d+/)[0], 10) - parseInt(b.match(/\d+/)[0], 10);
                    })
                    .forEach(function (f) { _scanFiles.push(dataFile(f)); });
            } catch (e) { /* ignore */ }
            var jsDir = path.join(WWW_ROOT, 'js');
            _scanFiles.push(path.join(jsDir, 'plugins.js'));
            var pdir = path.join(jsDir, 'plugins');
            fs.readdirSync(pdir).forEach(function (f) {
                if (/\.js$/.test(f) && f !== 'TLInspector.js') { _scanFiles.push(path.join(pdir, f)); }
            });
        } catch (e) { log('scanFiles', e); }
        return _scanFiles;
    }

    function isWordChar(ch) { return !!ch && /[A-Za-z0-9_]/.test(ch); }

    // Build (and cache on the file entry) the character ranges of JS comments, so we
    // can drop matches that live in comments (which never render). A small lexer that
    // also tracks string literals so `//` inside a string isn't treated as a comment.
    function commentRangesFor(c) {
        if (c._comments) { return c._comments; }
        var t = c.text, ranges = [], i = 0, n = t.length, state = 0, start = 0;
        while (i < n) {
            var ch = t[i], nx = t[i + 1];
            if (state === 0) {
                if (ch === '/' && nx === '/') { state = 1; start = i; i += 2; continue; }
                if (ch === '/' && nx === '*') { state = 2; start = i; i += 2; continue; }
                if (ch === "'") { state = 3; } else if (ch === '"') { state = 4; } else if (ch === '`') { state = 5; }
                i++; continue;
            }
            if (state === 1) { if (ch === '\n') { ranges.push([start, i]); state = 0; } i++; continue; }
            if (state === 2) { if (ch === '*' && nx === '/') { ranges.push([start, i + 2]); state = 0; i += 2; continue; } i++; continue; }
            if (ch === '\\') { i += 2; continue; } // escape inside a string
            if ((state === 3 && ch === "'") || (state === 4 && ch === '"') || (state === 5 && ch === '`')) { state = 0; }
            i++;
        }
        if (state === 1 || state === 2) { ranges.push([start, n]); }
        c._comments = ranges;
        return ranges;
    }
    function inComment(c, pos) {
        var r = commentRangesFor(c), lo = 0, hi = r.length - 1;
        while (lo <= hi) {
            var mid = (lo + hi) >> 1;
            if (pos < r[mid][0]) { hi = mid - 1; }
            else if (pos >= r[mid][1]) { lo = mid + 1; }
            else { return true; }
        }
        return false;
    }

    function searchFiles(text) {
        var results = [], seen = {};
        if (!nodeOk || !text) { return results; }
        var escaped = JSON.stringify(text).slice(1, -1);          // JSON-escaped form (\n etc.)
        var variants = escaped === text ? [text] : [text, escaped]; // raw form + escaped, deduped
        pluginAndSystemFiles().forEach(function (file) {
            var c = readFileCached(file);
            if (!c) { return; }
            var isJs = /\.js$/i.test(file);
            variants.forEach(function (v) {
                if (!v) { return; }
                var checkL = isWordChar(v[0]), checkR = isWordChar(v[v.length - 1]);
                var pos = c.text.indexOf(v);
                while (pos >= 0) {
                    // Skip matches embedded inside a larger word/identifier, e.g. "Tools"
                    // inside "isDevToolsOpen", and matches inside JS comments (never render).
                    var embedded = (checkL && isWordChar(c.text[pos - 1])) ||
                                   (checkR && isWordChar(c.text[pos + v.length]));
                    if (!embedded && !(isJs && inComment(c, pos))) {
                        var lc = offsetToLineCol(c, pos);
                        var k = file + ':' + lc.line;
                        // A complete JSON string value ("text") is a high-confidence
                        // match (e.g. a menu term) vs. text buried in a longer string.
                        var quoted = c.text[pos - 1] === '"' && c.text[pos + v.length] === '"';
                        if (!seen[k]) { seen[k] = 1; results.push({ file: file, line: lc.line, col: lc.col, quoted: quoted }); }
                    }
                    pos = c.text.indexOf(v, pos + v.length);
                }
            });
        });
        // Stable sort: exact quoted-value matches first, original (data-first) order otherwise.
        results.forEach(function (r, i) { r._i = i; });
        results.sort(function (a, b) { return (b.quoted - a.quoted) || (a._i - b._i); });
        return results;
    }

    // Exact literal first; if nothing, trim trailing words (handles "Label: <dynamic>"
    // where the value isn't in the file) until something matches.
    function searchFilesSmart(text) {
        var r = searchFiles(text);
        if (r.length) { return { results: r, query: text, partial: false }; }
        var words = text.replace(/\n/g, ' ').split(/\s+/).filter(Boolean);
        for (var n = words.length - 1; n >= 1; n--) {
            var sub = words.slice(0, n).join(' ');
            if (sub.length < 3) { break; }
            var rr = searchFiles(sub);
            if (rr.length) { return { results: rr, query: sub, partial: true }; }
        }
        return { results: [], query: text, partial: false };
    }

    //=========================================================================
    // Built-in editor (in-game): a small multi-tab code editor that views & edits
    // the source files directly, jumping to the same line click-to-source would.
    // Routed to from openInEditor() when CFG.editor / the header switch selects it,
    // when VSCode isn't installed, or as the fallback when a VSCode launch fails.
    // "Open all" stacks every result as a tab. Includes a find/replace widget with
    // regex, match-case and whole-word, next/prev, and replace / replace-all.
    //=========================================================================
    var EDLH = 18; // editor line-height in px (kept in sync with the CSS below)
    var editor = {
        root: null, area: null, gutter: null, tabsEl: null, findEl: null,
        fq: null, frin: null, fcount: null, statusEl: null,
        docs: [], active: -1, _lines: -1,
        find: { open: false, q: '', r: '', re: false, cs: false, ww: false,
                matches: [], idx: -1, invalid: false }
    };

    function baseName(f) { return f ? String(f).replace(/^.*[\\\/]/, '') : ''; }
    function activeDoc() { return editor.active >= 0 ? editor.docs[editor.active] : null; }

    // After a save, drop the cached text + located line numbers for the file so the
    // panel (and the JSON locator) recompute against the new content.
    function invalidateFile(file) {
        delete fileCache[file];
        var pre = file + '::';
        for (var k in lineCache) {
            if (lineCache.hasOwnProperty(k) && k.indexOf(pre) === 0) { delete lineCache[k]; }
        }
        dupIndex = null; // message text may have changed
    }

    function buildEditor() {
        if (editor.root) { return; }
        var root = document.createElement('div');
        root.id = 'tl-editor';
        root.style.cssText = [
            'position:fixed', 'top:3%', 'left:50%', 'transform:translateX(-50%)',
            'width:80%', 'max-width:1100px', 'height:92%', 'z-index:2147483646',
            'background:#15171d', 'color:#e6e6e6', 'border:1px solid #344',
            'border-radius:8px', 'box-shadow:0 8px 40px rgba(0,0,0,0.7)',
            'display:none', 'flex-direction:column', 'font:12px Consolas,Menlo,monospace'
        ].join(';');

        var head = document.createElement('div');
        head.style.cssText = 'padding:8px 12px;background:#11131a;border-bottom:1px solid #333;display:flex;align-items:center;gap:10px;flex:0 0 auto;border-radius:8px 8px 0 0';
        head.innerHTML =
            '<b style="color:#6cf">Edit</b>' +
            '<span style="flex:1"></span>' +
            '<span class="tl-ed-btn" data-act="find" title="Find / Replace (Ctrl+F / Ctrl+H)">Find</span>' +
            '<span class="tl-ed-btn" data-act="save" title="Save active file (Ctrl+S)">Save</span>' +
            '<span class="tl-ed-btn" data-act="close" title="Close editor (Esc)">&#x2715;</span>';
        root.appendChild(head);

        // tab strip (one tab per open file)
        var tabs = document.createElement('div');
        tabs.className = 'tl-ed-tabs';
        root.appendChild(tabs);

        // find / replace widget (hidden until opened)
        var find = document.createElement('div');
        find.className = 'tl-ed-find';
        find.style.display = 'none';
        find.innerHTML =
            '<div class="tl-fr">' +
                '<input class="tl-fq" type="text" placeholder="Find" spellcheck="false">' +
                '<span class="tl-fopt" data-opt="cs" title="Match case">Aa</span>' +
                '<span class="tl-fopt" data-opt="ww" title="Whole word">W</span>' +
                '<span class="tl-fopt" data-opt="re" title="Use regular expression">.*</span>' +
                '<span class="tl-fcount"></span>' +
                '<span class="tl-fbtn" data-fa="prev" title="Previous match (Shift+Enter)">&#x2191;</span>' +
                '<span class="tl-fbtn" data-fa="next" title="Next match (Enter)">&#x2193;</span>' +
                '<span class="tl-fbtn" data-fa="close" title="Close (Esc)">&#x2715;</span>' +
            '</div>' +
            '<div class="tl-fr">' +
                '<input class="tl-fr-in" type="text" placeholder="Replace" spellcheck="false">' +
                '<span class="tl-fbtn" data-fa="rep" title="Replace (Enter)">Replace</span>' +
                '<span class="tl-fbtn" data-fa="repall" title="Replace all matches">Replace All</span>' +
            '</div>';
        root.appendChild(find);

        var main = document.createElement('div');
        main.style.cssText = 'flex:1 1 auto;display:flex;overflow:hidden;background:#1b1e26';

        var gutter = document.createElement('div');
        gutter.className = 'tl-ed-gutter';
        gutter.style.cssText = 'flex:0 0 auto;min-width:42px;overflow:hidden;text-align:right;' +
            'padding:8px 6px 8px 10px;color:#566;background:#161922;white-space:pre;' +
            'user-select:none;-webkit-user-select:none;font:12px/18px Consolas,Menlo,monospace';

        var area = document.createElement('textarea');
        area.className = 'tl-ed-area';
        area.setAttribute('wrap', 'off');          // one logical line == one visual row
        area.setAttribute('spellcheck', 'false');
        area.style.cssText = 'flex:1 1 auto;resize:none;border:0;outline:0;padding:8px 10px;' +
            'color:#e6e6e6;background:#1b1e26;white-space:pre;overflow:auto;' +
            'font:12px/18px Consolas,Menlo,monospace;tab-size:4;-moz-tab-size:4';

        main.appendChild(gutter);
        main.appendChild(area);
        root.appendChild(main);

        var foot = document.createElement('div');
        foot.style.cssText = 'padding:5px 12px;background:#11131a;border-top:1px solid #333;color:#8aa;flex:0 0 auto;display:flex;gap:14px;border-radius:0 0 8px 8px';
        foot.innerHTML = '<span>Ctrl+S save &middot; Ctrl+F find &middot; Ctrl+H replace &middot; Esc close &middot; Tab indent</span>' +
            '<span class="tl-ed-status" style="flex:1;text-align:right;color:#7a7"></span>';
        root.appendChild(foot);

        var st = document.createElement('style');
        st.textContent =
            '#tl-editor .tl-ed-btn{cursor:pointer;padding:3px 9px;border-radius:4px;background:#333;color:#ddd}' +
            '#tl-editor .tl-ed-btn:hover{filter:brightness(1.35)}' +
            '#tl-editor .tl-ed-tabs{display:flex;overflow-x:auto;background:#0e1016;border-bottom:1px solid #333;flex:0 0 auto}' +
            '#tl-editor .tl-ed-tab{display:flex;align-items:center;gap:6px;padding:5px 8px;border-right:1px solid #222;color:#9ab;cursor:pointer;white-space:nowrap;max-width:220px;flex:0 0 auto}' +
            '#tl-editor .tl-ed-tab.on{background:#1b1e26;color:#fff}' +
            '#tl-editor .tl-ed-tab .nm{overflow:hidden;text-overflow:ellipsis}' +
            '#tl-editor .tl-ed-tab .dot{color:#fd6}' +
            '#tl-editor .tl-ed-tab .x{color:#889;border-radius:3px;padding:0 4px}' +
            '#tl-editor .tl-ed-tab .x:hover{background:#555;color:#fff}' +
            '#tl-editor .tl-ed-find{background:#12141b;border-bottom:1px solid #333;padding:5px 8px;flex:0 0 auto}' +
            '#tl-editor .tl-fr{display:flex;align-items:center;gap:6px;margin:2px 0}' +
            '#tl-editor .tl-fq,#tl-editor .tl-fr-in{flex:0 0 240px;width:240px;min-width:0;background:#1b1e26;border:1px solid #344;color:#eee;padding:3px 6px;font:12px Consolas,Menlo,monospace;outline:none}' +
            '#tl-editor .tl-fopt{cursor:pointer;padding:2px 6px;border-radius:3px;background:#222;color:#9ab;font:11px monospace}' +
            '#tl-editor .tl-fopt.on{background:#2a5db0;color:#fff}' +
            '#tl-editor .tl-fcount{color:#9ab;min-width:62px;text-align:center;font-size:11px}' +
            '#tl-editor .tl-fcount.err{color:#f88}' +
            '#tl-editor .tl-fbtn{cursor:pointer;padding:2px 8px;border-radius:3px;background:#333;color:#ddd;white-space:nowrap}' +
            '#tl-editor .tl-fbtn:hover{filter:brightness(1.3)}';
        root.appendChild(st);

        head.addEventListener('click', function (e) {
            var a = e.target.getAttribute('data-act');
            if (a === 'save') { saveEditor(); }
            else if (a === 'close') { closeEditor(); }
            else if (a === 'find') { openFind(false); }
        });

        // tab strip: click selects, click the x closes
        tabs.addEventListener('click', function (e) {
            var t = e.target;
            while (t && t !== tabs && !t.hasAttribute('data-ti')) { t = t.parentNode; }
            if (!t || t === tabs) { return; }
            var i = parseInt(t.getAttribute('data-ti'), 10);
            if (e.target.classList.contains('x')) { closeTab(i); } else { selectTab(i); }
        });

        // find widget wiring
        editor.fq = find.querySelector('.tl-fq');
        editor.frin = find.querySelector('.tl-fr-in');
        editor.fcount = find.querySelector('.tl-fcount');
        editor.fq.addEventListener('input', function () {
            editor.find.q = this.value; recomputeMatches();
            showMatch(editor.find.idx < 0 ? 0 : editor.find.idx);
        });
        editor.fq.addEventListener('keydown', function (e) {
            if (e.key === 'Enter') { e.preventDefault(); showMatch(editor.find.idx + (e.shiftKey ? -1 : 1)); }
            else if (e.key === 'Escape') { e.preventDefault(); closeFind(); }
        });
        editor.frin.addEventListener('input', function () { editor.find.r = this.value; });
        editor.frin.addEventListener('keydown', function (e) {
            if (e.key === 'Enter') { e.preventDefault(); replaceCurrent(); }
            else if (e.key === 'Escape') { e.preventDefault(); closeFind(); }
        });
        find.addEventListener('click', function (e) {
            var opt = e.target.getAttribute('data-opt');
            var fa = e.target.getAttribute('data-fa');
            if (opt) {
                var f = editor.find; f[opt] = !f[opt];
                e.target.classList.toggle('on', f[opt]);
                recomputeMatches(); showMatch(f.idx < 0 ? 0 : f.idx);
            } else if (fa === 'next') { showMatch(editor.find.idx + 1); }
            else if (fa === 'prev') { showMatch(editor.find.idx - 1); }
            else if (fa === 'close') { closeFind(); }
            else if (fa === 'rep') { replaceCurrent(); }
            else if (fa === 'repall') { replaceAll(); }
        });

        area.addEventListener('input', function () {
            markDirty(); refreshGutter();
            if (editor.find.open) { recomputeMatches(); updateFindCount(); }
        });
        area.addEventListener('scroll', syncGutter);
        area.addEventListener('keydown', onEditorKey, false);

        // Keep the game from reacting to clicks/keys aimed at the editor (mirrors the
        // inspector panel's isolation). With "freeze" off this is what protects typing.
        ['mousedown', 'mouseup', 'click', 'dblclick', 'wheel', 'contextmenu',
         'touchstart', 'touchend', 'touchmove', 'pointerdown', 'pointerup',
         'keydown', 'keyup', 'keypress'].forEach(function (t) {
            root.addEventListener(t, function (ev) { ev.stopPropagation(); }, false);
        });

        document.body.appendChild(root);
        editor.root = root;
        editor.area = area;
        editor.gutter = gutter;
        editor.tabsEl = tabs;
        editor.findEl = find;
        editor.statusEl = foot.querySelector('.tl-ed-status');
        applyOverlayScale();
    }

    //--- documents / tabs ----------------------------------------------------
    function docIndexByFile(file) {
        for (var i = 0; i < editor.docs.length; i++) { if (editor.docs[i].file === file) { return i; } }
        return -1;
    }

    function createDoc(file) {
        var raw;
        try { raw = fs.readFileSync(file, 'utf8'); }
        catch (e) { toast('Could not read file'); log('read', e); return null; }
        var bom = raw.charCodeAt(0) === 0xFEFF;
        if (bom) { raw = raw.slice(1); }
        var nl = /\r\n/.test(raw) ? '\r\n' : '\n';      // preserve the file's line endings
        return { file: file, name: baseName(file), text: raw.replace(/\r\n/g, '\n'),
                 nl: nl, bom: bom, dirty: false, line: 0, scrollTop: 0, selStart: 0, selEnd: 0 };
    }

    function stashActive() {
        var d = activeDoc(); if (!d) { return; }
        d.text = editor.area.value;
        d.scrollTop = editor.area.scrollTop;
        d.selStart = editor.area.selectionStart;
        d.selEnd = editor.area.selectionEnd;
    }

    function loadActive() {
        var d = activeDoc();
        editor._lines = -1;
        if (!d) { editor.area.value = ''; refreshGutter(); updateEditorTitle(); return; }
        editor.area.value = d.text;
        refreshGutter();
        editor.area.scrollTop = d.scrollTop || 0;
        try { editor.area.setSelectionRange(d.selStart || 0, d.selEnd || 0); } catch (e) { /* ignore */ }
        syncGutter();
        updateEditorTitle();
        if (editor.find.open) { recomputeMatches(); updateFindCount(); }
    }

    function selectTab(i, line) {
        if (i < 0 || i >= editor.docs.length) { return; }
        if (i !== editor.active) { stashActive(); editor.active = i; loadActive(); }
        renderTabs();
        if (line) { jumpToLine(line); }
        editor.area.focus();
    }

    function closeTab(i) {
        var d = editor.docs[i]; if (!d) { return; }
        if (d.dirty && !window.confirm('Discard unsaved changes to ' + d.name + '?')) { return; }
        if (i === editor.active) {
            editor.docs.splice(i, 1);
            if (!editor.docs.length) { editor.active = -1; renderTabs(); editor.root.style.display = 'none'; return; }
            editor.active = Math.min(i, editor.docs.length - 1);
            loadActive();
        } else {
            if (i < editor.active) { editor.active--; }
            editor.docs.splice(i, 1);
        }
        renderTabs();
    }

    function renderTabs() {
        var el = editor.tabsEl; if (!el) { return; }
        el.innerHTML = '';
        editor.docs.forEach(function (d, i) {
            var t = document.createElement('div');
            t.className = 'tl-ed-tab' + (i === editor.active ? ' on' : '');
            t.setAttribute('data-ti', i);
            t.title = d.file;
            t.innerHTML = (d.dirty ? '<span class="dot">&#9679;</span>' : '') +
                '<span class="nm">' + esc(d.name) + '</span>' +
                '<span class="x">&#x2715;</span>';
            el.appendChild(t);
        });
    }

    function markDirty() {
        var d = activeDoc(); if (!d) { return; }
        if (!d.dirty) { d.dirty = true; renderTabs(); }
        updateEditorTitle();
    }

    //--- view helpers --------------------------------------------------------
    function insertAtCursor(area, str) {
        var s = area.selectionStart, e = area.selectionEnd, v = area.value;
        area.value = v.slice(0, s) + str + v.slice(e);
        area.selectionStart = area.selectionEnd = s + str.length;
    }

    function onEditorKey(e) {
        if ((e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S')) { e.preventDefault(); saveEditor(); return; }
        if ((e.ctrlKey || e.metaKey) && (e.key === 'f' || e.key === 'F')) { e.preventDefault(); openFind(false); return; }
        if ((e.ctrlKey || e.metaKey) && (e.key === 'h' || e.key === 'H')) { e.preventDefault(); openFind(true); return; }
        if (e.key === 'Escape') { e.preventDefault(); if (editor.find.open) { closeFind(); } else { closeEditor(); } return; }
        if (e.key === 'Tab') { e.preventDefault(); insertAtCursor(editor.area, '\t'); markDirty(); }
    }

    function syncGutter() {
        if (editor.gutter && editor.area) { editor.gutter.scrollTop = editor.area.scrollTop; }
    }

    function refreshGutter() {
        var v = editor.area.value, count = 1;
        for (var i = 0; i < v.length; i++) { if (v.charCodeAt(i) === 10) { count++; } }
        if (count === editor._lines) { return; }
        editor._lines = count;
        var s = '';
        for (var k = 1; k <= count; k++) { s += k + '\n'; }
        editor.gutter.textContent = s;
        syncGutter();
    }

    function updateEditorTitle(line) {
        var d = activeDoc();
        if (!d) { setEditorStatus(''); return; }
        if (line != null) { d.line = line; }
        setEditorStatus(d.name + (d.line ? ':' + d.line : '') + (d.dirty ? '  (unsaved)' : ''));
    }

    function setEditorStatus(msg) {
        if (editor.statusEl) { editor.statusEl.textContent = msg || ''; }
    }

    function lineStartOffset(text, line) {
        var off = 0, cur = 1;
        while (cur < line) {
            var nl = text.indexOf('\n', off);
            if (nl < 0) { break; }
            off = nl + 1; cur++;
        }
        return off;
    }

    function jumpToLine(line) {
        var area = editor.area, text = area.value;
        var so = lineStartOffset(text, line);
        var eo = text.indexOf('\n', so); if (eo < 0) { eo = text.length; }
        try { area.setSelectionRange(so, eo); } catch (e) { /* ignore */ }
        area.scrollTop = Math.max(0, (line - 4) * EDLH);
        syncGutter();
        updateEditorTitle(line);
    }

    // Entry point from openInEditor(): open (or focus) a tab for `file` and jump to line.
    function openBuiltInEditor(file, line, col) {
        if (!nodeOk || !file) { toast('No file to open'); return; }
        buildEditor();
        editor.root.style.display = 'flex';
        var i = docIndexByFile(file);
        if (i < 0) {
            var d = createDoc(file); if (!d) { return; }
            stashActive();
            editor.docs.push(d);
            i = editor.docs.length - 1;
            editor.active = i;
            loadActive();
            renderTabs();
            jumpToLine(line || 1);
            editor.area.focus();
        } else {
            selectTab(i, line || 1);
        }
    }

    function saveEditor() {
        var d = activeDoc(); if (!d) { return; }
        d.text = editor.area.value;
        var out = (d.nl === '\r\n') ? d.text.replace(/\n/g, '\r\n') : d.text;
        if (d.bom) { out = String.fromCharCode(0xFEFF) + out; }
        try {
            fs.writeFileSync(d.file, out, 'utf8');
            d.dirty = false;
            renderTabs(); updateEditorTitle();
            invalidateFile(d.file);
            // Push the just-saved edit straight onto the live game: reload data files,
            // re-fetch on-screen images and redraw the scene so the change is visible
            // immediately without leaving the editor or restarting.
            refreshGameElements();
            toast('Saved ' + d.name + ' — reloaded in-game');
        } catch (e) { setEditorStatus('save failed'); toast('Save failed: ' + e.message); log('save', e); }
    }

    // Closes the editor window but KEEPS the open tabs in memory (like minimizing),
    // so unsaved edits aren't lost; reopening any result shows them again.
    function closeEditor() {
        if (!editor.root) { return; }
        editor.root.style.display = 'none';
    }

    //--- find / replace ------------------------------------------------------
    function openFind(replaceFocus) {
        buildEditor();
        var f = editor.find; f.open = true;
        editor.findEl.style.display = 'block';
        // seed the query from a short single-line selection (VSCode behaviour)
        var sel = editor.area.value.slice(editor.area.selectionStart, editor.area.selectionEnd);
        if (sel && sel.indexOf('\n') < 0 && sel.length <= 200) { f.q = sel; editor.fq.value = sel; }
        recomputeMatches();
        var inp = replaceFocus ? editor.frin : editor.fq;
        inp.focus(); inp.select();
        showMatch(f.idx < 0 ? 0 : f.idx);
    }

    function closeFind() {
        editor.find.open = false;
        if (editor.findEl) { editor.findEl.style.display = 'none'; }
        editor.area.focus();
    }

    function buildFindRegex(global) {
        var f = editor.find;
        if (!f.q) { return null; }
        var src = f.re ? f.q : f.q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
        if (f.ww) { src = '\\b' + src + '\\b'; }
        try { return new RegExp(src, (global ? 'g' : '') + (f.cs ? '' : 'i') + 'm'); }
        catch (e) { return null; }
    }

    function recomputeMatches(caret) {
        var f = editor.find, text = editor.area.value;
        f.matches = []; f.invalid = false;
        if (!f.q) { f.idx = -1; updateFindCount(); return; }
        var re = buildFindRegex(true);
        if (!re) { f.invalid = !!f.re; f.idx = -1; updateFindCount(); return; }
        var m, guard = 0;
        while ((m = re.exec(text)) !== null) {
            f.matches.push({ start: m.index, end: m.index + m[0].length });
            if (m[0].length === 0) { re.lastIndex++; }   // never loop on empty match
            if (++guard > 200000) { break; }
        }
        var c = (caret == null) ? (editor.area.selectionStart || 0) : caret;
        f.idx = -1;
        for (var i = 0; i < f.matches.length; i++) { if (f.matches[i].start >= c) { f.idx = i; break; } }
        if (f.idx === -1 && f.matches.length) { f.idx = 0; }
        updateFindCount();
    }

    // Select + scroll to match i (wraps). Does NOT move focus, so the user keeps
    // typing in the find box while matches highlight live in the textarea.
    function showMatch(i) {
        var f = editor.find;
        if (!f.matches.length) { updateFindCount(); return; }
        f.idx = ((i % f.matches.length) + f.matches.length) % f.matches.length;
        var mt = f.matches[f.idx], area = editor.area;
        try { area.setSelectionRange(mt.start, mt.end); } catch (e) { /* ignore */ }
        var line = area.value.slice(0, mt.start).split('\n').length;
        area.scrollTop = Math.max(0, (line - 4) * EDLH);
        syncGutter(); updateFindCount();
    }

    function updateFindCount() {
        var f = editor.find, el = editor.fcount;
        if (!el) { return; }
        if (f.invalid) { el.textContent = 'bad regex'; el.className = 'tl-fcount err'; return; }
        el.className = 'tl-fcount';
        if (!f.q) { el.textContent = ''; }
        else if (!f.matches.length) { el.textContent = 'No results'; }
        else { el.textContent = (f.idx + 1) + ' of ' + f.matches.length; }
    }

    function computeReplacement(matched) {
        var f = editor.find;
        if (!f.re) { return f.r; }                       // literal: insert as-is
        var re = buildFindRegex(false);
        try { return matched.replace(re, f.r); }         // regex: honour $1, $& etc.
        catch (e) { return matched; }
    }

    function replaceCurrent() {
        var f = editor.find;
        if (!f.matches.length) { return; }
        if (f.idx < 0) { f.idx = 0; }
        var mt = f.matches[f.idx], area = editor.area, val = area.value;
        var rep = computeReplacement(val.slice(mt.start, mt.end));
        area.value = val.slice(0, mt.start) + rep + val.slice(mt.end);
        markDirty(); refreshGutter();
        recomputeMatches(mt.start + rep.length);         // positions shifted; reanchor
        showMatch(f.idx);
    }

    function replaceAll() {
        var f = editor.find, area = editor.area;
        var reg = buildFindRegex(true);
        if (!reg) { return; }
        var arr = area.value.match(reg);
        var count = arr ? arr.length : 0;
        if (!count) { toast('No matches'); return; }
        // literal mode: function replacer so $ in the replacement stays literal.
        area.value = f.re ? area.value.replace(reg, f.r)
                          : area.value.replace(reg, function () { return f.r; });
        markDirty(); refreshGutter();
        recomputeMatches(); showMatch(0);
        toast('Replaced ' + count + ' occurrence' + (count === 1 ? '' : 's'));
    }

    //=========================================================================
    // Live refresh: reload the data files + images a translator just edited and
    // redraw the current scene, so saved changes show up in-game without a restart.
    // Bound to the panel's "Reload" button.
    //=========================================================================
    var DATA_GLOBALS = {
        'System': '$dataSystem', 'Actors': '$dataActors', 'Classes': '$dataClasses',
        'Skills': '$dataSkills', 'Items': '$dataItems', 'Weapons': '$dataWeapons',
        'Armors': '$dataArmors', 'Enemies': '$dataEnemies', 'Troops': '$dataTroops',
        'States': '$dataStates', 'Animations': '$dataAnimations', 'Tilesets': '$dataTilesets',
        'CommonEvents': '$dataCommonEvents', 'MapInfos': '$dataMapInfos'
    };

    // Run the engine's post-load step on a freshly parsed data object. This is what
    // rebuilds each entry's `.meta`/notetag fields (via DataManager.extractMetadata)
    // AND re-fires any plugin that aliased DataManager.onLoad to process notetags.
    // Skipping it is what crashed plugins like character-lighting (event.meta was
    // undefined -> "Cannot read property 'CharLight' of undefined").
    function runOnLoad(obj) {
        try {
            if (typeof DataManager !== 'undefined' && typeof DataManager.onLoad === 'function') {
                DataManager.onLoad(obj);
            }
        } catch (e) { /* a plugin's onLoad hook may itself throw; don't abort the reload */ }
    }

    function reloadDataFiles() {
        var n = 0;
        for (var name in DATA_GLOBALS) {
            if (!DATA_GLOBALS.hasOwnProperty(name)) { continue; }
            var gname = DATA_GLOBALS[name];
            if (typeof window[gname] === 'undefined') { continue; }
            try {
                window[gname] = JSON.parse(fs.readFileSync(dataFile(name + '.json'), 'utf8'));
                runOnLoad(window[gname]);
                n++;
            } catch (e) { /* file may be absent for this game; skip */ }
        }
        try {
            if (typeof $gameMap !== 'undefined' && $gameMap && $gameMap.mapId()) {
                // $dataMap must be assigned BEFORE onLoad: it keys off (object === $dataMap)
                // to know it should extract event metadata.
                window.$dataMap = JSON.parse(fs.readFileSync(mapFile($gameMap.mapId()), 'utf8'));
                runOnLoad(window.$dataMap);
                n++;
            }
        } catch (e) { /* ignore */ }
        return n;
    }

    // Redraw every window in the current scene (item names, descriptions, terms,
    // status text, etc. are re-read from the freshly reloaded data).
    function refreshSceneWindows() {
        var scene = (typeof SceneManager !== 'undefined') && SceneManager._scene;
        if (!scene || typeof Window_Base === 'undefined') { return 0; }
        var n = 0;
        (function walk(obj) {
            if (!obj) { return; }
            if (obj instanceof Window_Base && typeof obj.refresh === 'function') {
                try { obj.refresh(); n++; } catch (e) { /* some windows refresh only with state */ }
            }
            var kids = obj.children;
            if (kids) { for (var i = 0; i < kids.length; i++) { walk(kids[i]); } }
        })(scene);
        return n;
    }

    function clearImageCaches() {
        try {
            if (typeof ImageManager !== 'undefined') {
                if (typeof ImageManager.clear === 'function') { ImageManager.clear(); }
                if (ImageManager._cache) { ImageManager._cache = {}; }
                if (ImageManager._system) { ImageManager._system = {}; }
                if (typeof ImageCache !== 'undefined' && ImageManager._imageCache) { ImageManager._imageCache = new ImageCache(); }
            }
        } catch (e) { /* ignore */ }
        thumbCache = {};
    }

    // Force on-screen sprites to re-fetch their bitmap from disk. Routing through
    // ImageManager.loadBitmap (cache already cleared) keeps decryption working.
    function reloadOnScreenImages() {
        var scene = (typeof SceneManager !== 'undefined') && SceneManager._scene;
        if (!scene || typeof ImageManager === 'undefined') { return 0; }
        var n = 0;
        (function walk(obj) {
            if (!obj) { return; }
            var bmp = obj.bitmap;
            if (bmp && bmp._url) {
                var url = decodeUrl(bmp._url);
                var slash = url.lastIndexOf('/');
                var folder = url.slice(0, slash + 1);
                var fname = url.slice(slash + 1).replace(/\.png$/i, '');
                try { obj.bitmap = ImageManager.loadBitmap(folder, fname); n++; }
                catch (e) { /* ignore */ }
            }
            var kids = obj.children;
            if (kids) { for (var i = 0; i < kids.length; i++) { walk(kids[i]); } }
        })(scene);
        return n;
    }

    function refreshGameElements() {
        if (!nodeOk) { toast('Reload needs Node (NW.js)'); return; }
        // Drop our own caches so the panel relocates against the new file contents.
        fileCache = {}; lineCache = {}; dupIndex = null; _scanFiles = null;

        var parts = [];
        var d = reloadDataFiles();        if (d) { parts.push(d + ' data file' + (d === 1 ? '' : 's')); }
        clearImageCaches();
        var im = reloadOnScreenImages();  if (im) { parts.push(im + ' image' + (im === 1 ? '' : 's')); }
        var w = refreshSceneWindows();    if (w) { parts.push(w + ' window' + (w === 1 ? '' : 's')); }

        // Nudge the map to rebuild event sprites/state if we're on it.
        try { if (typeof $gameMap !== 'undefined' && $gameMap && $gameMap.requestRefresh) { $gameMap.requestRefresh(); } } catch (e) { /* ignore */ }

        render(); // refresh our own panel too
        toast(parts.length ? ('Reloaded ' + parts.join(', ')) : 'Nothing on screen to reload');
    }

    //=========================================================================
    // Overlay UI
    //=========================================================================
    var ui = { root: null, body: null, tab: 'text', highlight: null, hlLayer: null,
               open: false, refreshTimer: 0, side: 'right', pick: false, catcher: null,
               pickLabel: null, _pickHits: null, selection: null, ignoreNl: false, freeze: false };
    try { ui.side = window.localStorage.getItem('tlins.side') || 'right'; } catch (e) { /* ignore */ }
    try { ui.ignoreNl = window.localStorage.getItem('tlins.ignl') === '1'; } catch (e) { /* ignore */ }
    try { ui.freeze = window.localStorage.getItem('tlins.freeze') === '1'; } catch (e) { /* ignore */ }
    // Editor switch: remembered choice if set, else seeded from CFG.editor (with 'auto'
    // resolving to built-in only when VSCode isn't actually installed).
    try {
        var _sb = window.localStorage.getItem('tlins.builtin');
        ui.useBuiltin = _sb === '1' ? true : _sb === '0' ? false :
            (CFG.editor === 'builtin' || (CFG.editor !== 'vscode' && !vscodeAvailable()));
    } catch (e) { ui.useBuiltin = (CFG.editor === 'builtin'); }
    // Which external editor the dropdown opens results in (null => first detected).
    try { ui.editorId = window.localStorage.getItem('tlins.editor') || null; } catch (e) { ui.editorId = null; }

    function applySide() {
        if (!ui.root) { return; }
        var left = ui.side === 'left';
        ui.root.style.left = left ? '0' : 'auto';
        ui.root.style.right = left ? 'auto' : '0';
        ui.root.style.boxShadow = (left ? '2px' : '-2px') + ' 0 12px rgba(0,0,0,0.6)';
        applyOverlayScale();
    }

    function flipSide() {
        ui.side = ui.side === 'left' ? 'right' : 'left';
        try { window.localStorage.setItem('tlins.side', ui.side); } catch (e) { /* ignore */ }
        applySide();
    }

    function buildUI() {
        if (ui.root) { return; }
        var root = document.createElement('div');
        root.id = 'tl-inspector';
        root.style.cssText = [
            'position:fixed', 'top:0', 'right:0', 'width:460px', 'height:100%',
            'background:rgba(20,22,28,0.96)', 'color:#e6e6e6', 'z-index:2147483646',
            'font:12px/1.45 Consolas,Menlo,monospace', 'box-shadow:-2px 0 12px rgba(0,0,0,0.6)',
            'display:none', 'flex-direction:column'
        ].join(';');

        var head = document.createElement('div');
        head.style.cssText = 'background:#11131a;border-bottom:1px solid #333;flex:0 0 auto';
        head.innerHTML =
            '<div class="tl-hrow" style="padding:7px 10px 4px">' +
                '<b style="color:#6cf">TL Inspector</b>' +
                '<span style="flex:1"></span>' +
                '<span data-tab="text" class="tl-tab">Text</span>' +
                '<span data-tab="images" class="tl-tab">Images</span>' +
                '<span style="flex:1"></span>' +
                '<span data-act="flip" class="tl-btn tl-ic" title="Move panel to the other side">&#x21c4;</span>' +
                '<span data-act="close" class="tl-btn tl-ic" title="Close panel (F10)">&#x2715;</span>' +
            '</div>' +
            '<div class="tl-hrow" style="padding:0 10px 7px">' +
                '<span data-act="pick" class="tl-btn tl-inspect" title="Hover the game to highlight an object, then click to reveal it">&#x2316; Inspect</span>' +
                '<label class="tl-btn tl-frz" title="Open clicked file:line results in the built-in in-game editor instead of an external editor">' +
                    '<input type="checkbox" data-act="builtin"' + (ui.useBuiltin ? ' checked' : '') + '> Built-in Editor</label>' +
                '<select class="tl-edsel" data-act="edsel" title="Which installed editor opens clicked file:line results"></select>' +
                '<label class="tl-btn tl-frz" title="Block mouse/keyboard from reaching the game while the panel is open">' +
                    '<input type="checkbox" data-act="freeze"' + (ui.freeze ? ' checked' : '') + '> Freeze</label>' +
                '<span data-act="refresh" class="tl-btn" title="Reload on-screen text &amp; images from disk (auto-reloads on save too)">&#x21bb; Reload</span>' +
            '</div>';
        root.appendChild(head);

        var body = document.createElement('div');
        body.style.cssText = 'flex:1 1 auto;overflow:auto;padding:6px 8px';
        root.appendChild(body);

        var style = document.createElement('style');
        style.textContent =
            '#tl-inspector .tl-hrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}' +
            '#tl-inspector .tl-tab{cursor:pointer;padding:3px 11px;border-radius:4px;background:#222;color:#bbb;display:inline-flex;align-items:center;line-height:1.3}' +
            '#tl-inspector .tl-tab.on{background:#2a5db0;color:#fff}' +
            '#tl-inspector .tl-btn{cursor:pointer;padding:3px 10px;border-radius:4px;background:#333;color:#ddd;display:inline-flex;align-items:center;gap:5px;line-height:1.3}' +
            '#tl-inspector .tl-btn.on{background:#3a7;color:#022}' +
            '#tl-inspector .tl-ic{min-width:30px;justify-content:center;padding:3px 6px}' +
            '#tl-inspector .tl-edsel{background:#333;color:#ddd;border:1px solid #475;border-radius:4px;padding:3px 4px;font:inherit;cursor:pointer;max-width:140px;line-height:1.3}' +
            '#tl-inspector .tl-frz input{margin:0 1px 0 0}' +
            '#tl-inspector .tl-btn:hover,#tl-inspector .tl-tab:hover{filter:brightness(1.3)}' +
            '#tl-inspector .tl-row{border:1px solid #2b2f3a;border-radius:6px;padding:6px 8px;margin:0 0 6px;background:#1b1e26}' +
            '#tl-inspector .tl-row.live{border-color:#3a7;background:#1b2620}' +
            '#tl-inspector .tl-txt{color:#fff;white-space:pre-wrap;word-break:break-word;margin-bottom:4px;' +
                '-webkit-user-select:text;user-select:text;cursor:text}' +
            '#tl-inspector .tl-meta{color:#8aa;font-size:11px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}' +
            '#tl-inspector .tl-loc{color:#9cd;cursor:pointer;text-decoration:underline}' +
            '#tl-inspector .tl-badge{font-size:10px;padding:0 5px;border-radius:8px;background:#345}' +
            '#tl-inspector .tl-badge.choice{background:#534}' +
            '#tl-inspector .tl-badge.ui{background:#553}' +
            '#tl-inspector .tl-badge.live{background:#3a7;color:#022}' +
            '#tl-inspector .tl-mini{cursor:pointer;color:#cda;background:#2a2f3a;padding:1px 7px;border-radius:4px;white-space:nowrap}' +
            '#tl-inspector .tl-mini:hover{background:#363c4a;color:#eda}' +
            '#tl-inspector .tl-imgwrap{display:flex;gap:8px;align-items:flex-start}' +
            '#tl-inspector .tl-thumb{width:60px;height:60px;object-fit:contain;border:1px solid #333;border-radius:4px;flex:0 0 auto;' +
                'background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#15171d;image-rendering:pixelated}' +
            '#tl-inspector .tl-noimg{display:flex;align-items:center;justify-content:center;color:#556;font-size:18px}' +
            '#tl-inspector .tl-imginfo{flex:1;min-width:0}' +
            '#tl-inspector .tl-dups{margin-top:6px;padding:4px 0 2px 8px;border-left:2px solid #46506a}' +
            '#tl-inspector .tl-dup{color:#9cd;cursor:pointer;text-decoration:underline;display:block;margin:2px 0}' +
            '#tl-inspector .tl-bar{margin:0 0 8px;color:#9ab}' +
            '#tl-inspector .tl-bar input{vertical-align:middle}' +
            '#tl-inspector .tl-empty{color:#778;padding:20px;text-align:center}';
        root.appendChild(style);

        document.body.appendChild(root);
        ui.root = root; ui.body = body;
        applySide();

        // Stop panel mouse/wheel/touch events from reaching the game's document-level
        // input handlers. Fixes: clicking the scrollbar/buttons driving the character,
        // and the mouse wheel not scrolling (the game preventDefault()s wheel events).
        ['mousedown', 'mouseup', 'click', 'dblclick', 'wheel', 'contextmenu',
         'touchstart', 'touchend', 'touchmove', 'pointerdown', 'pointerup'].forEach(function (t) {
            root.addEventListener(t, function (ev) { ev.stopPropagation(); }, false);
        });

        var frz = root.querySelector('[data-act="freeze"]');
        if (frz) {
            frz.addEventListener('change', function () {
                ui.freeze = this.checked;
                try { window.localStorage.setItem('tlins.freeze', ui.freeze ? '1' : ''); } catch (e) { /* ignore */ }
                toast(ui.freeze ? 'Game controls frozen while editor is open' : 'Game controls unfrozen');
            });
        }

        // Editor dropdown: list every detected external editor; only shown when the
        // built-in editor is NOT selected (since then clicks open externally).
        var edsel = root.querySelector('[data-act="edsel"]');
        function syncEdsel() {
            if (!edsel) { return; }
            edsel.style.display = ui.useBuiltin ? 'none' : '';
        }
        if (edsel) {
            var list = detectEditors();
            list.forEach(function (e) {
                var o = document.createElement('option');
                o.value = e.id; o.textContent = e.name;
                edsel.appendChild(o);
            });
            edsel.value = currentEditor().id;
            syncEdsel();
            edsel.addEventListener('change', function () {
                ui.editorId = this.value;
                try { window.localStorage.setItem('tlins.editor', ui.editorId); } catch (e) { /* ignore */ }
                toast('Results open in ' + currentEditor().name);
            });
        }

        var bld = root.querySelector('[data-act="builtin"]');
        if (bld) {
            bld.addEventListener('change', function () {
                ui.useBuiltin = this.checked;
                try { window.localStorage.setItem('tlins.builtin', ui.useBuiltin ? '1' : '0'); } catch (e) { /* ignore */ }
                syncEdsel();
                toast(ui.useBuiltin ? 'Results open in the built-in editor'
                                    : 'Results open in ' + currentEditor().name);
            });
        }

        head.addEventListener('click', function (ev) {
            var t = ev.target.getAttribute('data-tab');
            var a = ev.target.getAttribute('data-act');
            if (t) { ui.tab = t; if (t !== 'images' && ui.pick) { setPick(false); } render(); }
            else if (a === 'refresh') { refreshGameElements(); }
            else if (a === 'pick') { setPick(!ui.pick); }
            else if (a === 'flip') { flipSide(); }
            else if (a === 'close') { toggle(false); }
        });

        var hl = document.createElement('div');
        hl.style.cssText = 'position:fixed;border:2px solid #ff5;background:rgba(255,255,0,0.12);z-index:2147483645;pointer-events:none;display:none';
        document.body.appendChild(hl);
        ui.highlight = hl;

        var pl = document.createElement('div');
        pl.style.cssText = 'position:fixed;background:#000d;color:#9f9;padding:3px 7px;border-radius:4px;font:11px monospace;z-index:2147483647;pointer-events:none;display:none;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis';
        document.body.appendChild(pl);
        ui.pickLabel = pl;

        var hlz = document.createElement('div'); // container for multiple pick rects
        hlz.style.cssText = 'position:fixed;left:0;top:0;z-index:2147483645;pointer-events:none;display:none';
        document.body.appendChild(hlz);
        ui.hlLayer = hlz;
        applyOverlayScale();
    }

    function setTabStyles() {
        var tabs = ui.root.querySelectorAll('.tl-tab');
        for (var i = 0; i < tabs.length; i++) {
            tabs[i].classList.toggle('on', tabs[i].getAttribute('data-tab') === ui.tab);
        }
        // Inspect only works on images, so only surface it on the Images tab.
        var insp = ui.root.querySelector('.tl-inspect');
        if (insp) { insp.style.display = (ui.tab === 'images') ? '' : 'none'; }
    }

    function esc(s) {
        return String(s).replace(/[&<>]/g, function (c) {
            return c === '&' ? '&amp;' : c === '<' ? '&lt;' : '&gt;';
        });
    }

    function render() {
        if (!ui.root || !ui.open) { return; }
        setTabStyles();
        var st = ui.body.scrollTop;               // preserve scroll across rebuilds
        ui.body.innerHTML = '';
        if (ui.tab === 'text') { renderText(); } else { renderImages(); }
        ui.body.scrollTop = st;
    }

    // Signature of what's currently on screen + how many thumbs are ready, so the
    // auto-refresh only rebuilds the Images tab when something actually changed
    // (otherwise the scrollbar would keep snapping back to the top).
    function onScreenSignature() {
        var urls = collectOnScreenImages().map(function (i) { return i.url; });
        var ready = urls.filter(function (u) { return thumbCache[u]; }).length;
        return urls.join('|') + '#' + ready + '#' + (ui.selection ? ui.selection.length : 0);
    }

    function renderText() {
        var bar = htmlEl('<div class="tl-bar" style="display:flex;align-items:center;gap:10px">' +
            '<label style="cursor:pointer"><input type="checkbox"' + (ui.ignoreNl ? ' checked' : '') +
            '> ignore line breaks (\\n) when matching</label>' +
            '<span style="flex:1"></span>' +
            '<span class="tl-mini" data-act="clearhist">Clear History (' + textRecords.length + ')</span></div>');
        bar.querySelector('input').addEventListener('change', function () {
            ui.ignoreNl = this.checked;
            try { window.localStorage.setItem('tlins.ignl', ui.ignoreNl ? '1' : ''); } catch (e) { /* ignore */ }
        });
        bar.querySelector('[data-act="clearhist"]').addEventListener('click', function () {
            textRecords.length = 0;
            currentGroup = -1;
            render();
        });
        ui.body.appendChild(bar);

        if (!textRecords.length) {
            ui.body.appendChild(htmlEl('<div class="tl-empty">No text captured yet.<br>Trigger a message in-game.</div>'));
            return;
        }
        var msgBusy = (typeof $gameMessage !== 'undefined') && $gameMessage && $gameMessage.isBusy && $gameMessage.isBusy();
        for (var i = textRecords.length - 1; i >= 0; i--) {
            var r = textRecords[i];
            if (!r.file) { resolveRecord(r); } // text-search fallback for identity misses
            var loc = (r.file && r.tail) ? locateLine(r.file, r.tail) : null;
            var line = loc ? loc.line : (r.uiLine || null);
            var col = loc ? loc.col : null;
            var live = msgBusy && r.group === currentGroup && currentGroup !== -1;

            var row = document.createElement('div');
            row.className = 'tl-row' + (live ? ' live' : '');

            var fileShort = r.file ? r.file.replace(/^.*[\\\/]/, '') : null;
            var locText = fileShort ? (fileShort + (line ? ':' + line : ''))
                        : (r._ambig ? r._ambig + ' candidates — click "locate"' : r.label);

            row.innerHTML =
                '<div class="tl-txt">' + esc(r.text) + '</div>' +
                '<div class="tl-meta">' +
                    '<span class="tl-badge ' + r.kind + '">' + r.kind + '</span>' +
                    (live ? '<span class="tl-badge live">LIVE</span>' : '') +
                    '<span class="tl-loc">' + esc(locText) + '</span>' +
                    '<span class="tl-mini" data-act="dups">' +
                        (r.kind === 'ui' ? 'Locate In Files' : (r.file ? 'Find Duplicates' : 'Locate In Files')) + '</span>' +
                '</div>' +
                '<div class="tl-dups" style="display:none"></div>';

            (function (rec, ln, cl, rowEl) {
                var locEl = rowEl.querySelector('.tl-loc');
                if (locEl) {
                    locEl.addEventListener('click', function () {
                        if (rec.file) { openInEditor(rec.file, ln, cl); }
                        else { toast('Unresolved: ' + rec.label); }
                    });
                }
                var dupBtn = rowEl.querySelector('[data-act="dups"]');
                var dupsEl = rowEl.querySelector('.tl-dups');
                if (dupBtn) {
                    dupBtn.addEventListener('click', function () {
                        if (dupsEl.style.display === 'none') {
                            dupsEl.style.display = 'block';
                            dupsEl.innerHTML = '<span style="color:#778">searching…</span>';
                            setTimeout(function () { populateDups(dupsEl, rec); }, 0);
                        } else { dupsEl.style.display = 'none'; }
                    });
                }
            })(r, line, col, row);

            ui.body.appendChild(row);
        }
    }

    function populateDups(container, rec) {
        container.innerHTML = '';
        var MAXSHOW = 150;
        var note = '', total = 0, shown = [];

        if (rec.kind === 'ui') {
            // UI/plugin text: literal search across data + plugin files.
            var s = searchFilesSmart(rec.text);
            total = s.results.length;
            note = total + ' match' + (total === 1 ? '' : 'es') +
                (s.partial ? ' for "' + s.query + '" (value part omitted)' : '');
            shown = s.results.slice(0, MAXSHOW).map(function (o) { return { file: o.file, line: o.line, col: o.col, quoted: o.quoted }; });
        } else {
            // Dialogue/choice text: list every identical line in the data files.
            // IMPORTANT: slice BEFORE resolving line numbers — a frequent speaker name
            // ("Yui") has thousands of hits and locating every one would freeze the game.
            var occ = findOccurrences(rec.text, ui.ignoreNl);
            total = occ.length;
            note = total + ' occurrence' + (total === 1 ? '' : 's') + (ui.ignoreNl ? ' (ignoring \\n)' : '');
            shown = occ.slice(0, MAXSHOW).map(function (o) {
                var l = locateLine(o.file, o.path);
                return { file: o.file, line: l && l.line, col: l && l.col,
                         isSelf: rec.file === o.file && JSON.stringify(rec.tail) === JSON.stringify(o.path) };
            });
        }

        if (!total) {
            container.innerHTML = '<span style="color:#778">no matches found' +
                (rec.kind === 'ui' ? ' (text may be built at runtime)' : '') + '</span>';
            return;
        }
        var head = htmlEl('<div style="color:#9ab;margin-bottom:3px">' + note +
            (total > MAXSHOW ? ' &mdash; showing first ' + MAXSHOW : '') +
            ' &nbsp;<span class="tl-mini" data-act="openall">Open All (' + shown.length + ')</span></div>');
        container.appendChild(head);
        shown.forEach(function (x) {
            var fn = x.file.replace(/^.*[\\\/]/, '');
            // For UI/file searches, flag whether the match is the WHOLE string value
            // ("exact") or just contained inside a longer one ("within longer text").
            var tag = (x.quoted === true) ? ' <span style="color:#7d7">exact</span>'
                    : (x.quoted === false) ? ' <span style="color:#c99">within longer text</span>' : '';
            var el = htmlEl('<span class="tl-dup">' + esc(fn) + (x.line ? ':' + x.line : '') + tag +
                (x.isSelf ? '  <span style="color:#7a7">(this line)</span>' : '') + '</span>');
            el.addEventListener('click', function () { openInEditor(x.file, x.line, x.col); });
            container.appendChild(el);
        });
        head.querySelector('[data-act="openall"]').addEventListener('click', function () {
            if (shown.length > 8 && !window.confirm('Open ' + shown.length + ' files in the editor?')) { return; }
            shown.forEach(function (x) { openInEditor(x.file, x.line, x.col); });
        });
    }

    function renderImages() {
        // Objects captured from an Inspect click (the full stack under the cursor)
        if (ui.selection && ui.selection.length) {
            var selHead = htmlEl('<div style="color:#fd6;margin:2px 0 6px;display:flex;align-items:center;gap:8px">' +
                '<b>Under cursor (' + ui.selection.length + ')</b>' +
                '<span class="tl-mini" data-act="clearsel">Clear</span></div>');
            selHead.querySelector('[data-act="clearsel"]').addEventListener('click', function () { ui.selection = null; render(); });
            ui.body.appendChild(selHead);
            ui.selection.forEach(function (sel) {
                ui.body.appendChild(buildImgRow(sel.url, sel.bitmap, { screen: sel.screen }));
            });
            ui.body.appendChild(htmlEl('<hr style="border:none;border-top:1px solid #333;margin:10px 0">'));
        }

        var live = collectOnScreenImages();
        ui.body.appendChild(htmlEl('<div style="color:#9cd;margin:2px 0 6px">On screen now (' + live.length + ')</div>'));
        if (!live.length) {
            ui.body.appendChild(htmlEl('<div class="tl-empty">No image sprites on screen.</div>'));
        }
        live.forEach(function (img) {
            ui.body.appendChild(buildImgRow(img.url, img.bitmap, { screen: img.screen, trigger: imageTriggers[img.url] }));
        });

        // recent loads (history)
        ui.body.appendChild(htmlEl('<div style="color:#9cd;margin:12px 0 6px">Recently loaded</div>'));
        for (var i = imageLog.length - 1; i >= 0 && i > imageLog.length - 25; i--) {
            var it = imageLog[i];
            ui.body.appendChild(buildImgRow(it.url, it.bitmap, { fromLabel: it.label }));
        }
    }

    function htmlEl(html) {
        var d = document.createElement('div');
        d.innerHTML = html;
        return d.firstChild;
    }

    function showHighlight(s) {
        if (!s || !ui.highlight) { return; }
        var h = ui.highlight;
        h.style.left = s.x + 'px'; h.style.top = s.y + 'px';
        h.style.width = s.w + 'px'; h.style.height = s.h + 'px';
        h.style.display = 'block';
    }
    function hideHighlight() { if (ui.highlight) { ui.highlight.style.display = 'none'; } }

    //=========================================================================
    // Inspect / pick mode: hover the game canvas to highlight the image object
    // under the cursor (topmost), click to reveal its source file.
    //=========================================================================
    function canvasScale(rect) {
        return (rect && typeof Graphics !== 'undefined' && Graphics.width) ? rect.width / Graphics.width : 1;
    }

    function boundsToScreen(b, rect, scale) {
        return { x: rect.left + b.x * scale, y: rect.top + b.y * scale,
                 w: b.width * scale, h: b.height * scale };
    }

    // ALL bitmap objects whose bounds contain the point, bottom-to-top draw order.
    function hitTestAll(stageX, stageY) {
        var scene = (typeof SceneManager !== 'undefined') && SceneManager._scene;
        var hits = [];
        if (!scene) { return hits; }
        (function walk(obj) {
            if (!obj || obj.visible === false) { return; }
            var bmp = obj.bitmap;
            if (bmp && bmp._url) {
                var vis = ('worldVisible' in obj) ? obj.worldVisible : true;
                if (vis) {
                    var b = null;
                    try { b = obj.getBounds && obj.getBounds(); } catch (e) { b = null; }
                    if (b && b.width > 0 && b.height > 0 &&
                        stageX >= b.x && stageX <= b.x + b.width &&
                        stageY >= b.y && stageY <= b.y + b.height) {
                        hits.push({ url: decodeUrl(bmp._url), bounds: b, bitmap: bmp });
                    }
                }
            }
            var kids = obj.children;
            if (kids) { for (var i = 0; i < kids.length; i++) { walk(kids[i]); } }
        })(scene);
        return hits; // index 0 = bottom-most, last = top-most
    }

    function showHighlights(rects) { // multiple rects; last (top-most) is brighter
        var layer = ui.hlLayer;
        if (!layer) { return; }
        layer.innerHTML = '';
        rects.forEach(function (r, i) {
            var top = i === rects.length - 1;
            var d = document.createElement('div');
            d.style.cssText = 'position:fixed;pointer-events:none;left:' + r.x + 'px;top:' + r.y +
                'px;width:' + r.w + 'px;height:' + r.h + 'px;border:2px ' +
                (top ? 'solid #ff5' : 'dashed #6cf') + ';background:' +
                (top ? 'rgba(255,255,0,0.12)' : 'rgba(80,170,255,0.06)');
            layer.appendChild(d);
        });
        layer.style.display = 'block';
    }
    function hideHighlights() { if (ui.hlLayer) { ui.hlLayer.innerHTML = ''; ui.hlLayer.style.display = 'none'; } }

    function onPickMove(ev) {
        var canvas = getGameCanvas();
        if (!canvas) { return; }
        var rect = canvas.getBoundingClientRect();
        var scale = canvasScale(rect);
        var sx = (ev.clientX - rect.left) / scale, sy = (ev.clientY - rect.top) / scale;
        var hits = hitTestAll(sx, sy);
        if (hits.length) {
            showHighlights(hits.map(function (h) { return boundsToScreen(h.bounds, rect, scale); }));
            var topName = hits[hits.length - 1].url.replace(/^.*\//, '');
            ui.pickLabel.innerHTML =
                (hits.length > 1 ? '<b>' + hits.length + ' objects here</b> &mdash; click to list<br>' : '') +
                'top: ' + esc(topName);
            ui.pickLabel.style.left = Math.min(ev.clientX + 12, window.innerWidth - 260) + 'px';
            ui.pickLabel.style.top = (ev.clientY + 14) + 'px';
            ui.pickLabel.style.display = 'block';
            ui._pickHits = hits.map(function (h) {
                return { url: h.url, bitmap: h.bitmap, screen: boundsToScreen(h.bounds, rect, scale) };
            });
        } else {
            hideHighlights();
            ui.pickLabel.style.display = 'none';
            ui._pickHits = null;
        }
    }

    // Click does NOT open anything: it lists every object under the cursor in the
    // panel, where the user can highlight/reveal each one deliberately.
    function onPickClick(ev) {
        ev.preventDefault(); ev.stopPropagation();
        var hits = ui._pickHits;
        setPick(false);
        if (hits && hits.length) {
            ui.selection = hits;
            ui.tab = 'images';
            render();
        }
    }

    function setPick(on) {
        buildUI();
        ui.pick = !!on;
        var btn = ui.root.querySelector('[data-act="pick"]');
        if (btn) { btn.classList.toggle('on', ui.pick); }
        if (ui.pick) {
            var canvas = getGameCanvas();
            var rect = canvas ? canvas.getBoundingClientRect() : { left: 0, top: 0, width: window.innerWidth, height: window.innerHeight };
            if (!ui.catcher) {
                ui.catcher = document.createElement('div');
                ui.catcher.style.cssText = 'position:fixed;z-index:2147483644;cursor:crosshair;background:transparent';
                document.body.appendChild(ui.catcher);
                ui.catcher.addEventListener('mousemove', onPickMove);
                ui.catcher.addEventListener('click', onPickClick, true);
                // Swallow all pointer input over the canvas while inspecting, so the
                // game never reacts (this also keeps "freeze" effective during Inspect).
                ['mousedown', 'mouseup', 'dblclick', 'wheel', 'contextmenu', 'mousemove',
                 'touchstart', 'touchmove', 'touchend', 'pointerdown', 'pointerup', 'pointermove'].forEach(function (t) {
                    ui.catcher.addEventListener(t, function (e) { e.stopPropagation(); }, false);
                });
            }
            ui.catcher.style.left = rect.left + 'px';
            ui.catcher.style.top = rect.top + 'px';
            ui.catcher.style.width = rect.width + 'px';
            ui.catcher.style.height = rect.height + 'px';
            ui.catcher.style.display = 'block';
            toast('Inspect: hover an object, click to reveal. Esc/Inspect to exit.');
        } else {
            if (ui.catcher) { ui.catcher.style.display = 'none'; }
            hideHighlight();
            hideHighlights();
            if (ui.pickLabel) { ui.pickLabel.style.display = 'none'; }
        }
    }

    var refreshPending = false;
    function scheduleRefresh() {
        if (refreshPending || !ui.open) { return; }
        refreshPending = true;
        setTimeout(function () { refreshPending = false; render(); }, 60);
    }

    function toggle(force) {
        buildUI();
        ui.open = (typeof force === 'boolean') ? force : !ui.open;
        ui.root.style.display = ui.open ? 'flex' : 'none';
        if (!ui.open && ui.pick) { setPick(false); }
        hideHighlight();
        if (ui.open) {
            render();
            if (!ui.refreshTimer) {
                ui.refreshTimer = setInterval(function () {
                    if (ui.open && ui.tab === 'images') {
                        var sig = onScreenSignature();
                        if (sig !== ui._imgSig) { ui._imgSig = sig; render(); }
                    }
                }, 700);
            }
        }
    }

    //=========================================================================
    // Toast
    //=========================================================================
    var toastEl = null, toastTimer = 0;
    function toast(msg) {
        if (!toastEl) {
            toastEl = document.createElement('div');
            toastEl.style.cssText = 'position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:8px 14px;border-radius:6px;z-index:2147483647;font:12px monospace;box-shadow:0 2px 8px rgba(0,0,0,.5)';
            document.body.appendChild(toastEl);
        }
        toastEl.textContent = msg;
        toastEl.style.display = 'block';
        clearTimeout(toastTimer);
        toastTimer = setTimeout(function () { toastEl.style.display = 'none'; }, 2600);
    }

    //=========================================================================
    // Hotkey
    //=========================================================================
    document.addEventListener('keydown', function (e) {
        if (e.key === CFG.hotkey) {
            e.preventDefault();
            e.stopPropagation();
            toggle();
        } else if (e.key === 'Escape' && ui.pick) {
            e.preventDefault();
            e.stopPropagation();
            setPick(false);
        }
    }, true);

    // "Freeze game controls" guard: when enabled and the editor is open, block input
    // events from reaching the game's document/window listeners. Events targeting the
    // panel (or the Inspect catcher) and our own hotkeys are always allowed through.
    function inPanel(node) {
        return !!(node && (
            (ui.root && ui.root.contains(node)) ||
            (ui.catcher && ui.catcher === node) ||
            (editor.root && editor.root.contains(node))   // built-in editor needs raw input
        ));
    }
    function freezeGuard(e) {
        if (!ui.open || !ui.freeze) { return; }
        if (inPanel(e.target)) { return; } // our panel / built-in editor get input untouched
        var isKey = (e.type === 'keydown' || e.type === 'keyup' || e.type === 'keypress');
        if (isKey) {
            if (e.key === CFG.hotkey || e.key === 'Escape') { return; } // hotkeys always work
            // Always block the game from seeing the key (stopPropagation), but do NOT
            // cancel the browser default for copy/select shortcuts (Ctrl+C / Ctrl+A) so
            // the user can still copy selected text from the panel.
            e.stopPropagation();
            if (e.stopImmediatePropagation) { e.stopImmediatePropagation(); }
            if (e.cancelable && !(e.ctrlKey || e.metaKey)) { e.preventDefault(); }
            return;
        }
        if (inPanel(e.target)) { return; } // let the panel receive mouse/wheel/touch
        e.stopPropagation();
        if (e.stopImmediatePropagation) { e.stopImmediatePropagation(); }
        if (e.cancelable) { e.preventDefault(); }
    }
    ['mousedown', 'mouseup', 'click', 'dblclick', 'wheel', 'mousemove', 'contextmenu',
     'touchstart', 'touchmove', 'touchend', 'keydown', 'keyup', 'keypress',
     'pointerdown', 'pointerup', 'pointermove'].forEach(function (t) {
        window.addEventListener(t, freezeGuard, true); // capture: runs before game handlers
    });

    window.TLInspector = {
        open: function () { toggle(true); },
        close: function () { toggle(false); },
        records: textRecords,
        images: imageLog,
        cfg: CFG
    };

    log('ready - press ' + CFG.hotkey + ' to open');
})();