편집토론문서 역사

미디어위키:DevTools.js: 두 판 사이의 차이

편집 요약 없음
(Install package: wiki-devtools-svg-flag-normalizer-20260705 / js/DevTools.js)
658번째 줄: 658번째 줄:
                 '<div class="dev-tools-package-list" id="dev-tools-package-list"></div>' +
                 '<div class="dev-tools-package-list" id="dev-tools-package-list"></div>' +
                 '<div class="dev-tools-note">manifest.json이 있으면 그 매핑을 우선하고, 없으면 js/ css/ mediawiki/ page/ manage/ 경로를 자동 추론합니다. PHP·server 파일·이미지 업로드는 적용하지 않습니다. 적용 전 현재 문서 백업 ZIP을 자동으로 내려받습니다.</div>' +
                 '<div class="dev-tools-note">manifest.json이 있으면 그 매핑을 우선하고, 없으면 js/ css/ mediawiki/ page/ manage/ 경로를 자동 추론합니다. PHP·server 파일·이미지 업로드는 적용하지 않습니다. 적용 전 현재 문서 백업 ZIP을 자동으로 내려받습니다.</div>' +
            '</div>' +
            '<div class="dev-tools-section dev-tools-svg-section">' +
                '<div class="dev-tools-section-title">SVG FLAG NORMALIZER</div>' +
                '<textarea id="dev-tools-svg-normalize-titles" class="dev-tools-textarea dev-tools-svg-textarea" rows="4" placeholder="파일:Flag-Example.svg\nFile:Flag-Example-2.svg"></textarea>' +
                '<div class="dev-tools-grid">' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-svg-current">현재 파일</button>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-svg-recent">최근 Flag SVG</button>' +
                    '<button type="button" class="dev-tools-button dev-tools-danger" id="dev-tools-svg-normalize">정규화 업로드</button>' +
                '</div>' +
                '<div class="dev-tools-svg-summary" id="dev-tools-svg-summary">SVG 파일명의 목록을 넣고 정규화하면 투명 여백/아트보드 밖 요소 때문에 작아지는 썸네일을 파일 자체에서 정리합니다.</div>' +
                '<div class="dev-tools-package-list dev-tools-svg-list" id="dev-tools-svg-list"></div>' +
                '<div class="dev-tools-note">MediaWiki 썸네일은 SVG 원본의 viewBox/viewport를 기준으로 래스터화합니다. CSS로 고치는 문제가 아니므로, 이 도구는 SVG를 다시 읽어 실제 보이는 픽셀 범위로 viewBox를 정리한 뒤 같은 파일명으로 재업로드합니다.</div>' +
             '</div>';
             '</div>';
     }
     }
2,211번째 줄: 2,223번째 줄:
                 setButtonsDisabled(false);
                 setButtonsDisabled(false);
                 setStatus('이름 변경 실패: ' + message, 'error');
                 setStatus('이름 변경 실패: ' + message, 'error');
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }
    function normalizeSvgFileTitle(value) {
        var title = String(value || '')
            .replace(/_/g, ' ')
            .replace(/^\s+|\s+$/g, '');
        if (!title) return '';
        if (/^(file|파일):/i.test(title)) return title.replace(/^(file|파일):\s*/i, 'File:');
        return 'File:' + title;
    }
    function svgFileUploadName(title) {
        return normalizeSvgFileTitle(title).replace(/^File:/i, '').trim();
    }
    function parseSvgTitleList(value) {
        var seen = {};
        var list = [];
        String(value || '').split(/[\n,]+/).forEach(function (part) {
            var title = normalizeSvgFileTitle(part);
            var key = title.toLowerCase();
            if (!title || seen[key]) return;
            seen[key] = true;
            list.push(title);
        });
        return list;
    }
    function renderSvgNormalizeLog(items) {
        var html;
        if (!items || !items.length) {
            $('#dev-tools-svg-list').empty();
            return;
        }
        html = items.map(function (item) {
            var cls = item.ok ? 'dev-tools-package-row' : 'dev-tools-package-row dev-tools-package-skipped';
            var status = item.message || '';
            return '<div class="' + cls + '">' +
                '<span class="dev-tools-package-source">' + escapeHtml(item.title || '') + '</span>' +
                '<span class="dev-tools-package-arrow">' + (item.ok ? '✓' : '×') + '</span>' +
                '<span class="dev-tools-package-target">' + escapeHtml(status) + '</span>' +
            '</div>';
        }).join('');
        $('#dev-tools-svg-list').html(html);
    }
    function fillCurrentSvgFileTitle() {
        var ns = Number(mw.config.get('wgNamespaceNumber'));
        var title = mw.config.get('wgPageName') || '';
        if (ns !== 6 || !title) {
            setStatus('현재 문서가 파일 문서가 아닙니다.', 'error');
            return;
        }
        title = title.replace(/_/g, ' ');
        if (!/\.svg$/i.test(title)) {
            setStatus('현재 파일이 SVG가 아닙니다.', 'error');
            return;
        }
        $('#dev-tools-svg-normalize-titles').val(normalizeSvgFileTitle(title));
        setStatus('현재 SVG 파일명을 입력했습니다.', 'ok');
    }
    function fillRecentFlagSvgTitles() {
        setButtonsDisabled(true);
        setStatus('최근 Flag SVG 목록을 가져오는 중...');
        withApi(function (api) {
            api.get({
                action: 'query',
                list: 'allimages',
                aiprefix: 'Flag-',
                aifrom: 'Flag-',
                aiprop: 'timestamp|mime|url',
                ailimit: 50,
                format: 'json',
                formatversion: 2,
                _: Date.now()
            }).then(function (data) {
                var images = data && data.query ? data.query.allimages || [] : [];
                var titles = images.filter(function (image) {
                    var name = image && image.name ? String(image.name) : '';
                    return /\.svg$/i.test(name);
                }).map(function (image) {
                    return 'File:' + image.name;
                });
                $('#dev-tools-svg-normalize-titles').val(titles.join('\n'));
                setStatus('최근 Flag SVG ' + titles.length + '개를 입력했습니다.', titles.length ? 'ok' : 'error');
            }).catch(function (err) {
                setStatus('최근 Flag SVG 목록 로드 실패: ' + (err && err.message ? err.message : err), 'error');
            }).finally(function () {
                setButtonsDisabled(false);
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }
    function parseSvgNumber(value) {
        var match = String(value == null ? '' : value).trim().match(/^-?\d+(?:\.\d+)?/);
        return match ? parseFloat(match[0]) : NaN;
    }
    function parseSvgViewBox(root) {
        var viewBox = root.getAttribute('viewBox') || root.getAttribute('viewbox') || '';
        var parts = viewBox.trim().split(/[\s,]+/).map(function (part) { return parseFloat(part); });
        var width;
        var height;
        if (parts.length === 4 && parts.every(function (value) { return Number.isFinite(value); }) && parts[2] > 0 && parts[3] > 0) {
            return { x: parts[0], y: parts[1], width: parts[2], height: parts[3] };
        }
        width = parseSvgNumber(root.getAttribute('width'));
        height = parseSvgNumber(root.getAttribute('height'));
        if (Number.isFinite(width) && Number.isFinite(height) && width > 0 && height > 0) {
            return { x: 0, y: 0, width: width, height: height };
        }
        return null;
    }
    function formatSvgNumber(value) {
        var rounded = Math.round(value * 1000) / 1000;
        if (Math.abs(rounded) < 0.0005) rounded = 0;
        return String(rounded).replace(/\.0+$/, '').replace(/(\.\d*?)0+$/, '$1');
    }
    function serializeSvgDocument(doc, hadXmlDecl) {
        var text = new XMLSerializer().serializeToString(doc);
        if (hadXmlDecl && text.indexOf('<?xml') !== 0) {
            text = '<?xml version="1.0" encoding="UTF-8"?>\n' + text;
        }
        return text + (text.slice(-1) === '\n' ? '' : '\n');
    }
    function renderSvgTextToCanvas(svgText, viewport) {
        return new Promise(function (resolve, reject) {
            var blob = new Blob([svgText], { type: 'image/svg+xml;charset=utf-8' });
            var url = URL.createObjectURL(blob);
            var img = new Image();
            var maxSide = 1600;
            var scale = Math.min(maxSide / Math.max(viewport.width, viewport.height), 4);
            var width = Math.max(1, Math.round(viewport.width * scale));
            var height = Math.max(1, Math.round(viewport.height * scale));
            var canvas = document.createElement('canvas');
            var ctx;
            canvas.width = width;
            canvas.height = height;
            ctx = canvas.getContext('2d');
            img.onload = function () {
                try {
                    ctx.clearRect(0, 0, width, height);
                    ctx.drawImage(img, 0, 0, width, height);
                    URL.revokeObjectURL(url);
                    resolve({ canvas: canvas, width: width, height: height });
                } catch (err) {
                    URL.revokeObjectURL(url);
                    reject(err);
                }
            };
            img.onerror = function () {
                URL.revokeObjectURL(url);
                reject(new Error('SVG 렌더링 실패'));
            };
            img.src = url;
        });
    }
    function findCanvasAlphaBounds(canvas) {
        var ctx = canvas.getContext('2d');
        var width = canvas.width;
        var height = canvas.height;
        var data = ctx.getImageData(0, 0, width, height).data;
        var minX = width;
        var minY = height;
        var maxX = -1;
        var maxY = -1;
        var x;
        var y;
        var alpha;
        var index;
        for (y = 0; y < height; y += 1) {
            for (x = 0; x < width; x += 1) {
                index = (y * width + x) * 4 + 3;
                alpha = data[index];
                if (alpha > 3) {
                    if (x < minX) minX = x;
                    if (y < minY) minY = y;
                    if (x > maxX) maxX = x;
                    if (y > maxY) maxY = y;
                }
            }
        }
        if (maxX < minX || maxY < minY) return null;
        return { minX: minX, minY: minY, maxX: maxX, maxY: maxY };
    }
    function cropSvgTextToRenderedPixels(svgText) {
        var parser = new DOMParser();
        var doc = parser.parseFromString(svgText, 'image/svg+xml');
        var root = doc.documentElement;
        var parserError = doc.querySelector('parsererror');
        var viewport;
        var hadXmlDecl = /^\s*<\?xml/i.test(svgText);
        if (parserError || !root || String(root.nodeName || '').toLowerCase() !== 'svg') {
            return Promise.reject(new Error('SVG 파싱 실패'));
        }
        viewport = parseSvgViewBox(root);
        if (!viewport) return Promise.reject(new Error('viewBox/width/height를 읽을 수 없음'));
        return renderSvgTextToCanvas(svgText, viewport).then(function (rendered) {
            var bounds = findCanvasAlphaBounds(rendered.canvas);
            var padX;
            var padY;
            var cropX;
            var cropY;
            var cropW;
            var cropH;
            var oldViewBox;
            var newViewBox;
            var style;
            if (!bounds) throw new Error('보이는 픽셀이 없음');
            padX = Math.max(1, Math.round(rendered.width * 0.002));
            padY = Math.max(1, Math.round(rendered.height * 0.002));
            bounds.minX = Math.max(0, bounds.minX - padX);
            bounds.minY = Math.max(0, bounds.minY - padY);
            bounds.maxX = Math.min(rendered.width - 1, bounds.maxX + padX);
            bounds.maxY = Math.min(rendered.height - 1, bounds.maxY + padY);
            cropX = viewport.x + (bounds.minX / rendered.width) * viewport.width;
            cropY = viewport.y + (bounds.minY / rendered.height) * viewport.height;
            cropW = ((bounds.maxX - bounds.minX + 1) / rendered.width) * viewport.width;
            cropH = ((bounds.maxY - bounds.minY + 1) / rendered.height) * viewport.height;
            if (!(cropW > 0 && cropH > 0)) throw new Error('계산된 크롭 범위가 잘못됨');
            oldViewBox = [viewport.x, viewport.y, viewport.width, viewport.height].map(formatSvgNumber).join(' ');
            newViewBox = [cropX, cropY, cropW, cropH].map(formatSvgNumber).join(' ');
            root.setAttribute('viewBox', newViewBox);
            root.setAttribute('width', formatSvgNumber(cropW));
            root.setAttribute('height', formatSvgNumber(cropH));
            root.setAttribute('overflow', 'hidden');
            root.setAttribute('preserveAspectRatio', 'xMidYMid meet');
            style = root.getAttribute('style') || '';
            if (!/overflow\s*:/i.test(style)) {
                root.setAttribute('style', (style ? style.replace(/;?\s*$/, '; ') : '') + 'overflow:hidden;');
            }
            return {
                text: serializeSvgDocument(doc, hadXmlDecl),
                oldViewBox: oldViewBox,
                newViewBox: newViewBox,
                cropWidth: cropW,
                cropHeight: cropH,
                changed: oldViewBox !== newViewBox
            };
        });
    }
    function fetchSvgFileText(api, title) {
        title = normalizeSvgFileTitle(title);
        return api.get({
            action: 'query',
            prop: 'imageinfo',
            titles: normalizeApiTitle(title),
            iiprop: 'url|mime',
            format: 'json',
            formatversion: 2,
            _: Date.now()
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages || [] : [];
            var page = pages[0];
            var info = page && page.imageinfo ? page.imageinfo[0] : null;
            var url = info && info.url ? info.url : '';
            if (!page || page.missing) throw new Error('파일 문서 없음');
            if (!url) throw new Error('파일 URL 없음');
            if (!/\.svg(?:\?|$)/i.test(url) && info.mime !== 'image/svg+xml') throw new Error('SVG 파일이 아님');
            return fetch(url + (url.indexOf('?') === -1 ? '?' : '&') + '_=' + Date.now(), {
                credentials: 'same-origin',
                cache: 'no-store'
            }).then(function (response) {
                if (!response.ok) throw new Error('SVG 다운로드 실패: HTTP ' + response.status);
                return response.text();
            });
        });
    }
    function uploadNormalizedSvg(api, title, svgText, comment) {
        var filename = svgFileUploadName(title);
        var blob = new Blob([svgText], { type: 'image/svg+xml;charset=utf-8' });
        return api.getToken('csrf').then(function (token) {
            var form = new FormData();
            form.append('action', 'upload');
            form.append('filename', filename);
            form.append('file', blob, filename);
            form.append('ignorewarnings', '1');
            form.append('comment', comment || 'Normalize SVG viewBox for CLBI flag thumbnail');
            form.append('token', token);
            form.append('format', 'json');
            form.append('formatversion', '2');
            return fetch(mw.util.wikiScript('api'), {
                method: 'POST',
                credentials: 'same-origin',
                body: form
            }).then(function (response) {
                if (!response.ok) throw new Error('업로드 실패: HTTP ' + response.status);
                return response.json();
            }).then(function (data) {
                if (data && data.error) throw new Error(data.error.info || data.error.code || '업로드 API 오류');
                if (!data || !data.upload || (data.upload.result !== 'Success' && data.upload.result !== 'Warning')) {
                    throw new Error('업로드 결과 확인 실패');
                }
                return data;
            });
        });
    }
    function normalizeOneSvgFile(api, title) {
        return fetchSvgFileText(api, title).then(function (text) {
            return cropSvgTextToRenderedPixels(text).then(function (normalized) {
                return uploadNormalizedSvg(api, title, normalized.text, 'CLBI SVG flag viewBox normalization').then(function () {
                    return {
                        title: normalizeSvgFileTitle(title),
                        ok: true,
                        message: normalized.oldViewBox + ' → ' + normalized.newViewBox
                    };
                });
            });
        });
    }
    function runSvgNormalizeUpload() {
        var titles = parseSvgTitleList($('#dev-tools-svg-normalize-titles').val());
        var results = [];
        if (!titles.length) {
            setStatus('정규화할 SVG 파일명을 입력하세요.', 'error');
            return;
        }
        if (!window.confirm('SVG 파일 ' + titles.length + '개를 실제 보이는 픽셀 범위 기준으로 정규화한 뒤 같은 파일명으로 재업로드합니다. 계속할까요?')) {
            return;
        }
        setButtonsDisabled(true);
        setStatus('SVG 정규화 준비 중...');
        renderSvgNormalizeLog([]);
        withApi(function (api) {
            mapLimit(titles, 1, function (title, index) {
                setStatus('SVG 정규화 중... ' + (index + 1) + '/' + titles.length + ' ' + title);
                return normalizeOneSvgFile(api, title).then(function (result) {
                    results.push(result);
                    renderSvgNormalizeLog(results);
                }).catch(function (err) {
                    results.push({
                        title: normalizeSvgFileTitle(title),
                        ok: false,
                        message: err && err.message ? err.message : String(err)
                    });
                    renderSvgNormalizeLog(results);
                });
            }).then(function () {
                var ok = results.filter(function (item) { return item.ok; }).length;
                var failed = results.length - ok;
                setStatus('SVG 정규화 완료: 성공 ' + ok + '개 / 실패 ' + failed + '개', failed ? 'error' : 'ok');
            }).finally(function () {
                setButtonsDisabled(false);
             });
             });
         }, function () {
         }, function () {
2,237번째 줄: 2,647번째 줄:
         $(document).on('click', '#dev-tools-package-analyze', analyzeSelectedPackage);
         $(document).on('click', '#dev-tools-package-analyze', analyzeSelectedPackage);
         $(document).on('click', '#dev-tools-package-install', installPackagePlan);
         $(document).on('click', '#dev-tools-package-install', installPackagePlan);
        $(document).on('click', '#dev-tools-svg-current', fillCurrentSvgFileTitle);
        $(document).on('click', '#dev-tools-svg-recent', fillRecentFlagSvgTitles);
        $(document).on('click', '#dev-tools-svg-normalize', runSvgNormalizeUpload);
         $(document).on('click', '#dev-tools-rename-toggle', toggleRenameBox);
         $(document).on('click', '#dev-tools-rename-toggle', toggleRenameBox);
         $(document).on('click', '#dev-tools-rename-submit', runDocumentRename);
         $(document).on('click', '#dev-tools-rename-submit', runDocumentRename);

2026년 7월 5일 (일) 18:59 판

(function (mw, $) {
    'use strict';

    var OWNER = 'Nxdsxn';
    var JSZIP_URL = 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js';
    var LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
    var LANGUAGE_ORDER = ['ko', 'en', 'zh', 'ja', 'ru', 'es'];
    var LANGUAGE_LABELS = {
        ko: '한국어',
        en: 'English',
        zh: '中文',
        ja: '日本語',
        ru: 'Русский',
        es: 'Español'
    };
    var LANGUAGE_STATUS_VALUES = {
        available: true,
        wip: true,
        unavailable: true
    };

    var DOCUMENT_TOOLS_GROUPS = {
        editor: true,
        'senior-editor': true,
        'devtools-access': true
    };

    var MANAGE_TOOLS_GROUPS = {
        'senior-editor': true,
        'devtools-access': true
    };

    function isOwner() {
        return (mw.config.get('wgUserName') || '') === OWNER;
    }

    function hasAnyGroup(groupMap) {
        var groups = mw.config.get('wgUserGroups') || [];

        return groups.some(function (group) {
            return !!groupMap[String(group || '')];
        });
    }

    function hasDocumentToolsAccess() {
        return isOwner() || hasAnyGroup(DOCUMENT_TOOLS_GROUPS);
    }

    function hasManageToolsAccess() {
        return isOwner() || hasAnyGroup(MANAGE_TOOLS_GROUPS);
    }

    function hasDevToolsAccess() {
        return hasDocumentToolsAccess() || hasManageToolsAccess();
    }

    if (!hasDevToolsAccess()) return;
    if (window.DevToolsPanelInitialized) return;
    window.DevToolsPanelInitialized = true;


    var SOURCE_SEED_TITLES = [
        'MediaWiki:Common.css',
        'MediaWiki:Theme.css',
        'MediaWiki:Layout.css',
        'MediaWiki:MainPage.css',
        'MediaWiki:Components.css',
        'MediaWiki:Template.css',
        'MediaWiki:Template.Infobox.css',
        'MediaWiki:Icons.css',
        'MediaWiki:Editor.css',
        'MediaWiki:Dialogs.css',
        'MediaWiki:DevTools.css',
        'MediaWiki:AnecdoteViewer.css',
        'MediaWiki:Test.css',
        'MediaWiki:Common.js',
        'MediaWiki:Lang.js',
        'MediaWiki:DevTools.js',
        'MediaWiki:CategoryNav.js',
        'MediaWiki:AnecdoteViewer.js',
        'MediaWiki:NationsGlobe.js',
        'MediaWiki:NationsPanel.js',
        'MediaWiki:Shortcuts.js',
        'MediaWiki:1950_Nation_Link_Editor.js',
        'MediaWiki:1950_Nation_Link_Editor.css',
        'MediaWiki:Nation_List_Manager.js',
        'MediaWiki:Nation_List_Manager.css',
        'MediaWiki:LanguageStatus.json',
        'Manage:1950_Nation_Link_Table',
        'Manage:Nation_List'
    ];

    function getRenameSourceSeedTitles() {
        var titles = SOURCE_SEED_TITLES.slice();
        var year;

        for (year = 1950; year <= 2100; year += 10) {
            titles.push('MediaWiki:' + year + '_Nation_List.json');
            titles.push('MediaWiki:' + year + '_Nation_Link_Map.json');
        }

        return uniqueStrings(titles);
    }

    var SOURCE_TEXT_EXTENSIONS = {
        css: 'text/css',
        js: 'text/javascript',
        json: 'application/json',
        geojson: 'application/geo+json',
        topojson: 'application/json',
        gpx: 'application/gpx+xml',
        kml: 'application/vnd.google-earth.kml+xml',
        txt: 'text/plain',
        map: 'application/json',
        lua: 'text/plain',
        less: 'text/css',
        scss: 'text/css',
        xml: 'text/xml',
        html: 'text/html',
        htm: 'text/html',
        md: 'text/plain',
        csv: 'text/csv',
        tsv: 'text/tab-separated-values',
        yml: 'text/plain',
        yaml: 'text/plain'
    };

    var SOURCE_FILE_EXTENSIONS = {
        css: true,
        js: true,
        json: true,
        geojson: true,
        topojson: true,
        gpx: true,
        kml: true,
        kmz: true,
        gpkg: true,
        shp: true,
        shx: true,
        dbf: true,
        prj: true,
        cpg: true,
        txt: true,
        map: true,
        lua: true,
        xml: true,
        html: true,
        htm: true,
        md: true,
        csv: true,
        tsv: true,
        yml: true,
        yaml: true
    };

    var SOURCE_ALWAYS_NAMESPACE_IDS = {
        8: true,
        10: true,
        828: true
    };

    var SOURCE_ALWAYS_NAMESPACE_NAMES = {
        mediawiki: true,
        template: true,
        '틀': true,
        module: true,
        manage: true,
        '관리': true
    };


    function escapeHtml(value) {
        return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }


    function normalizeDocumentToolPageName(value) {
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }

    function getDocumentToolPageName() {
        var pageName = mw.config.get('wgPageName') || '';

        if (pageName) {
            return String(pageName).replace(/ /g, '_');
        }

        pageName = normalizeDocumentToolPageName(window.location.pathname || '');
        return pageName ? pageName.replace(/ /g, '_') : '대문';
    }

    function getDocumentToolDisplayTitle() {
        var pageName = getDocumentToolPageName();
        return normalizeDocumentToolPageName(pageName) || '현재 문서';
    }

    function getDocumentToolUrl(pageName, params) {
        pageName = pageName || getDocumentToolPageName();
        params = params || {};

        if (mw.util && typeof mw.util.getUrl === 'function') {
            return mw.util.getUrl(pageName, params);
        }

        var query = $.param(params);
        return '/index.php/' + encodeURI(String(pageName || '').replace(/ /g, '_')) + (query ? '?' + query : '');
    }

    function getDocumentToolTalkPageName() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var formattedNamespaces = mw.config.get('wgFormattedNamespaces') || {};
        var title = String(mw.config.get('wgTitle') || '').trim();
        var talkNamespace;
        var prefix;

        if (!Number.isFinite(namespaceNumber) || namespaceNumber < 0 || namespaceNumber % 2 !== 0) {
            return '';
        }

        talkNamespace = namespaceNumber + 1;
        prefix = formattedNamespaces[String(talkNamespace)] || formattedNamespaces[talkNamespace] || '';

        if (!prefix || !title) {
            return '';
        }

        return prefix + ':' + title.replace(/ /g, '_');
    }

    function renderDocumentToolLink(label, href, disabled, extraClass) {
        var className = 'dev-tools-button dev-tools-link-button' + (extraClass ? ' ' + extraClass : '');

        if (disabled || !href) {
            return '<span class="' + escapeHtml(className + ' dev-tools-button-disabled') + '" aria-disabled="true">' + escapeHtml(label) + '</span>';
        }

        return '<a class="' + escapeHtml(className) + '" href="' + escapeHtml(href) + '">' + escapeHtml(label) + '</a>';
    }


    function renderDocumentToolButton(label, id, disabled, extraClass) {
        var className = 'dev-tools-button' + (extraClass ? ' ' + extraClass : '');

        if (disabled || !id) {
            return '<span class="' + escapeHtml(className + ' dev-tools-button-disabled') + '" aria-disabled="true">' + escapeHtml(label) + '</span>';
        }

        return '<button type="button" class="' + escapeHtml(className) + '" id="' + escapeHtml(id) + '">' + escapeHtml(label) + '</button>';
    }


    function normalizeMoveTitle(value) {
        var text = String(value || '')
            .split('#')[0]
            .split('?')[0]
            .trim();

        text = text.replace(/^https?:\/\/[^/]+\/index\.php\/?/i, '');
        text = text.replace(/^\/index\.php\/?/i, '');

        try {
            text = decodeURIComponent(text);
        } catch (err) {
            // Keep the original text if it is not a valid encoded title.
        }

        return text.replace(/_/g, ' ').trim();
    }

    function getMoveNamespacePrefix(title) {
        var text = normalizeMoveTitle(title);
        var index = text.indexOf(':');

        if (index <= 0) return '';

        return text.slice(0, index);
    }

    function normalizeMoveTargetTitle(fromTitle, targetTitle) {
        var from = normalizeMoveTitle(fromTitle);
        var target = normalizeMoveTitle(targetTitle);
        var prefix;

        if (!target) return '';
        if (target.indexOf(':') !== -1) return target;

        prefix = getMoveNamespacePrefix(from);
        return prefix ? prefix + ':' + target : target;
    }

    function normalizeMoveCompare(value) {
        return normalizeMoveTitle(value).replace(/_/g, ' ').trim().toLowerCase();
    }

    function isCurrentMoveSource(fromTitle) {
        return normalizeMoveCompare(fromTitle) === normalizeMoveCompare(getDocumentToolPageName());
    }

    function getMoveTitleBody(title) {
        var text = normalizeMoveTitle(title);
        var index = text.indexOf(':');
        return index > 0 ? text.slice(index + 1) : text;
    }

    function normalizeApiTitle(title) {
        return normalizeMoveTitle(title).replace(/ /g, '_');
    }

    function escapeRegExp(value) {
        return String(value == null ? '' : value).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function uniqueStrings(values) {
        var seen = {};
        var result = [];

        values.forEach(function (value) {
            value = String(value || '').trim();
            if (!value || seen[value]) return;
            seen[value] = true;
            result.push(value);
        });

        return result;
    }

    function isFileTitle(title) {
        var prefix = getMoveNamespacePrefix(title).toLowerCase();
        return prefix === 'file' || prefix === '파일';
    }

    function getFileTitleAliases(title) {
        var body = getMoveTitleBody(title);
        if (!body) return [];

        return uniqueStrings([
            '파일:' + body,
            'File:' + body,
            'file:' + body,
            'Image:' + body,
            'image:' + body
        ]);
    }

    function getTitleReferenceVariants(title) {
        var normalized = normalizeMoveTitle(title);
        var underscored = normalized.replace(/ /g, '_');
        var variants = [normalized, underscored];
        var body;

        if (isFileTitle(normalized)) {
            body = getMoveTitleBody(normalized);
            variants = variants.concat(getFileTitleAliases(normalized));
            getFileTitleAliases(normalized).forEach(function (alias) {
                variants.push(alias.replace(/ /g, '_'));
            });

            /*
             * Nation_List JSON and several manager registries store a file as the bare
             * filename, not as File:/파일:.  A MediaWiki rename still leaves the old
             * redirect page alive, so failing to rewrite the bare filename makes both
             * the old and new names appear in CLBI lists.
             */
            if (body) {
                variants.push(body);
                variants.push(body.replace(/ /g, '_'));
            }
        }

        return uniqueStrings(variants).sort(function (a, b) {
            return b.length - a.length;
        });
    }

    function isBareFileReferenceVariant(fromVariant, fromTitle) {
        var body;

        if (!isFileTitle(fromTitle)) return false;
        if (getMoveNamespacePrefix(fromVariant)) return false;

        body = getMoveTitleBody(fromTitle);
        return normalizeMoveCompare(fromVariant) === normalizeMoveCompare(body);
    }

    function getTitleReferenceReplacement(fromVariant, fromTitle, toTitle) {
        var fromPrefix = getMoveNamespacePrefix(fromVariant);
        var toBody = getMoveTitleBody(toTitle);
        var normalizedTo = normalizeMoveTitle(toTitle);
        var replacement;

        if (isFileTitle(fromVariant) && toBody) {
            replacement = fromPrefix ? fromPrefix + ':' + toBody : normalizedTo;
        } else if (isBareFileReferenceVariant(fromVariant, fromTitle) && toBody) {
            replacement = toBody;
        } else {
            replacement = normalizedTo;
        }

        if (fromVariant.indexOf('_') !== -1) {
            replacement = replacement.replace(/ /g, '_');
        }

        return replacement;
    }

    function replaceAllText(value, from, to) {
        return String(value).split(from).join(to);
    }

    function replaceRenameReferences(text, fromTitle, toTitle, includePlainText) {
        var next = String(text || '');
        var variants = getTitleReferenceVariants(fromTitle);
        var changed = false;

        variants.forEach(function (variant) {
            var replacement = getTitleReferenceReplacement(variant, fromTitle, toTitle);
            var before = next;
            var escaped = escapeRegExp(variant).replace(/[ _]+/g, '[ _]+');

            next = next.replace(new RegExp('(\\[\\[\\s*)' + escaped + '(?=\\s*(?:[\\]#|]))', 'gi'), '$1' + replacement);
            next = next.replace(new RegExp('(\\[\\[\\s*)' + escaped + '(?=\\s*\\|)', 'gi'), '$1' + replacement);

            if (includePlainText) {
                next = replaceAllText(next, variant, replacement);
            }

            if (next !== before) changed = true;
        });

        return {
            text: next,
            changed: changed || next !== String(text || '')
        };
    }

    function isRenameSourceLikeTitle(title) {
        var ext = getTitleExtension(title);
        var nsName = normalizeNamespaceName(getTitleNamespaceName(title));

        if (SOURCE_TEXT_EXTENSIONS[ext]) return true;
        if (SOURCE_ALWAYS_NAMESPACE_NAMES[nsName]) return true;
        return false;
    }

    function queryRenameReferencePages(api, fromTitle) {
        var normalized = normalizeApiTitle(fromTitle);
        var requests = [
            api.get({
                action: 'query',
                list: 'backlinks',
                bltitle: normalized,
                bllimit: 'max',
                blfilterredir: 'nonredirects',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var list = data && data.query ? data.query.backlinks : [];
                return (list || []).map(function (item) { return item.title; });
            }).catch(function () { return []; })
        ];

        if (isFileTitle(fromTitle)) {
            requests.push(api.get({
                action: 'query',
                list: 'imageusage',
                iutitle: normalized,
                iulimit: 'max',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var list = data && data.query ? data.query.imageusage : [];
                return (list || []).map(function (item) { return item.title; });
            }).catch(function () { return []; }));
        }

        return Promise.all(requests).then(function (chunks) {
            var titles = [];

            chunks.forEach(function (chunk) {
                titles = titles.concat(chunk || []);
            });

            if (hasManageToolsAccess()) {
                titles = titles.concat(getRenameSourceSeedTitles());
            }
            titles.push(getDocumentToolPageName());

            return uniqueStrings(titles).filter(function (title) {
                return normalizeMoveCompare(title) !== normalizeMoveCompare(fromTitle);
            });
        });
    }

    function fetchRenamePageText(api, title) {
        return api.get({
            action: 'query',
            prop: 'revisions|info',
            titles: normalizeApiTitle(title),
            rvprop: 'content|ids',
            rvslots: 'main',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages : [];
            var page = pages && pages.length ? pages[0] : null;
            var text = '';

            if (!page || page.missing) return null;
            if (page.ns === 6) return null;

            if (page.revisions && page.revisions[0]) {
                if (page.revisions[0].slots && page.revisions[0].slots.main) {
                    text = page.revisions[0].slots.main.content || '';
                } else {
                    text = page.revisions[0].content || '';
                }
            }

            return {
                title: page.title || title,
                text: text,
                ns: page.ns,
                contentmodel: page.contentmodel || '',
                revid: page.revisions && page.revisions[0] ? page.revisions[0].revid : null
            };
        });
    }

    function editRenameReferencePage(api, page, nextText, fromTitle, toTitle) {
        var payload = {
            action: 'edit',
            title: page.title,
            text: nextText,
            summary: 'Update references after rename: ' + fromTitle + ' → ' + toTitle,
            minor: 1,
            nocreate: 1,
            format: 'json',
            formatversion: 2,
            errorformat: 'plaintext'
        };

        if (page.contentmodel) payload.contentmodel = page.contentmodel;
        if (page.revid) payload.baserevid = page.revid;

        return api.postWithToken('csrf', payload);
    }

    function updateRenameReferences(api, fromTitle, toTitle) {
        var checked = $('#dev-tools-rename-update-references').prop('checked');

        if (!checked) {
            return Promise.resolve({ scanned: 0, changed: 0, failed: 0 });
        }

        return queryRenameReferencePages(api, fromTitle).then(function (titles) {
            var total = titles.length;
            var index = 0;
            var changed = 0;
            var failed = 0;
            var chain = Promise.resolve();

            titles.forEach(function (title) {
                chain = chain.then(function () {
                    index += 1;
                    setStatus('참조 정리 중... ' + index + '/' + total);

                    return fetchRenamePageText(api, title).then(function (page) {
                        var result;
                        var includePlainText;

                        if (!page) return;

                        includePlainText = isRenameSourceLikeTitle(page.title);
                        result = replaceRenameReferences(page.text, fromTitle, toTitle, includePlainText);
                        if (!result.changed) return;

                        return editRenameReferencePage(api, page, result.text, fromTitle, toTitle).then(function () {
                            changed += 1;
                        });
                    }).catch(function () {
                        failed += 1;
                    });
                });
            });

            return chain.then(function () {
                return { scanned: total, changed: changed, failed: failed };
            });
        });
    }


    function isNationsDocumentPage() {
        var pageName = normalizeDocumentToolPageName(getDocumentToolPageName());
        var title = normalizeDocumentToolPageName(mw.config.get('wgTitle') || '');
        var candidates = [pageName, title];

        return candidates.some(function (value) {
            value = String(value || '').replace(/_/g, ' ').trim().toLowerCase();
            return value === '국가 및 조합' || value === 'nations & factions' || value === 'nations and factions';
        });
    }

    function buildNationsManageToolsHtml() {
        if (!hasManageToolsAccess()) return '';
        if (!isNationsDocumentPage()) return '';

        return '' +
            '<div class="dev-tools-section dev-tools-nations-manage-section">' +
                '<div class="dev-tools-section-title">NATIONS MANAGE</div>' +
                '<div class="dev-tools-grid dev-tools-doc-grid" id="dev-tools-nations-manage-grid">' +
                    renderDocumentToolLink('1950 링크표', getDocumentToolUrl('Manage:1950_Nation_Link_Table'), false) +
                    renderDocumentToolLink('국가 목록', getDocumentToolUrl('Manage:Nation_List'), false) +
                '</div>' +
                '<div class="dev-tools-note">국가 및 조합 전용 관리 페이지로 이동합니다.</div>' +
            '</div>';
    }

    function buildOwnerToolsHtml() {
        if (!isOwner()) return '';

        return '' +
            '<div class="dev-tools-section dev-tools-owner-section">' +
                '<div class="dev-tools-section-title">OWNER</div>' +
                '<div class="dev-tools-grid dev-tools-doc-grid" id="dev-tools-owner-grid">' +
                    renderDocumentToolLink('사용자 권한', getDocumentToolUrl('Special:UserRights'), false) +
                '</div>' +
                '<div class="dev-tools-note">사용자 그룹과 권한을 관리합니다.</div>' +
            '</div>';
    }

    function buildSourcePackageToolsHtml() {
        if (!isOwner()) return '';

        return '' +
            '<div class="dev-tools-section">' +
                '<div class="dev-tools-section-title">SOURCE PACKAGE</div>' +
                '<button type="button" class="dev-tools-button" id="dev-tools-export">위키 소스 ZIP 다운로드</button>' +
                '<div class="dev-tools-note">위키 전체를 스캔해 CSS·JS·JSON·GeoJSON·Template·Manage·Module 원본과 source-like 파일을 ZIP으로 묶습니다. SVG는 제외합니다.</div>' +
            '</div>' +
            '<div class="dev-tools-section dev-tools-package-section">' +
                '<div class="dev-tools-section-title">PACKAGE INSTALLER</div>' +
                '<input id="dev-tools-package-file" class="dev-tools-file-input" type="file" accept=".zip,application/zip,application/x-zip-compressed">' +
                '<div class="dev-tools-grid">' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-package-analyze">분석</button>' +
                    '<button type="button" class="dev-tools-button dev-tools-danger" id="dev-tools-package-install" disabled>적용</button>' +
                '</div>' +
                '<div class="dev-tools-package-summary" id="dev-tools-package-summary">ZIP을 선택하면 적용 대상이 표시됩니다.</div>' +
                '<div class="dev-tools-package-list" id="dev-tools-package-list"></div>' +
                '<div class="dev-tools-note">manifest.json이 있으면 그 매핑을 우선하고, 없으면 js/ css/ mediawiki/ page/ manage/ 경로를 자동 추론합니다. PHP·server 파일·이미지 업로드는 적용하지 않습니다. 적용 전 현재 문서 백업 ZIP을 자동으로 내려받습니다.</div>' +
            '</div>' +
            '<div class="dev-tools-section dev-tools-svg-section">' +
                '<div class="dev-tools-section-title">SVG FLAG NORMALIZER</div>' +
                '<textarea id="dev-tools-svg-normalize-titles" class="dev-tools-textarea dev-tools-svg-textarea" rows="4" placeholder="파일:Flag-Example.svg\nFile:Flag-Example-2.svg"></textarea>' +
                '<div class="dev-tools-grid">' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-svg-current">현재 파일</button>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-svg-recent">최근 Flag SVG</button>' +
                    '<button type="button" class="dev-tools-button dev-tools-danger" id="dev-tools-svg-normalize">정규화 업로드</button>' +
                '</div>' +
                '<div class="dev-tools-svg-summary" id="dev-tools-svg-summary">SVG 파일명의 목록을 넣고 정규화하면 투명 여백/아트보드 밖 요소 때문에 작아지는 썸네일을 파일 자체에서 정리합니다.</div>' +
                '<div class="dev-tools-package-list dev-tools-svg-list" id="dev-tools-svg-list"></div>' +
                '<div class="dev-tools-note">MediaWiki 썸네일은 SVG 원본의 viewBox/viewport를 기준으로 래스터화합니다. CSS로 고치는 문제가 아니므로, 이 도구는 SVG를 다시 읽어 실제 보이는 픽셀 범위로 viewBox를 정리한 뒤 같은 파일명으로 재업로드합니다.</div>' +
            '</div>';
    }

    function buildProgressToolsHtml() {
        if (!isOwner()) return '';

        return '' +
            '<div class="dev-tools-section dev-tools-progress-section">' +
                '<div class="dev-tools-section-title">PROGRESS TEST</div>' +
                '<div class="dev-tools-progress-readout" id="dev-tools-progress-readout">SYNC</div>' +
                '<label class="dev-tools-label" for="dev-tools-xp-amount">XP AMOUNT</label>' +
                '<input id="dev-tools-xp-amount" class="dev-tools-input" type="number" min="1" step="1" value="10">' +
                '<label class="dev-tools-label" for="dev-tools-xp-reason">REASON</label>' +
                '<input id="dev-tools-xp-reason" class="dev-tools-input" type="text" value="관리자 테스트">' +
                '<div class="dev-tools-grid">' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-xp-add">XP 지급</button>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-progress-refresh">동기화</button>' +
                '</div>' +
                '<button type="button" class="dev-tools-button" id="dev-tools-daily-reset">오늘 XP 보너스 리셋</button>' +
                '<button type="button" class="dev-tools-button dev-tools-danger" id="dev-tools-level-reset">레벨 리셋</button>' +
            '</div>';
    }

    function buildLanguageStatusToolsHtml() {
        if (!isOwner()) return '';

        return '' +
            '<div class="dev-tools-section dev-tools-language-section">' +
                '<div class="dev-tools-section-title">LANGUAGE STATUS</div>' +
                '<div class="dev-tools-language-page" id="dev-tools-language-page">PAGE: SYNC</div>' +
                '<div class="dev-tools-language-list" id="dev-tools-language-list">SYNC</div>' +
                '<div class="dev-tools-grid">' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-language-save">저장</button>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-language-refresh">불러오기</button>' +
                '</div>' +
                '<div class="dev-tools-note">현재 문서의 언어 다이얼 상태를 JSON으로 저장합니다.</div>' +
            '</div>';
    }

    function buildDocumentToolsHtml() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var pageName = getDocumentToolPageName();
        var displayTitle = getDocumentToolDisplayTitle();
        var isSpecial = Number.isFinite(namespaceNumber) && namespaceNumber < 0;
        var talkPageName = getDocumentToolTalkPageName();

        return '' +
            '<div class="dev-tools-section dev-tools-document-section">' +
                '<div class="dev-tools-section-title">DOCUMENT TOOLS</div>' +
                '<div class="dev-tools-current-page" id="dev-tools-current-page">PAGE: ' + escapeHtml(displayTitle) + '</div>' +
                '<div class="dev-tools-grid dev-tools-doc-grid" id="dev-tools-doc-grid">' +
                    renderDocumentToolLink('문서', getDocumentToolUrl(pageName), isSpecial) +
                    renderDocumentToolLink('편집', getDocumentToolUrl(pageName, { action: 'edit' }), isSpecial) +
                    renderDocumentToolLink('원본', getDocumentToolUrl(pageName, { action: 'raw' }), isSpecial) +
                    renderDocumentToolLink('역사', getDocumentToolUrl(pageName, { action: 'history' }), isSpecial) +
                    renderDocumentToolLink('토론', talkPageName ? getDocumentToolUrl(talkPageName) : '', !talkPageName) +
                    renderDocumentToolLink('새로고침', getDocumentToolUrl(pageName, { action: 'purge' }), isSpecial) +
                    renderDocumentToolButton('이름변경', 'dev-tools-rename-toggle', isSpecial) +
                    renderDocumentToolLink('삭제', getDocumentToolUrl(pageName, { action: 'delete' }), isSpecial, 'dev-tools-danger') +
                '</div>' +
                '<div class="dev-tools-rename-box" id="dev-tools-rename-box" hidden>' +
                    '<label class="dev-tools-label" for="dev-tools-rename-from">현재 이름</label>' +
                    '<input id="dev-tools-rename-from" class="dev-tools-input" type="text" value="' + escapeHtml(displayTitle) + '">' +
                    '<label class="dev-tools-label" for="dev-tools-rename-to">새 이름</label>' +
                    '<input id="dev-tools-rename-to" class="dev-tools-input" type="text" placeholder="새 문서명 또는 파일명">' +
                    '<label class="dev-tools-label" for="dev-tools-rename-reason">사유</label>' +
                    '<input id="dev-tools-rename-reason" class="dev-tools-input" type="text" value="이름 변경">' +
                    '<label class="dev-tools-label"><input id="dev-tools-rename-legacy" type="checkbox"> 기존 이름 redirect 남김</label>' +
                    '<label class="dev-tools-label"><input id="dev-tools-rename-update-references" type="checkbox" checked> 사용처와 설정 참조 정리</label>' +
                    '<label class="dev-tools-label"><input id="dev-tools-rename-delete-old" type="checkbox" checked> 기존 redirect 문서 제거</label>' +
                    '<label class="dev-tools-label"><input id="dev-tools-rename-talk" type="checkbox" checked> 토론 문서도 같이 이름 변경</label>' +
                    '<label class="dev-tools-label"><input id="dev-tools-rename-subpages" type="checkbox"> 하위 문서도 같이 이름 변경</label>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-rename-submit">실제 이름 변경 실행</button>' +
                    '<button type="button" class="dev-tools-button" id="dev-tools-rename-cleanup-submit">참조/리스트만 정리</button>' +
                    '<div class="dev-tools-note">문서/파일의 실제 제목을 새 이름으로 바꿉니다. 기본값은 기존 제목 redirect를 남기지 않는 실제 이름 변경입니다. 이미 생긴 redirect는 참조/리스트 정리 후 제거할 수 있습니다.</div>' +
                '</div>' +
                '<div class="dev-tools-note">상단 문서 조작은 일반 화면에서 숨기고 이 패널로 모읍니다.</div>' +
            '</div>';
    }

    function refreshDocumentTools() {
        var $section = $('.dev-tools-document-section');

        if (!$section.length) return;

        $section.replaceWith(buildDocumentToolsHtml());
    }

    function buildPanel() {
        if ($('#dev-tools-panel').length) return;

        var collapsed = localStorage.getItem('dev-tools-collapsed') === 'true';
        var html = '' +
            '<div id="dev-tools-panel" class="' + (collapsed ? 'dev-tools-collapsed' : '') + '">' +
                '<div id="dev-tools-header">' +
                    '<div id="dev-tools-title"><span class="dev-tools-led"></span><span>ADMIN TOOLS</span></div>' +
                    '<button type="button" id="dev-tools-toggle" aria-label="도구 접기">' + (collapsed ? '+' : '−') + '</button>' +
                '</div>' +
                '<div id="dev-tools-body">' +
                    buildOwnerToolsHtml() +
                    buildDocumentToolsHtml() +
                    buildNationsManageToolsHtml() +
                    buildSourcePackageToolsHtml() +
                    buildProgressToolsHtml() +
                    buildLanguageStatusToolsHtml() +
                    '<div id="dev-tools-status">READY</div>' +
                '</div>' +
            '</div>';

        $('body').append(html);
    }

    function setStatus(text, type) {
        var $status = $('#dev-tools-status');
        $status.removeClass('dev-tools-status-ok dev-tools-status-error');
        if (type === 'ok') $status.addClass('dev-tools-status-ok');
        if (type === 'error') $status.addClass('dev-tools-status-error');
        $status.text(text || '');
    }

    function setButtonsDisabled(disabled) {
        $('#dev-tools-panel button, #dev-tools-panel input, #dev-tools-panel select').prop('disabled', !!disabled);
        $('#dev-tools-toggle').prop('disabled', false);
    }

    function loadScript(url) {
        return new Promise(function (resolve, reject) {
            if (window.JSZip) {
                resolve();
                return;
            }

            var script = document.createElement('script');
            script.src = url;
            script.onload = resolve;
            script.onerror = reject;
            document.head.appendChild(script);
        });
    }


    function getTitleExtension(title) {
        var match = String(title || '').split('?')[0].split('#')[0].match(/\.([A-Za-z0-9]+)$/);
        return match ? match[1].toLowerCase() : '';
    }

    function normalizeNamespaceName(name) {
        return String(name || '').replace(/_/g, ' ').trim().toLowerCase();
    }

    function getTitleNamespaceName(title) {
        var text = String(title || '');
        var idx = text.indexOf(':');
        return idx === -1 ? '' : text.slice(0, idx);
    }

    function getTitleBody(title) {
        var text = String(title || '');
        var idx = text.indexOf(':');
        return idx === -1 ? text : text.slice(idx + 1);
    }

    function sanitizePathPart(value) {
        var text = String(value == null ? '' : value).trim();
        if (!text) return '_';
        return text
            .replace(/[\\:*?"<>|]/g, '_')
            .replace(/\s+/g, ' ')
            .replace(/^\.+$/, '_')
            .replace(/^\.+/, '')
            .replace(/\.+$/, '') || '_';
    }

    function sanitizeTitlePath(value) {
        return String(value || '')
            .replace(/_/g, ' ')
            .split('/')
            .map(sanitizePathPart)
            .join('/');
    }

    function namespaceFolder(source) {
        var nsName = source.namespaceName || getTitleNamespaceName(source.title);
        var normalized = normalizeNamespaceName(nsName);

        if (source.ns === 6 || normalized === 'file' || normalized === '파일') return 'file';
        if (source.ns === 8 || normalized === 'mediawiki') return 'mediawiki';
        if (source.ns === 10 || normalized === 'template' || normalized === '틀') return 'template';
        if (source.ns === 828 || normalized === 'module') return 'module';
        if (normalized === 'manage' || normalized === '관리') return 'manage';
        if (!normalized) return 'page';
        return sanitizePathPart(normalized);
    }

    function contentTypeForTitle(title) {
        return SOURCE_TEXT_EXTENSIONS[getTitleExtension(title)] || 'text/plain';
    }

    function outputPathForSource(source) {
        var title = source.title || '';
        var body = getTitleBody(title);
        var ext = getTitleExtension(title);
        var folder;

        if ((source.ns === 8 || normalizeNamespaceName(getTitleNamespaceName(title)) === 'mediawiki') && ext === 'css') {
            return 'css/' + sanitizeTitlePath(body);
        }
        if ((source.ns === 8 || normalizeNamespaceName(getTitleNamespaceName(title)) === 'mediawiki') && ext === 'js') {
            return 'js/' + sanitizeTitlePath(body);
        }

        folder = namespaceFolder(source);
        return folder + '/' + sanitizeTitlePath(body || title);
    }

    function rawUrl(file) {
        return mw.util.getUrl(file.title, {
            action: 'raw',
            ctype: file.ctype || contentTypeForTitle(file.title)
        });
    }

    function fetchRaw(file) {
        return fetch(rawUrl(file), { credentials: 'same-origin', cache: 'no-cache' }).then(function (res) {
            if (!res.ok) throw new Error(file.title + ' HTTP ' + res.status);
            return res.text();
        });
    }

    function fetchFileBlob(api, file) {
        return api.get({
            action: 'query',
            prop: 'imageinfo',
            titles: file.title,
            iiprop: 'url|mime|size',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages : [];
            var page = pages && pages.length ? pages[0] : null;
            var info = page && page.imageinfo && page.imageinfo.length ? page.imageinfo[0] : null;
            if (!info || !info.url) throw new Error(file.title + ' file url not found');
            return fetch(info.url, { credentials: 'same-origin', cache: 'no-cache' }).then(function (res) {
                if (!res.ok) throw new Error(file.title + ' HTTP ' + res.status);
                return res.blob();
            });
        });
    }

    function isFileSourcePage(page, ext) {
        return (page.ns === 6 || normalizeNamespaceName(getTitleNamespaceName(page.title)) === 'file' || normalizeNamespaceName(getTitleNamespaceName(page.title)) === '파일') && !!SOURCE_FILE_EXTENSIONS[ext];
    }

    function shouldExportSourcePage(page, namespaceInfo) {
        var title = page && page.title ? page.title : '';
        var ext = getTitleExtension(title);
        var nsName = namespaceInfo && namespaceInfo.namesById ? namespaceInfo.namesById[page.ns] : getTitleNamespaceName(title);
        var normalized = normalizeNamespaceName(nsName || getTitleNamespaceName(title));

        if (!title) return false;
        if (ext === 'svg') return false;
        if (isFileSourcePage(page, ext)) return true;
        if (SOURCE_TEXT_EXTENSIONS[ext]) return true;
        if (SOURCE_ALWAYS_NAMESPACE_IDS[page.ns]) return true;
        if (SOURCE_ALWAYS_NAMESPACE_NAMES[normalized]) return true;
        return false;
    }

    function sourceFromTitle(title, namespaceInfo) {
        var nsName = getTitleNamespaceName(title);
        var normalizedNs = normalizeNamespaceName(nsName);
        var ns = null;

        if (namespaceInfo && namespaceInfo.idsByName && normalizedNs && namespaceInfo.idsByName.hasOwnProperty(normalizedNs)) {
            ns = namespaceInfo.idsByName[normalizedNs];
        }

        return {
            title: title,
            ns: ns,
            namespaceName: nsName,
            ctype: contentTypeForTitle(title),
            kind: (ns === 6 || normalizedNs === 'file' || normalizedNs === '파일') ? 'file' : 'page'
        };
    }

    function canonicalSourceKey(source) {
        var title = String(source && source.title ? source.title : '').replace(/_/g, ' ').trim();
        var body = getTitleBody(title).replace(/_/g, ' ').trim();
        var ns = source && source.ns != null ? String(source.ns) : '';
        var nsName = normalizeNamespaceName(source && source.namespaceName ? source.namespaceName : getTitleNamespaceName(title));

        if (!title) return '';

        /*
         * Namespace aliases can expose the same page twice during whole-wiki scan.
         * Example: MediaWiki:Common.css from the seed list and the localized namespace
         * title returned by allpages.  Deduplicate by namespace id + title body, not by
         * the literal namespace prefix, so those aliases do not become Common-2.css.
         */
        if (ns) {
            return 'ns:' + ns + ':' + body.toLowerCase();
        }

        return 'title:' + (nsName ? nsName + ':' : '') + body.toLowerCase();
    }

    function uniqueSources(sources) {
        var seen = {};
        var outPaths = {};
        var result = [];

        sources.forEach(function (source) {
            var key = canonicalSourceKey(source);
            var basePath;
            var path;
            var ext;
            var n;

            if (!key || seen[key]) return;
            seen[key] = true;

            source.ctype = source.ctype || contentTypeForTitle(source.title);
            source.kind = source.kind || (source.ns === 6 ? 'file' : 'page');
            basePath = outputPathForSource(source);
            path = basePath;
            n = 2;

            while (outPaths[path]) {
                ext = path.match(/(\.[^/.]+)$/);
                if (ext) {
                    path = basePath.slice(0, -ext[1].length) + '-' + n + ext[1];
                } else {
                    path = basePath + '-' + n;
                }
                n += 1;
            }

            outPaths[path] = true;
            source.out = path;
            result.push(source);
        });

        return result.sort(function (a, b) {
            return a.out.localeCompare(b.out);
        });
    }

    function getSourceNamespaces(api) {
        return api.get({
            action: 'query',
            meta: 'siteinfo',
            siprop: 'namespaces',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var raw = data && data.query ? data.query.namespaces : {};
            var list = Array.isArray(raw) ? raw : Object.keys(raw || {}).map(function (key) { return raw[key]; });
            var ids = [];
            var namesById = {};
            var idsByName = {};

            list.forEach(function (item) {
                var id = parseInt(item.id != null ? item.id : item.ns, 10);
                var name = item.name || item.canonical || '';
                if (!Number.isFinite(id) || id < 0) return;
                ids.push(id);
                namesById[id] = name;
                idsByName[normalizeNamespaceName(name)] = id;
                if (item.canonical) idsByName[normalizeNamespaceName(item.canonical)] = id;
            });

            ids.sort(function (a, b) { return a - b; });
            return {
                ids: ids,
                namesById: namesById,
                idsByName: idsByName
            };
        });
    }

    function fetchAllPagesInNamespace(api, ns) {
        var pages = [];

        function next(apcontinue) {
            var params = {
                action: 'query',
                list: 'allpages',
                apnamespace: ns,
                apfilterredir: 'nonredirects',
                aplimit: 'max',
                format: 'json',
                formatversion: 2
            };
            if (apcontinue) params.apcontinue = apcontinue;

            return api.get(params).then(function (data) {
                var chunk = data && data.query ? data.query.allpages : [];
                if (chunk && chunk.length) pages = pages.concat(chunk);
                if (data && data.continue && data.continue.apcontinue) {
                    return next(data.continue.apcontinue);
                }
                return pages;
            });
        }

        return next();
    }

    function scanSourcePages(api, onProgress) {
        return getSourceNamespaces(api).then(function (namespaceInfo) {
            var all = [];
            var chain = Promise.resolve();
            var index = 0;

            namespaceInfo.ids.forEach(function (ns) {
                chain = chain.then(function () {
                    index += 1;
                    if (onProgress) onProgress('스캔 중: namespace ' + ns + ' (' + index + '/' + namespaceInfo.ids.length + ')');
                    return fetchAllPagesInNamespace(api, ns).then(function (pages) {
                        pages.forEach(function (page) {
                            var ext = getTitleExtension(page.title);
                            var source;
                            if (!shouldExportSourcePage(page, namespaceInfo)) return;
                            source = {
                                title: page.title,
                                ns: page.ns,
                                namespaceName: namespaceInfo.namesById[page.ns] || getTitleNamespaceName(page.title),
                                ctype: contentTypeForTitle(page.title),
                                kind: isFileSourcePage(page, ext) ? 'file' : 'page'
                            };
                            all.push(source);
                        });
                    });
                });
            });

            return chain.then(function () {
                SOURCE_SEED_TITLES.forEach(function (title) {
                    all.push(sourceFromTitle(title, namespaceInfo));
                });
                return uniqueSources(all);
            });
        });
    }

    function mapLimit(items, limit, iterator) {
        var index = 0;
        var active = 0;
        var done = 0;
        var results = [];

        return new Promise(function (resolve) {
            function launch() {
                var current;
                while (active < limit && index < items.length) {
                    current = index;
                    index += 1;
                    active += 1;
                    Promise.resolve(iterator(items[current], current)).then(function (result) {
                        results[current] = result;
                    }).catch(function (err) {
                        results[current] = { error: err };
                    }).finally(function () {
                        active -= 1;
                        done += 1;
                        if (done >= items.length) {
                            resolve(results);
                        } else {
                            launch();
                        }
                    });
                }
                if (!items.length) resolve(results);
            }
            launch();
        });
    }
    function downloadBlob(blob, filename) {
        var url = URL.createObjectURL(blob);
        var a = document.createElement('a');
        a.href = url;
        a.download = filename;
        document.body.appendChild(a);
        a.click();
        a.remove();
        setTimeout(function () {
            URL.revokeObjectURL(url);
        }, 1000);
    }


    function exportSources() {
        setButtonsDisabled(true);
        setStatus('위키 소스 스캔 준비 중...');

        loadScript(JSZIP_URL)
            .then(function () {
                return new Promise(function (resolve, reject) {
                    withApi(function (api) {
                        resolve(api);
                    }, function () {
                        reject(new Error('mediawiki.api 로드 실패'));
                    });
                });
            })
            .then(function (api) {
                var zip = new JSZip();
                var meta = [];
                var errors = [];

                return scanSourcePages(api, setStatus).then(function (sources) {
                    setStatus('소스 수집 중: 0/' + sources.length);
                    return mapLimit(sources, 6, function (file, index) {
                        var fetcher = file.kind === 'file' ? fetchFileBlob(api, file) : fetchRaw(file);
                        return fetcher.then(function (payload) {
                            zip.file(file.out, payload);
                            meta.push({
                                title: file.title,
                                out: file.out,
                                kind: file.kind,
                                ns: file.ns,
                                ctype: file.ctype
                            });
                            if ((index + 1) % 5 === 0 || index + 1 === sources.length) {
                                setStatus('소스 수집 중: ' + (index + 1) + '/' + sources.length);
                            }
                        }).catch(function (err) {
                            var message = String(err && err.message ? err.message : err);
                            var errorPath = '_errors/' + sanitizeTitlePath(file.title) + '.ERROR.txt';
                            zip.file(errorPath, message);
                            errors.push({
                                title: file.title,
                                out: file.out,
                                error: message
                            });
                        });
                    }).then(function () {
                        var sortedFiles = meta.slice().sort(function (a, b) { return a.out.localeCompare(b.out); });
                        var readme = 'CLBI Wiki source export\n' +
                            'Generated: ' + new Date().toISOString() + '\n' +
                            'Mode: whole-wiki source scan\n' +
                            'Included: ' + sortedFiles.length + '\n' +
                            'Errors: ' + errors.length + '\n\n' +
                            'Scope:\n' +
                            '- CSS / JS pages in any namespace\n' +
                            '- JSON / GeoJSON / TopoJSON and other source files, excluding SVG\n' +
                            '- MediaWiki / Template / Module / Manage namespace source pages\n' +
                            '- Source-like files in File namespace, including GeoJSON/GPKG/shapefile sidecars when present\n' +
                            '- Seeded known CLBI source pages are added even if namespace scan misses them\n\n' +
                            'Files:\n' + sortedFiles.map(function (item) {
                                return item.out + ' <= ' + item.title;
                            }).join('\n') + '\n';

                        zip.file('README.txt', readme);
                        zip.file('manifest.json', JSON.stringify({
                            generated: new Date().toISOString(),
                            mode: 'whole-wiki-source-scan',
                            included: sortedFiles.length,
                            errors: errors,
                            files: sortedFiles
                        }, null, 2) + '\n');

                        setStatus('ZIP 압축 중...');
                        return zip.generateAsync({ type: 'blob' });
                    });
                });
            })
            .then(function (blob) {
                var stamp = new Date().toISOString().replace(/[:.]/g, '-');
                downloadBlob(blob, 'clbiwiki-source-' + stamp + '.zip');
                setStatus('ZIP 다운로드 완료', 'ok');
            })
            .catch(function (err) {
                setStatus('ZIP 실패: ' + (err && err.message ? err.message : err), 'error');
            })
            .finally(function () {
                setButtonsDisabled(false);
            });
    }


    var PACKAGE_INSTALL_PLAN = null;

    function readPackageFileAsArrayBuffer(file) {
        return new Promise(function (resolve, reject) {
            var reader = new FileReader();
            reader.onload = function () { resolve(reader.result); };
            reader.onerror = function () { reject(reader.error || new Error('ZIP 읽기 실패')); };
            reader.readAsArrayBuffer(file);
        });
    }

    function normalizePackagePath(path) {
        return String(path || '')
            .replace(/\\/g, '/')
            .replace(/^\/+/, '')
            .replace(/\/+/g, '/')
            .trim();
    }

    function getPackageBasename(path) {
        var clean = normalizePackagePath(path);
        var parts = clean.split('/');
        return parts[parts.length - 1] || clean;
    }

    function stripTextLikeExtension(name) {
        return String(name || '').replace(/\.(txt|wiki|wikitext)$/i, '');
    }

    function titleFromScriptOrStylePath(path, prefix) {
        var base = getPackageBasename(path);
        return 'MediaWiki:' + base.replace(/\s+/g, '_');
    }

    function titleFromMediaWikiPath(path) {
        var base = getPackageBasename(path);
        return 'MediaWiki:' + base.replace(/\s+/g, '_');
    }

    function titleFromPagePath(path) {
        var base = stripTextLikeExtension(getPackageBasename(path));
        return base.replace(/_/g, ' ').trim();
    }

    function titleFromManagePath(path) {
        var base = stripTextLikeExtension(getPackageBasename(path));
        base = base.replace(/_/g, ' ').trim();
        return base.indexOf('Manage:') === 0 || base.indexOf('관리:') === 0 ? base : 'Manage:' + base;
    }

    function titleFromModulePath(path) {
        var base = stripTextLikeExtension(getPackageBasename(path));
        base = base.replace(/_/g, ' ').trim();
        return base.indexOf('Module:') === 0 || base.indexOf('모듈:') === 0 ? base : 'Module:' + base;
    }

    function titleFromTemplatePath(path) {
        var base = stripTextLikeExtension(getPackageBasename(path));
        base = base.replace(/_/g, ' ').trim();
        return base.indexOf('Template:') === 0 || base.indexOf('틀:') === 0 ? base : 'Template:' + base;
    }

    function inferPackageTarget(path) {
        var clean = normalizePackagePath(path);
        var lower = clean.toLowerCase();
        var ext = getTitleExtension(clean);

        if (!clean || lower === 'manifest.json' || lower === 'readme.txt' || lower.indexOf('report/') === 0) {
            return { skip: true, reason: '보고서/메타 파일' };
        }
        if (lower.indexOf('server/') === 0 || lower === 'localsettings.php' || ext === 'php') {
            return { skip: true, reason: '서버/PHP 파일은 브라우저 인스톨러에서 제외' };
        }
        if (lower.indexOf('__macosx/') === 0 || /(^|\/)\.ds_store$/i.test(clean)) {
            return { skip: true, reason: '시스템 메타 파일' };
        }
        if (lower.indexOf('js/') === 0 || (clean.indexOf('/') === -1 && ext === 'js')) {
            return { target: titleFromScriptOrStylePath(clean), kind: 'js' };
        }
        if (lower.indexOf('css/') === 0 || (clean.indexOf('/') === -1 && ext === 'css')) {
            return { target: titleFromScriptOrStylePath(clean), kind: 'css' };
        }
        if (lower.indexOf('mediawiki/') === 0) {
            return { target: titleFromMediaWikiPath(clean), kind: ext || 'text' };
        }
        if (lower.indexOf('page/') === 0 || lower.indexOf('pages/') === 0) {
            return { target: titleFromPagePath(clean), kind: 'wikitext' };
        }
        if (lower.indexOf('manage/') === 0) {
            return { target: titleFromManagePath(clean), kind: 'wikitext' };
        }
        if (lower.indexOf('module/') === 0 || lower.indexOf('modules/') === 0) {
            return { target: titleFromModulePath(clean), kind: 'module' };
        }
        if (lower.indexOf('template/') === 0 || lower.indexOf('templates/') === 0) {
            return { target: titleFromTemplatePath(clean), kind: 'wikitext' };
        }
        if (SOURCE_TEXT_EXTENSIONS[ext]) {
            return { skip: true, reason: '대상 문서를 추론할 수 없음' };
        }
        return { skip: true, reason: '비텍스트/미지원 파일' };
    }

    function getPackageContentModel(title, kind) {
        var ext = getTitleExtension(title);
        if (kind === 'js' || ext === 'js') return 'javascript';
        if (kind === 'css' || ext === 'css') return 'css';
        if (kind === 'json' || ext === 'json') return 'json';
        if (kind === 'geojson' || ext === 'geojson') return 'json';
        if (kind === 'module') return 'Scribunto';
        return null;
    }

    function normalizePackageManifestFileEntry(entry) {
        if (!entry || typeof entry !== 'object') return null;
        var source = normalizePackagePath(entry.source || entry.path || entry.out || '');
        var target = String(entry.target || entry.title || '').trim();
        if (!source || !target) return null;
        return {
            source: source,
            target: target,
            kind: entry.type || entry.kind || getTitleExtension(source) || 'text',
            fromManifest: true
        };
    }

    function parsePackageManifest(zip) {
        var file = zip.file('manifest.json');
        if (!file) return Promise.resolve({ files: [] });
        return file.async('string').then(function (text) {
            var data;
            try {
                data = JSON.parse(text || '{}');
            } catch (err) {
                throw new Error('manifest.json 파싱 실패: ' + err.message);
            }
            var files = Array.isArray(data.files) ? data.files.map(normalizePackageManifestFileEntry).filter(Boolean) : [];
            return {
                name: data.package || data.name || data.mode || '',
                files: files
            };
        });
    }

    function buildPackagePlanFromZip(zip, fileName) {
        return parsePackageManifest(zip).then(function (manifest) {
            var manifestMap = {};
            var items = [];
            var skipped = [];
            var seenTargets = {};

            (manifest.files || []).forEach(function (entry) {
                manifestMap[normalizePackagePath(entry.source)] = entry;
            });

            Object.keys(zip.files).sort().forEach(function (rawPath) {
                var zipEntry = zip.files[rawPath];
                var path = normalizePackagePath(rawPath);
                var mapped;

                if (!path || zipEntry.dir) return;

                if (manifestMap[path]) {
                    mapped = manifestMap[path];
                } else {
                    mapped = inferPackageTarget(path);
                }

                if (!mapped || mapped.skip || !mapped.target) {
                    skipped.push({ source: path, reason: mapped && mapped.reason ? mapped.reason : '적용 제외' });
                    return;
                }

                if (seenTargets[mapped.target]) {
                    skipped.push({ source: path, reason: '대상 중복: ' + mapped.target });
                    return;
                }
                seenTargets[mapped.target] = true;

                items.push({
                    source: path,
                    target: mapped.target,
                    kind: mapped.kind || getTitleExtension(path) || 'text',
                    entry: zipEntry,
                    fromManifest: !!mapped.fromManifest
                });
            });

            return {
                zip: zip,
                fileName: fileName || 'package.zip',
                packageName: manifest.name || String(fileName || 'package.zip').replace(/\.zip$/i, ''),
                items: items,
                skipped: skipped
            };
        });
    }

    function renderPackagePlan(plan) {
        var html;
        var skipped;

        PACKAGE_INSTALL_PLAN = plan || null;
        $('#dev-tools-package-install').prop('disabled', !(plan && plan.items && plan.items.length));

        if (!plan) {
            $('#dev-tools-package-summary').text('ZIP을 선택하면 적용 대상이 표시됩니다.');
            $('#dev-tools-package-list').empty();
            return;
        }

        skipped = plan.skipped || [];
        $('#dev-tools-package-summary').text(
            'PACKAGE: ' + plan.packageName + ' / 적용 ' + plan.items.length + '개 / 제외 ' + skipped.length + '개'
        );

        html = '<div class="dev-tools-package-subtitle">적용 대상</div>' +
            (plan.items.length ? plan.items.map(function (item) {
                return '<div class="dev-tools-package-row">' +
                    '<span class="dev-tools-package-source">' + escapeHtml(item.source) + '</span>' +
                    '<span class="dev-tools-package-arrow">→</span>' +
                    '<span class="dev-tools-package-target">' + escapeHtml(item.target) + '</span>' +
                '</div>';
            }).join('') : '<div class="dev-tools-package-empty">적용할 파일이 없습니다.</div>');

        if (skipped.length) {
            html += '<div class="dev-tools-package-subtitle">제외</div>' + skipped.slice(0, 30).map(function (item) {
                return '<div class="dev-tools-package-row dev-tools-package-skipped">' +
                    '<span class="dev-tools-package-source">' + escapeHtml(item.source) + '</span>' +
                    '<span class="dev-tools-package-arrow">×</span>' +
                    '<span class="dev-tools-package-target">' + escapeHtml(item.reason) + '</span>' +
                '</div>';
            }).join('');
            if (skipped.length > 30) {
                html += '<div class="dev-tools-package-empty">외 ' + (skipped.length - 30) + '개 제외</div>';
            }
        }

        $('#dev-tools-package-list').html(html);
    }

    function analyzeSelectedPackage() {
        var input = document.getElementById('dev-tools-package-file');
        var file = input && input.files && input.files[0] ? input.files[0] : null;

        if (!file) {
            setStatus('ZIP 파일을 먼저 선택하세요.', 'error');
            return;
        }

        setButtonsDisabled(true);
        setStatus('패키지 분석 중...');
        $('#dev-tools-package-install').prop('disabled', true);

        loadScript(JSZIP_URL)
            .then(function () { return readPackageFileAsArrayBuffer(file); })
            .then(function (buffer) { return JSZip.loadAsync(buffer); })
            .then(function (zip) { return buildPackagePlanFromZip(zip, file.name); })
            .then(function (plan) {
                renderPackagePlan(plan);
                setStatus('패키지 분석 완료: 적용 ' + plan.items.length + '개 / 제외 ' + plan.skipped.length + '개', plan.items.length ? 'ok' : 'error');
            })
            .catch(function (err) {
                PACKAGE_INSTALL_PLAN = null;
                renderPackagePlan(null);
                setStatus('패키지 분석 실패: ' + (err && err.message ? err.message : err), 'error');
            })
            .finally(function () {
                setButtonsDisabled(false);
                $('#dev-tools-package-install').prop('disabled', !(PACKAGE_INSTALL_PLAN && PACKAGE_INSTALL_PLAN.items.length));
            });
    }

    function fetchPackageTargetPage(api, title) {
        return api.get({
            action: 'query',
            prop: 'revisions|info',
            titles: normalizeApiTitle(title),
            rvprop: 'content|ids|timestamp',
            rvslots: 'main',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages : [];
            var page = pages && pages.length ? pages[0] : null;
            var text = '';

            if (!page || page.missing) {
                return {
                    title: title,
                    missing: true,
                    text: '',
                    ns: page ? page.ns : null,
                    contentmodel: page ? page.contentmodel : '',
                    revid: null
                };
            }

            if (page.revisions && page.revisions[0]) {
                if (page.revisions[0].slots && page.revisions[0].slots.main) {
                    text = page.revisions[0].slots.main.content || '';
                } else {
                    text = page.revisions[0].content || '';
                }
            }

            return {
                title: page.title || title,
                missing: false,
                text: text,
                ns: page.ns,
                contentmodel: page.contentmodel || '',
                revid: page.revisions && page.revisions[0] ? page.revisions[0].revid : null
            };
        });
    }

    function readPackageItemText(item) {
        return item.entry.async('string').then(function (text) {
            return String(text || '').replace(/^\uFEFF/, '');
        });
    }

    function makePackageBackupZip(plan, pages) {
        var zip = new JSZip();
        var files = [];
        var stamp = new Date().toISOString();

        pages.forEach(function (page) {
            var title = page.title || page.requestedTitle || '';
            var path = 'backup/' + sanitizeTitlePath(title) + '.txt';
            zip.file(path, page.missing ? '' : page.text);
            files.push({
                title: title,
                path: path,
                missing: !!page.missing,
                revid: page.revid || null
            });
        });

        zip.file('manifest.json', JSON.stringify({
            generated: stamp,
            mode: 'package-install-backup',
            package: plan.packageName,
            files: files
        }, null, 2) + '\n');

        zip.file('README.txt', 'CLBI package installer backup\nGenerated: ' + stamp + '\nPackage: ' + plan.packageName + '\n\n이 ZIP은 PACKAGE INSTALLER 적용 직전에 대상 문서들의 기존 내용을 저장한 백업입니다.\n');

        return zip.generateAsync({ type: 'blob' });
    }

    function installPackagePlan() {
        var plan = PACKAGE_INSTALL_PLAN;

        if (!plan || !plan.items || !plan.items.length) {
            setStatus('분석된 패키지가 없습니다.', 'error');
            return;
        }

        if (!window.confirm('패키지 적용 전 백업 ZIP을 내려받은 뒤 ' + plan.items.length + '개 문서를 수정합니다. 계속할까요?')) {
            return;
        }

        setButtonsDisabled(true);
        setStatus('패키지 적용 준비 중...');

        loadScript(JSZIP_URL)
            .then(function () {
                return new Promise(function (resolve, reject) {
                    withApi(resolve, function () { reject(new Error('mediawiki.api 로드 실패')); });
                });
            })
            .then(function (api) {
                var pagesByTarget = {};
                var targets = plan.items.map(function (item) { return item.target; });
                var installed = 0;
                var skippedSame = 0;
                var failed = 0;
                var results = [];

                setStatus('현재 문서 백업 수집 중...');

                return mapLimit(targets, 4, function (title) {
                    return fetchPackageTargetPage(api, title).then(function (page) {
                        page.requestedTitle = title;
                        pagesByTarget[title] = page;
                        return page;
                    });
                }).then(function (pages) {
                    setStatus('백업 ZIP 생성 중...');
                    return makePackageBackupZip(plan, pages).then(function (blob) {
                        var stamp = new Date().toISOString().replace(/[:.]/g, '-');
                        downloadBlob(blob, 'clbiwiki-package-backup-' + sanitizePathPart(plan.packageName) + '-' + stamp + '.zip');
                    });
                }).then(function () {
                    setStatus('패키지 적용 중... 0/' + plan.items.length);
                    return plan.items.reduce(function (chain, item, index) {
                        return chain.then(function () {
                            var page = pagesByTarget[item.target] || { title: item.target, missing: true, text: '', revid: null };
                            var contentModel = getPackageContentModel(item.target, item.kind);
                            return readPackageItemText(item).then(function (nextText) {
                                var payload;

                                if (!page.missing && String(page.text || '') === String(nextText || '')) {
                                    skippedSame += 1;
                                    results.push({ target: item.target, source: item.source, skipped: 'same' });
                                    setStatus('패키지 적용 중... ' + (index + 1) + '/' + plan.items.length);
                                    return;
                                }

                                payload = {
                                    action: 'edit',
                                    title: item.target,
                                    text: nextText,
                                    summary: 'Install package: ' + plan.packageName + ' / ' + item.source,
                                    format: 'json',
                                    formatversion: 2,
                                    errorformat: 'plaintext'
                                };

                                if (!page.missing && page.revid) payload.baserevid = page.revid;
                                if (contentModel) payload.contentmodel = contentModel;

                                return api.postWithToken('csrf', payload).then(function () {
                                    installed += 1;
                                    results.push({ target: item.target, source: item.source, installed: true });
                                    setStatus('패키지 적용 중... ' + (index + 1) + '/' + plan.items.length);
                                });
                            }).catch(function (err) {
                                failed += 1;
                                results.push({
                                    target: item.target,
                                    source: item.source,
                                    error: err && err.message ? err.message : String(err)
                                });
                                setStatus('패키지 적용 중... ' + (index + 1) + '/' + plan.items.length + ' / 실패 ' + failed);
                            });
                        });
                    }, Promise.resolve());
                }).then(function () {
                    var message = '패키지 적용 완료: 수정 ' + installed + ' / 동일 ' + skippedSame + ' / 실패 ' + failed;
                    setStatus(message, failed ? 'error' : 'ok');
                    renderPackagePlan(plan);
                });
            })
            .catch(function (err) {
                setStatus('패키지 적용 실패: ' + (err && err.message ? err.message : err), 'error');
            })
            .finally(function () {
                setButtonsDisabled(false);
                $('#dev-tools-package-install').prop('disabled', !(PACKAGE_INSTALL_PLAN && PACKAGE_INSTALL_PLAN.items.length));
            });
    }


    function withApi(done, fail) {
        mw.loader.using(['mediawiki.api']).then(function () {
            done(new mw.Api());
        }, function () {
            if (typeof fail === 'function') fail();
        });
    }

    function updateReadout(summary) {
        var $box = $('#dev-tools-progress-readout');
        if (!summary) {
            $box.text('NO DATA');
            return;
        }

        $box.html(
            '<span>' + (summary.isMaxLevel ? 'MAX ' : 'LVL ') + escapeHtml(summary.level) + '</span>' +
            '<span>' + escapeHtml(summary.totalXp) + ' XP</span>' +
            '<span>TODAY ' + escapeHtml(summary.dailyXp) + ' XP</span>' +
            '<span>READ ' + escapeHtml(summary.dailyReadCount) + '</span>' +
            '<span>DISC ' + escapeHtml(summary.discoveryCount) + '</span>'
        );
    }

    function refreshProgressSummary() {
        withApi(function (api) {
            api.get({
                action: 'progress_summary',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var payload = data && data.progress_summary;
                if (payload && payload.available && payload.summary) {
                    updateReadout(payload.summary);
                    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.requestSummary === 'function') {
                        window.ProgressSystemWebUi.requestSummary(true);
                    }
                    setStatus('진행도 동기화 완료', 'ok');
                } else {
                    updateReadout(null);
                    setStatus('진행도 없음', 'error');
                }
            }).catch(function () {
                setStatus('동기화 실패', 'error');
            });
        }, function () {
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }

    function runProgressAdmin(operation, extra) {
        extra = extra || {};
        setButtonsDisabled(true);
        setStatus('요청 처리 중...');

        withApi(function (api) {
            var payload = $.extend({
                action: 'progress_admin',
                format: 'json',
                formatversion: 2,
                errorformat: 'plaintext',
                operation: operation
            }, extra);

            api.postWithToken('csrf', payload).then(function (data) {
                var result = data && data.progress_admin;
                if (!result || !result.ok) {
                    setStatus('실패: ' + (result && result.reason ? result.reason : 'unknown'), 'error');
                    return;
                }

                if (result.summary) {
                    updateReadout(result.summary);

                    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.applySummary === 'function') {
                        window.ProgressSystemWebUi.applySummary(result.summary, {
                            animateGain: operation === 'add_xp'
                        });
                    } else if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.requestSummary === 'function') {
                        window.ProgressSystemWebUi.requestSummary();
                    }
                }

                setStatus('완료: ' + operation, 'ok');
            }).catch(function (code) {
                setStatus('API 실패: ' + code, 'error');
            }).always(function () {
                setButtonsDisabled(false);
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }


    function normalizePageName(value) {
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }

    function getLanguageStatusPageKey() {
        var raw = String(mw.config.get('wgPageName') || '').trim();
        var normalized = normalizePageName(raw);
        return normalized || raw || '대문';
    }

    function normalizeLanguageStatusValue(value) {
        value = String(value == null ? '' : value).toLowerCase().trim();
        return LANGUAGE_STATUS_VALUES[value] ? value : '';
    }

    function getLanguageTargetTitle(lang) {
        var data = document.getElementById('clbi-lang-data');
        var keys;
        var i;
        var value;

        if (!data || !lang) return '';

        keys = [
            'data-' + lang,
            'data-page-' + lang,
            'data-title-' + lang,
            'data-target-' + lang,
            'data-lang-' + lang
        ];

        for (i = 0; i < keys.length; i += 1) {
            value = data.getAttribute(keys[i]);
            if (value) return value;
        }

        return '';
    }

    function getLanguageStatusPages(registry) {
        if (!registry || typeof registry !== 'object') return {};
        if (registry.pages && typeof registry.pages === 'object') return registry.pages;
        return registry;
    }

    function readLanguageStatusEntry(registry, pageKey) {
        var pages = getLanguageStatusPages(registry);
        var underscored = String(pageKey || '').replace(/ /g, '_');

        if (pages[pageKey] && typeof pages[pageKey] === 'object') return pages[pageKey];
        if (pages[underscored] && typeof pages[underscored] === 'object') return pages[underscored];

        return {};
    }

    function fetchLanguageStatusRegistry(api) {
        return api.get({
            action: 'query',
            prop: 'revisions',
            titles: LANGUAGE_STATUS_TITLE,
            rvprop: 'content',
            rvslots: 'main',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages : [];
            var page = pages && pages.length ? pages[0] : null;
            var text = '';

            if (!page || page.missing) return {};

            if (page.revisions && page.revisions[0]) {
                if (page.revisions[0].slots && page.revisions[0].slots.main) {
                    text = page.revisions[0].slots.main.content || '';
                } else {
                    text = page.revisions[0].content || '';
                }
            }

            if (!text) return {};

            try {
                return JSON.parse(text);
            } catch (err) {
                setStatus('LanguageStatus JSON 파싱 실패', 'error');
                return {};
            }
        });
    }

    function renderLanguageStatusEditor(registry) {
        var pageKey = getLanguageStatusPageKey();
        var entry = readLanguageStatusEntry(registry, pageKey);
        var currentLang = (document.getElementById('clbi-lang-data') || {}).getAttribute
            ? (document.getElementById('clbi-lang-data').getAttribute('data-lang') || 'ko')
            : 'ko';
        var html = '';

        $('#dev-tools-language-page').text('PAGE: ' + pageKey);

        LANGUAGE_ORDER.forEach(function (lang) {
            var stored = normalizeLanguageStatusValue(entry[lang]);
            var fallback = getLanguageTargetTitle(lang) ? 'available' : 'unavailable';
            var value = stored || fallback;
            var isCurrent = lang === currentLang;

            html += '' +
                '<div class="dev-tools-language-row" data-lang="' + escapeHtml(lang) + '">' +
                    '<span class="dev-tools-language-name">' + escapeHtml(LANGUAGE_LABELS[lang] || lang.toUpperCase()) + (isCurrent ? ' *' : '') + '</span>' +
                    '<select class="dev-tools-select dev-tools-language-select" data-lang="' + escapeHtml(lang) + '">' +
                        '<option value="available"' + (value === 'available' ? ' selected' : '') + '>AVAILABLE</option>' +
                        '<option value="wip"' + (value === 'wip' ? ' selected' : '') + '>WIP</option>' +
                        '<option value="unavailable"' + (value === 'unavailable' ? ' selected' : '') + '>UNAVAILABLE</option>' +
                    '</select>' +
                '</div>';
        });

        $('#dev-tools-language-list').html(html || 'NO DATA');
    }

    function refreshLanguageStatusEditor() {
        withApi(function (api) {
            setStatus('언어 상태 불러오는 중...');
            fetchLanguageStatusRegistry(api).then(function (registry) {
                renderLanguageStatusEditor(registry || {});
                setStatus('언어 상태 로드 완료', 'ok');
            }).catch(function () {
                renderLanguageStatusEditor({});
                setStatus('언어 상태 로드 실패', 'error');
            });
        }, function () {
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }

    function saveLanguageStatusEditor() {
        withApi(function (api) {
            var pageKey = getLanguageStatusPageKey();

            setButtonsDisabled(true);
            setStatus('언어 상태 저장 중...');

            fetchLanguageStatusRegistry(api).then(function (registry) {
                var pages = getLanguageStatusPages(registry);
                var nextRegistry = registry && typeof registry === 'object' ? registry : {};
                var entry = {};

                if (nextRegistry.pages && typeof nextRegistry.pages === 'object') {
                    pages = nextRegistry.pages;
                } else {
                    pages = nextRegistry;
                }

                $('.dev-tools-language-select').each(function () {
                    var lang = $(this).data('lang');
                    var value = normalizeLanguageStatusValue($(this).val());

                    if (lang && value) {
                        entry[lang] = value;
                    }
                });

                pages[pageKey] = entry;

                return api.postWithToken('csrf', {
                    action: 'edit',
                    title: LANGUAGE_STATUS_TITLE,
                    text: JSON.stringify(nextRegistry, null, 2) + '\n',
                    summary: 'Update language status: ' + pageKey,
                    contentmodel: 'json',
                    format: 'json',
                    formatversion: 2
                });
            }).then(function () {
                setStatus('언어 상태 저장 완료', 'ok');

                if (window.CLBI_LANGUAGE_STATUS && typeof window.CLBI_LANGUAGE_STATUS.reload === 'function') {
                    window.CLBI_LANGUAGE_STATUS.reload();
                }
            }).catch(function (err) {
                setStatus('언어 상태 저장 실패: ' + (err && err.message ? err.message : err), 'error');
            }).always(function () {
                setButtonsDisabled(false);
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }

    function toggleRenameBox() {
        var box = document.getElementById('dev-tools-rename-box');
        var targetInput;

        if (!box) return;

        box.hidden = !box.hidden;

        if (!box.hidden) {
            targetInput = document.getElementById('dev-tools-rename-to');
            if (targetInput) targetInput.focus();
        }
    }

    function resolveRenameRedirectTarget(api, fromTitle) {
        return api.get({
            action: 'query',
            titles: normalizeApiTitle(fromTitle),
            redirects: 1,
            prop: 'info',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var redirects = data && data.query ? data.query.redirects : [];
            var item = redirects && redirects.length ? redirects[0] : null;

            if (item && item.to) return item.to;
            return '';
        }).catch(function () {
            return '';
        });
    }


    function deleteRenameRedirectPage(api, fromTitle, expectedToTitle, reason) {
        fromTitle = normalizeMoveTitle(fromTitle);
        expectedToTitle = normalizeMoveTitle(expectedToTitle);

        if (!fromTitle) return Promise.resolve({ deleted: false, skipped: 'empty' });

        return resolveRenameRedirectTarget(api, fromTitle).then(function (redirectTo) {
            redirectTo = normalizeMoveTitle(redirectTo);

            if (!redirectTo) {
                return { deleted: false, skipped: 'not_redirect' };
            }

            if (expectedToTitle && normalizeMoveCompare(redirectTo) !== normalizeMoveCompare(expectedToTitle)) {
                throw new Error('기존 이름이 새 이름이 아니라 다른 대상으로 redirect됩니다: ' + redirectTo);
            }

            setStatus('기존 redirect 문서 제거 중... ' + fromTitle);

            return api.postWithToken('csrf', {
                action: 'delete',
                title: fromTitle,
                reason: reason || ('이름 변경 후 남은 redirect 제거: ' + fromTitle + ' → ' + redirectTo),
                format: 'json',
                formatversion: 2,
                errorformat: 'plaintext'
            }).then(function () {
                return { deleted: true, target: redirectTo };
            });
        });
    }

    function runRenameReferenceCleanupOnly() {
        var fromTitle = normalizeMoveTitle($('#dev-tools-rename-from').val());
        var toTitle = normalizeMoveTargetTitle(fromTitle, $('#dev-tools-rename-to').val());
        var shouldDeleteOldRedirect = $('#dev-tools-rename-delete-old').prop('checked');
        var reason = String($('#dev-tools-rename-reason').val() || '이름 변경').trim();

        if (!fromTitle) {
            setStatus('현재 이름이 비어 있습니다.', 'error');
            return;
        }

        setButtonsDisabled(true);
        setStatus('참조/리스트 정리 준비 중...');

        withApi(function (api) {
            var targetPromise = toTitle ? Promise.resolve(toTitle) : resolveRenameRedirectTarget(api, fromTitle);

            targetPromise.then(function (resolvedToTitle) {
                resolvedToTitle = normalizeMoveTitle(resolvedToTitle);

                if (!resolvedToTitle) {
                    throw new Error('새 이름을 입력하거나, 현재 이름이 새 이름으로 넘겨주는 redirect여야 합니다.');
                }

                if (normalizeMoveCompare(fromTitle) === normalizeMoveCompare(resolvedToTitle)) {
                    throw new Error('현재 이름과 새 이름이 같습니다.');
                }

                setStatus('참조/리스트 정리 중...');
                return updateRenameReferences(api, fromTitle, resolvedToTitle).then(function (referenceResult) {
                    if (!shouldDeleteOldRedirect) {
                        return { movedTo: resolvedToTitle, referenceResult: referenceResult, deleteResult: null };
                    }

                    return deleteRenameRedirectPage(api, fromTitle, resolvedToTitle, '이름 변경 후 기존 redirect 제거: ' + fromTitle + ' → ' + resolvedToTitle).then(function (deleteResult) {
                        return { movedTo: resolvedToTitle, referenceResult: referenceResult, deleteResult: deleteResult };
                    });
                });
            }).then(function (result) {
                var referenceResult = result.referenceResult || { changed: 0, failed: 0, scanned: 0 };
                var message = '참조/리스트 정리 완료: ' + fromTitle + ' → ' + result.movedTo +
                    ' / 변경 ' + referenceResult.changed + '개 / 검사 ' + referenceResult.scanned + '개';

                if (referenceResult.failed) message += ' / 실패 ' + referenceResult.failed + '개';
                if (result.deleteResult && result.deleteResult.deleted) message += ' / 기존 redirect 삭제';
                if (result.deleteResult && result.deleteResult.skipped === 'not_redirect') message += ' / 기존 redirect 없음';
                setStatus(message, referenceResult.failed ? 'error' : 'ok');
                setButtonsDisabled(false);
                $('#dev-tools-rename-to').val(result.movedTo);
            }).catch(function (err) {
                setButtonsDisabled(false);
                setStatus('참조/리스트 정리 실패: ' + (err && err.message ? err.message : err), 'error');
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }

    function runDocumentRename() {
        var fromTitle = normalizeMoveTitle($('#dev-tools-rename-from').val());
        var toTitle = normalizeMoveTargetTitle(fromTitle, $('#dev-tools-rename-to').val());
        var reason = String($('#dev-tools-rename-reason').val() || '이름 변경').trim();
        var keepLegacy = $('#dev-tools-rename-legacy').prop('checked');
        var moveTalk = $('#dev-tools-rename-talk').prop('checked');
        var moveSubpages = $('#dev-tools-rename-subpages').prop('checked');
        var shouldUpdateReferences = $('#dev-tools-rename-update-references').prop('checked');
        var shouldDeleteOldRedirect = $('#dev-tools-rename-delete-old').prop('checked');
        var payload;

        if (!fromTitle) {
            setStatus('현재 이름이 비어 있습니다.', 'error');
            return;
        }

        if (!toTitle) {
            setStatus('새 이름이 비어 있습니다.', 'error');
            return;
        }

        if (normalizeMoveCompare(fromTitle) === normalizeMoveCompare(toTitle)) {
            setStatus('현재 이름과 새 이름이 같습니다.', 'error');
            return;
        }

        if (!window.confirm('실제 이름을 변경할까요?\n\n' + fromTitle + '\n→ ' + toTitle + (keepLegacy ? '\n\n기존 이름 redirect를 남깁니다.' : '\n\n기존 이름 redirect를 남기지 않습니다.'))) {
            return;
        }

        payload = {
            action: 'move',
            from: fromTitle,
            to: toTitle,
            reason: reason,
            format: 'json',
            formatversion: 2,
            errorformat: 'plaintext'
        };

        if (moveTalk) payload.movetalk = 1;
        if (moveSubpages) payload.movesubpages = 1;
        if (!keepLegacy) payload.noredirect = 1;

        setButtonsDisabled(true);
        setStatus('실제 이름 변경 중...');

        withApi(function (api) {
            api.postWithToken('csrf', payload).then(function (data) {
                var moved = data && data.move;
                var movedTo = moved && (moved.to || toTitle);

                var cleanupChain = shouldUpdateReferences ? updateRenameReferences(api, fromTitle, movedTo || toTitle) : Promise.resolve(null);

                return cleanupChain.then(function (referenceResult) {
                    if (keepLegacy || !shouldDeleteOldRedirect) {
                        return { movedTo: movedTo, referenceResult: referenceResult, deleteResult: null };
                    }

                    return deleteRenameRedirectPage(api, fromTitle, movedTo || toTitle, '이름 변경 후 기존 redirect 제거: ' + fromTitle + ' → ' + (movedTo || toTitle)).then(function (deleteResult) {
                        return { movedTo: movedTo, referenceResult: referenceResult, deleteResult: deleteResult };
                    });
                });
            }).then(function (result) {
                var movedTo = result && result.movedTo ? result.movedTo : toTitle;
                var referenceResult = result && result.referenceResult;
                var deleteResult = result && result.deleteResult;
                var message = '이름 변경 완료: ' + movedTo;

                if (referenceResult) {
                    message += ' / 참조 ' + referenceResult.changed + '개 정리';
                    if (referenceResult.failed) message += ' / 실패 ' + referenceResult.failed + '개';
                }
                if (deleteResult && deleteResult.deleted) message += ' / 기존 redirect 삭제';
                if (deleteResult && deleteResult.skipped === 'not_redirect') message += ' / 기존 redirect 없음';

                setStatus(message, referenceResult && referenceResult.failed ? 'error' : 'ok');

                if (isCurrentMoveSource(fromTitle)) {
                    window.setTimeout(function () {
                        window.location.href = getDocumentToolUrl(movedTo);
                    }, 700);
                } else {
                    setButtonsDisabled(false);
                    $('#dev-tools-rename-from').val(movedTo);
                    $('#dev-tools-rename-to').val('');
                }
            }).catch(function (code, details) {
                var message = code;

                if (details && details.error && details.error.info) {
                    message = details.error.info;
                } else if (details && details.info) {
                    message = details.info;
                } else if (code && code.message) {
                    message = code.message;
                }

                setButtonsDisabled(false);
                setStatus('이름 변경 실패: ' + message, 'error');
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }


    function normalizeSvgFileTitle(value) {
        var title = String(value || '')
            .replace(/_/g, ' ')
            .replace(/^\s+|\s+$/g, '');

        if (!title) return '';
        if (/^(file|파일):/i.test(title)) return title.replace(/^(file|파일):\s*/i, 'File:');
        return 'File:' + title;
    }

    function svgFileUploadName(title) {
        return normalizeSvgFileTitle(title).replace(/^File:/i, '').trim();
    }

    function parseSvgTitleList(value) {
        var seen = {};
        var list = [];

        String(value || '').split(/[\n,]+/).forEach(function (part) {
            var title = normalizeSvgFileTitle(part);
            var key = title.toLowerCase();
            if (!title || seen[key]) return;
            seen[key] = true;
            list.push(title);
        });

        return list;
    }

    function renderSvgNormalizeLog(items) {
        var html;

        if (!items || !items.length) {
            $('#dev-tools-svg-list').empty();
            return;
        }

        html = items.map(function (item) {
            var cls = item.ok ? 'dev-tools-package-row' : 'dev-tools-package-row dev-tools-package-skipped';
            var status = item.message || '';
            return '<div class="' + cls + '">' +
                '<span class="dev-tools-package-source">' + escapeHtml(item.title || '') + '</span>' +
                '<span class="dev-tools-package-arrow">' + (item.ok ? '✓' : '×') + '</span>' +
                '<span class="dev-tools-package-target">' + escapeHtml(status) + '</span>' +
            '</div>';
        }).join('');

        $('#dev-tools-svg-list').html(html);
    }

    function fillCurrentSvgFileTitle() {
        var ns = Number(mw.config.get('wgNamespaceNumber'));
        var title = mw.config.get('wgPageName') || '';

        if (ns !== 6 || !title) {
            setStatus('현재 문서가 파일 문서가 아닙니다.', 'error');
            return;
        }

        title = title.replace(/_/g, ' ');
        if (!/\.svg$/i.test(title)) {
            setStatus('현재 파일이 SVG가 아닙니다.', 'error');
            return;
        }

        $('#dev-tools-svg-normalize-titles').val(normalizeSvgFileTitle(title));
        setStatus('현재 SVG 파일명을 입력했습니다.', 'ok');
    }

    function fillRecentFlagSvgTitles() {
        setButtonsDisabled(true);
        setStatus('최근 Flag SVG 목록을 가져오는 중...');

        withApi(function (api) {
            api.get({
                action: 'query',
                list: 'allimages',
                aiprefix: 'Flag-',
                aifrom: 'Flag-',
                aiprop: 'timestamp|mime|url',
                ailimit: 50,
                format: 'json',
                formatversion: 2,
                _: Date.now()
            }).then(function (data) {
                var images = data && data.query ? data.query.allimages || [] : [];
                var titles = images.filter(function (image) {
                    var name = image && image.name ? String(image.name) : '';
                    return /\.svg$/i.test(name);
                }).map(function (image) {
                    return 'File:' + image.name;
                });

                $('#dev-tools-svg-normalize-titles').val(titles.join('\n'));
                setStatus('최근 Flag SVG ' + titles.length + '개를 입력했습니다.', titles.length ? 'ok' : 'error');
            }).catch(function (err) {
                setStatus('최근 Flag SVG 목록 로드 실패: ' + (err && err.message ? err.message : err), 'error');
            }).finally(function () {
                setButtonsDisabled(false);
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }

    function parseSvgNumber(value) {
        var match = String(value == null ? '' : value).trim().match(/^-?\d+(?:\.\d+)?/);
        return match ? parseFloat(match[0]) : NaN;
    }

    function parseSvgViewBox(root) {
        var viewBox = root.getAttribute('viewBox') || root.getAttribute('viewbox') || '';
        var parts = viewBox.trim().split(/[\s,]+/).map(function (part) { return parseFloat(part); });
        var width;
        var height;

        if (parts.length === 4 && parts.every(function (value) { return Number.isFinite(value); }) && parts[2] > 0 && parts[3] > 0) {
            return { x: parts[0], y: parts[1], width: parts[2], height: parts[3] };
        }

        width = parseSvgNumber(root.getAttribute('width'));
        height = parseSvgNumber(root.getAttribute('height'));
        if (Number.isFinite(width) && Number.isFinite(height) && width > 0 && height > 0) {
            return { x: 0, y: 0, width: width, height: height };
        }

        return null;
    }

    function formatSvgNumber(value) {
        var rounded = Math.round(value * 1000) / 1000;
        if (Math.abs(rounded) < 0.0005) rounded = 0;
        return String(rounded).replace(/\.0+$/, '').replace(/(\.\d*?)0+$/, '$1');
    }

    function serializeSvgDocument(doc, hadXmlDecl) {
        var text = new XMLSerializer().serializeToString(doc);
        if (hadXmlDecl && text.indexOf('<?xml') !== 0) {
            text = '<?xml version="1.0" encoding="UTF-8"?>\n' + text;
        }
        return text + (text.slice(-1) === '\n' ? '' : '\n');
    }

    function renderSvgTextToCanvas(svgText, viewport) {
        return new Promise(function (resolve, reject) {
            var blob = new Blob([svgText], { type: 'image/svg+xml;charset=utf-8' });
            var url = URL.createObjectURL(blob);
            var img = new Image();
            var maxSide = 1600;
            var scale = Math.min(maxSide / Math.max(viewport.width, viewport.height), 4);
            var width = Math.max(1, Math.round(viewport.width * scale));
            var height = Math.max(1, Math.round(viewport.height * scale));
            var canvas = document.createElement('canvas');
            var ctx;

            canvas.width = width;
            canvas.height = height;
            ctx = canvas.getContext('2d');

            img.onload = function () {
                try {
                    ctx.clearRect(0, 0, width, height);
                    ctx.drawImage(img, 0, 0, width, height);
                    URL.revokeObjectURL(url);
                    resolve({ canvas: canvas, width: width, height: height });
                } catch (err) {
                    URL.revokeObjectURL(url);
                    reject(err);
                }
            };
            img.onerror = function () {
                URL.revokeObjectURL(url);
                reject(new Error('SVG 렌더링 실패'));
            };
            img.src = url;
        });
    }

    function findCanvasAlphaBounds(canvas) {
        var ctx = canvas.getContext('2d');
        var width = canvas.width;
        var height = canvas.height;
        var data = ctx.getImageData(0, 0, width, height).data;
        var minX = width;
        var minY = height;
        var maxX = -1;
        var maxY = -1;
        var x;
        var y;
        var alpha;
        var index;

        for (y = 0; y < height; y += 1) {
            for (x = 0; x < width; x += 1) {
                index = (y * width + x) * 4 + 3;
                alpha = data[index];
                if (alpha > 3) {
                    if (x < minX) minX = x;
                    if (y < minY) minY = y;
                    if (x > maxX) maxX = x;
                    if (y > maxY) maxY = y;
                }
            }
        }

        if (maxX < minX || maxY < minY) return null;
        return { minX: minX, minY: minY, maxX: maxX, maxY: maxY };
    }

    function cropSvgTextToRenderedPixels(svgText) {
        var parser = new DOMParser();
        var doc = parser.parseFromString(svgText, 'image/svg+xml');
        var root = doc.documentElement;
        var parserError = doc.querySelector('parsererror');
        var viewport;
        var hadXmlDecl = /^\s*<\?xml/i.test(svgText);

        if (parserError || !root || String(root.nodeName || '').toLowerCase() !== 'svg') {
            return Promise.reject(new Error('SVG 파싱 실패'));
        }

        viewport = parseSvgViewBox(root);
        if (!viewport) return Promise.reject(new Error('viewBox/width/height를 읽을 수 없음'));

        return renderSvgTextToCanvas(svgText, viewport).then(function (rendered) {
            var bounds = findCanvasAlphaBounds(rendered.canvas);
            var padX;
            var padY;
            var cropX;
            var cropY;
            var cropW;
            var cropH;
            var oldViewBox;
            var newViewBox;
            var style;

            if (!bounds) throw new Error('보이는 픽셀이 없음');

            padX = Math.max(1, Math.round(rendered.width * 0.002));
            padY = Math.max(1, Math.round(rendered.height * 0.002));
            bounds.minX = Math.max(0, bounds.minX - padX);
            bounds.minY = Math.max(0, bounds.minY - padY);
            bounds.maxX = Math.min(rendered.width - 1, bounds.maxX + padX);
            bounds.maxY = Math.min(rendered.height - 1, bounds.maxY + padY);

            cropX = viewport.x + (bounds.minX / rendered.width) * viewport.width;
            cropY = viewport.y + (bounds.minY / rendered.height) * viewport.height;
            cropW = ((bounds.maxX - bounds.minX + 1) / rendered.width) * viewport.width;
            cropH = ((bounds.maxY - bounds.minY + 1) / rendered.height) * viewport.height;

            if (!(cropW > 0 && cropH > 0)) throw new Error('계산된 크롭 범위가 잘못됨');

            oldViewBox = [viewport.x, viewport.y, viewport.width, viewport.height].map(formatSvgNumber).join(' ');
            newViewBox = [cropX, cropY, cropW, cropH].map(formatSvgNumber).join(' ');

            root.setAttribute('viewBox', newViewBox);
            root.setAttribute('width', formatSvgNumber(cropW));
            root.setAttribute('height', formatSvgNumber(cropH));
            root.setAttribute('overflow', 'hidden');
            root.setAttribute('preserveAspectRatio', 'xMidYMid meet');
            style = root.getAttribute('style') || '';
            if (!/overflow\s*:/i.test(style)) {
                root.setAttribute('style', (style ? style.replace(/;?\s*$/, '; ') : '') + 'overflow:hidden;');
            }

            return {
                text: serializeSvgDocument(doc, hadXmlDecl),
                oldViewBox: oldViewBox,
                newViewBox: newViewBox,
                cropWidth: cropW,
                cropHeight: cropH,
                changed: oldViewBox !== newViewBox
            };
        });
    }

    function fetchSvgFileText(api, title) {
        title = normalizeSvgFileTitle(title);
        return api.get({
            action: 'query',
            prop: 'imageinfo',
            titles: normalizeApiTitle(title),
            iiprop: 'url|mime',
            format: 'json',
            formatversion: 2,
            _: Date.now()
        }).then(function (data) {
            var pages = data && data.query ? data.query.pages || [] : [];
            var page = pages[0];
            var info = page && page.imageinfo ? page.imageinfo[0] : null;
            var url = info && info.url ? info.url : '';

            if (!page || page.missing) throw new Error('파일 문서 없음');
            if (!url) throw new Error('파일 URL 없음');
            if (!/\.svg(?:\?|$)/i.test(url) && info.mime !== 'image/svg+xml') throw new Error('SVG 파일이 아님');

            return fetch(url + (url.indexOf('?') === -1 ? '?' : '&') + '_=' + Date.now(), {
                credentials: 'same-origin',
                cache: 'no-store'
            }).then(function (response) {
                if (!response.ok) throw new Error('SVG 다운로드 실패: HTTP ' + response.status);
                return response.text();
            });
        });
    }

    function uploadNormalizedSvg(api, title, svgText, comment) {
        var filename = svgFileUploadName(title);
        var blob = new Blob([svgText], { type: 'image/svg+xml;charset=utf-8' });

        return api.getToken('csrf').then(function (token) {
            var form = new FormData();
            form.append('action', 'upload');
            form.append('filename', filename);
            form.append('file', blob, filename);
            form.append('ignorewarnings', '1');
            form.append('comment', comment || 'Normalize SVG viewBox for CLBI flag thumbnail');
            form.append('token', token);
            form.append('format', 'json');
            form.append('formatversion', '2');

            return fetch(mw.util.wikiScript('api'), {
                method: 'POST',
                credentials: 'same-origin',
                body: form
            }).then(function (response) {
                if (!response.ok) throw new Error('업로드 실패: HTTP ' + response.status);
                return response.json();
            }).then(function (data) {
                if (data && data.error) throw new Error(data.error.info || data.error.code || '업로드 API 오류');
                if (!data || !data.upload || (data.upload.result !== 'Success' && data.upload.result !== 'Warning')) {
                    throw new Error('업로드 결과 확인 실패');
                }
                return data;
            });
        });
    }

    function normalizeOneSvgFile(api, title) {
        return fetchSvgFileText(api, title).then(function (text) {
            return cropSvgTextToRenderedPixels(text).then(function (normalized) {
                return uploadNormalizedSvg(api, title, normalized.text, 'CLBI SVG flag viewBox normalization').then(function () {
                    return {
                        title: normalizeSvgFileTitle(title),
                        ok: true,
                        message: normalized.oldViewBox + ' → ' + normalized.newViewBox
                    };
                });
            });
        });
    }

    function runSvgNormalizeUpload() {
        var titles = parseSvgTitleList($('#dev-tools-svg-normalize-titles').val());
        var results = [];

        if (!titles.length) {
            setStatus('정규화할 SVG 파일명을 입력하세요.', 'error');
            return;
        }

        if (!window.confirm('SVG 파일 ' + titles.length + '개를 실제 보이는 픽셀 범위 기준으로 정규화한 뒤 같은 파일명으로 재업로드합니다. 계속할까요?')) {
            return;
        }

        setButtonsDisabled(true);
        setStatus('SVG 정규화 준비 중...');
        renderSvgNormalizeLog([]);

        withApi(function (api) {
            mapLimit(titles, 1, function (title, index) {
                setStatus('SVG 정규화 중... ' + (index + 1) + '/' + titles.length + ' ' + title);
                return normalizeOneSvgFile(api, title).then(function (result) {
                    results.push(result);
                    renderSvgNormalizeLog(results);
                }).catch(function (err) {
                    results.push({
                        title: normalizeSvgFileTitle(title),
                        ok: false,
                        message: err && err.message ? err.message : String(err)
                    });
                    renderSvgNormalizeLog(results);
                });
            }).then(function () {
                var ok = results.filter(function (item) { return item.ok; }).length;
                var failed = results.length - ok;
                setStatus('SVG 정규화 완료: 성공 ' + ok + '개 / 실패 ' + failed + '개', failed ? 'error' : 'ok');
            }).finally(function () {
                setButtonsDisabled(false);
            });
        }, function () {
            setButtonsDisabled(false);
            setStatus('mediawiki.api 로드 실패', 'error');
        });
    }


    function bindEvents() {
        $(document).on('click', '#dev-tools-panel .dev-tools-button-disabled', function (event) {
            event.preventDefault();
            event.stopPropagation();
        });

        $(document).on('click', '#dev-tools-toggle', function () {
            var $panel = $('#dev-tools-panel');
            $panel.toggleClass('dev-tools-collapsed');
            var collapsed = $panel.hasClass('dev-tools-collapsed');
            localStorage.setItem('dev-tools-collapsed', collapsed ? 'true' : 'false');
            $(this).text(collapsed ? '+' : '−');
        });

        $(document).on('click', '#dev-tools-export', exportSources);
        $(document).on('change', '#dev-tools-package-file', analyzeSelectedPackage);
        $(document).on('click', '#dev-tools-package-analyze', analyzeSelectedPackage);
        $(document).on('click', '#dev-tools-package-install', installPackagePlan);
        $(document).on('click', '#dev-tools-svg-current', fillCurrentSvgFileTitle);
        $(document).on('click', '#dev-tools-svg-recent', fillRecentFlagSvgTitles);
        $(document).on('click', '#dev-tools-svg-normalize', runSvgNormalizeUpload);
        $(document).on('click', '#dev-tools-rename-toggle', toggleRenameBox);
        $(document).on('click', '#dev-tools-rename-submit', runDocumentRename);
        $(document).on('click', '#dev-tools-rename-cleanup-submit', runRenameReferenceCleanupOnly);
        $(document).on('keydown', '#dev-tools-rename-to', function (event) {
            if (event.key === 'Enter') runDocumentRename();
        });
        $(document).on('click', '#dev-tools-progress-refresh', refreshProgressSummary);
        $(document).on('click', '#dev-tools-language-refresh', refreshLanguageStatusEditor);
        $(document).on('click', '#dev-tools-language-save', saveLanguageStatusEditor);

        $(document).on('click', '#dev-tools-xp-add', function () {
            var amount = parseInt($('#dev-tools-xp-amount').val(), 10);
            var reason = $('#dev-tools-xp-reason').val() || '관리자 테스트';

            if (!Number.isFinite(amount) || amount <= 0) {
                setStatus('XP 값이 잘못되었습니다.', 'error');
                return;
            }

            runProgressAdmin('add_xp', {
                amount: amount,
                reason: reason
            });
        });

        $(document).on('click', '#dev-tools-daily-reset', function () {
            runProgressAdmin('reset_daily');
        });

        $(document).on('click', '#dev-tools-level-reset', function () {
            if (!window.confirm('레벨/총 경험치와 오늘 보너스 카운트를 리셋할까요?')) return;
            runProgressAdmin('reset_progress');
        });
    }

    $(function () {
        buildPanel();
        bindEvents();

        if (isOwner()) {
            refreshProgressSummary();
            refreshLanguageStatusEditor();
        }

        if (mw.hook) {
            mw.hook('wikipage.content').add(refreshDocumentTools);
        }
    });
})(mediaWiki, jQuery);