// ==UserScript==
// @name         ChatGPT对话管理工具（支持镜像站）
// @namespace    https://example.invalid/mirror-chat-clipper
// @version      1.0.6
// @description  为 ChatGPT 及镜像站提供对话目录、快捷跳转、范围选择、导出预览、Markdown/HTML 导出与复制等对话管理功能。
// @author       nosaying2
// @tag          ChatGPT
// @tag          AI
// @tag          对话管理
// @tag          对话导出
// @tag          Markdown
// @tag          镜像站
// @match        https://chat.openai.com/*
// @match        https://new.oaifree.com/**
// @match        https://share.github.cn.com/**
// @match        https://chatgpt.com/**
// @match        https://*.oaifree.com/**
// @match        https://cc.plusai.me/**
// @match        https://chat.chatgptplus.cn/**
// @match        https://chat.rawchat.cc/**
// @match        https://rawchat.cn/c/**
// @match        https://chat.sharedchat.cn/**
// @match        https://chat.gptdsb.com/**
// @match        https://chat.freegpts.org/**
// @match        https://gpt.github.cn.com/**
// @match        https://chat.aicnn.xyz/**
// @match        https://*.xyhelper.com.cn/**
// @match        https://oai.aitopk.com/**
// @match        https://www.opkfc.com/**
// @match        https://bus.hematown.com/**
// @match        https://chatgpt.dairoot.cn/**
// @match        https://plus.aivvm.com/**
// @match        https://sharechat.aischat.xyz/**
// @match        https://web.tu-zi.com/**
// @match        https://chat1.2233.ai/**
// @match        https://2233.ai/**
// @match        https://yesiamai.com/**
// @match        https://www.azs.ai/**
// @match        https://sass-node6.chatshare.biz/**
// @match        https://sass-node1.chatshare.biz/**
// @match        https://sass-node2.chatshare.biz/**
// @match        https://sass-node3.chatshare.biz/**
// @match        https://sass-node4.chatshare.biz/**
// @match        https://sass-node5.chatshare.biz/**
// @match        https://oai.253282.xyz/**
// @match        https://gpt.universalbus.cn/**
// @match        https://go.gptdsb.com/**
// @match        https://*.azs.ai/**
// @match        https://azs.ai/**
// @match        https://*.azs.ai/c/**
// @match        https://share.mynanian.top/**
// @match        https://pro2.ai2.bar/**
// @match        https://smart.ai1.bar/**
// @match        https://*/*
// @license      MIT
// @icon         https://t1.gstatic.cn/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&size=32&url=https://chatgpt.com
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_registerMenuCommand
// ==/UserScript==

(function() {
    'use strict';

    const OUTLINE_MODE_STORAGE_KEY = 'mirror-chat-clipper-outline-mode';
    const OUTLINE_LAUNCHER_POSITION_STORAGE_KEY = 'mirror-chat-clipper-outline-launcher-position';
    const CUSTOM_SITE_PATTERNS_STORAGE_KEY = 'mirror-chat-clipper-custom-site-patterns';
    const FEEDBACK_URL = 'https://github.com/nosaying2/MirrorChatClipper/issues/new/';
    const API_SITE_URL = 'https://aio.folksaying.cn/';
    const OUTLINE_MODE_FLOATING = 'floating';
    const OUTLINE_MODE_EMBEDDED = 'embedded';
    const BUILTIN_SITE_PATTERNS = [
        'chat.openai.com',
        'new.oaifree.com',
        'share.github.cn.com',
        'chatgpt.com',
        '*.oaifree.com',
        'cc.plusai.me',
        'chat.chatgptplus.cn',
        'chat.rawchat.cc',
        'rawchat.cn/c',
        'chat.sharedchat.cn',
        'chat.gptdsb.com',
        'chat.freegpts.org',
        'gpt.github.cn.com',
        'chat.aicnn.xyz',
        '*.xyhelper.com.cn',
        'oai.aitopk.com',
        'www.opkfc.com',
        'bus.hematown.com',
        'chatgpt.dairoot.cn',
        'plus.aivvm.com',
        'sharechat.aischat.xyz',
        'web.tu-zi.com',
        'chat1.2233.ai',
        '2233.ai',
        'yesiamai.com',
        'www.azs.ai',
        'sass-node6.chatshare.biz',
        'sass-node1.chatshare.biz',
        'sass-node2.chatshare.biz',
        'sass-node3.chatshare.biz',
        'sass-node4.chatshare.biz',
        'sass-node5.chatshare.biz',
        'oai.253282.xyz',
        'gpt.universalbus.cn',
        'go.gptdsb.com',
        '*.azs.ai',
        'azs.ai',
        'share.mynanian.top',
        'pro2.ai2.bar',
        'smart.ai1.bar'
    ];

    function isCurrentSiteAllowed() {
        return isSiteAllowed(window.location);
    }

    function isSiteAllowed(site) {
        const current = normalizeSiteLocation(site);
        if (!current.host) return false;
        return getAllowedSitePatterns().some(pattern => isSitePatternMatch(current, pattern));
    }

    function getAllowedSitePatterns() {
        return normalizeSitePatterns(BUILTIN_SITE_PATTERNS.concat(loadCustomSitePatterns()));
    }

    function getCurrentSitePattern() {
        const host = normalizeHostname(window.location.hostname);
        if (!host) return '';

        const pathPrefix = getFirstPathSegment(window.location.pathname);
        return `${host}${pathPrefix}`;
    }

    function loadCustomSitePatterns() {
        const saved = getUserscriptStoredValue(CUSTOM_SITE_PATTERNS_STORAGE_KEY, []);
        if (Array.isArray(saved)) return normalizeSitePatterns(saved);
        if (typeof saved === 'string') {
            try {
                const parsed = JSON.parse(saved);
                if (Array.isArray(parsed)) return normalizeSitePatterns(parsed);
            } catch (error) {
                return normalizeSitePatterns(saved.split(/\r?\n/));
            }
        }
        return [];
    }

    function saveCustomSitePatterns(patterns) {
        setUserscriptStoredValue(CUSTOM_SITE_PATTERNS_STORAGE_KEY, normalizeSitePatterns(patterns));
    }

    function addCustomSitePattern(input) {
        const pattern = normalizeSitePattern(input);
        if (!pattern) {
            return {
                ok: false,
                error: '请输入有效的域名、路径前缀或 URL。'
            };
        }

        const patterns = loadCustomSitePatterns();
        if (patterns.includes(pattern) || BUILTIN_SITE_PATTERNS.some(item => item === pattern)) {
            return {ok: true, pattern, changed: false};
        }

        patterns.push(pattern);
        saveCustomSitePatterns(patterns);
        return {ok: true, pattern, changed: true};
    }

    function removeCustomSitePattern(pattern) {
        const normalized = normalizeSitePattern(pattern);
        if (!normalized) return;
        saveCustomSitePatterns(loadCustomSitePatterns().filter(item => item !== normalized));
    }

    function normalizeSitePatterns(patterns) {
        const unique = [];
        patterns.forEach(pattern => {
            const normalized = normalizeSitePattern(pattern);
            if (normalized && !unique.includes(normalized)) unique.push(normalized);
        });
        return unique;
    }

    function normalizeSitePattern(input) {
        let value = String(input || '').trim();
        if (!value) return '';

        value = value
            .replace(/^\/\/\s*@match\s+/i, '')
            .replace(/^@match\s+/i, '')
            .replace(/^([a-z][a-z0-9+.-]*|\*):\/\//i, '')
            .trim()
            .split(/\s+/)[0]
            .split(/[?#]/)[0];

        const slashIndex = value.indexOf('/');
        const rawHost = slashIndex === -1 ? value : value.slice(0, slashIndex);
        const rawPath = slashIndex === -1 ? '' : value.slice(slashIndex);
        const host = rawHost
            .replace(/:\d+$/, '')
            .replace(/\.$/, '')
            .toLowerCase();

        let hostPattern = '';
        if (host.startsWith('*.')) {
            const base = normalizeHostname(host.slice(2));
            hostPattern = base ? `*.${base}` : '';
        } else if (!host.includes('*')) {
            hostPattern = normalizeHostname(host);
        }

        if (!hostPattern) return '';

        const path = normalizeSitePath(rawPath);
        if (path === null) return '';
        return `${hostPattern}${path}`;
    }

    function normalizeSiteLocation(site) {
        if (site && typeof site === 'object') {
            return {
                host: normalizeHostname(site.hostname),
                path: normalizeCurrentPath(site.pathname)
            };
        }

        const pattern = normalizeSitePattern(site);
        return splitSitePattern(pattern);
    }

    function splitSitePattern(pattern) {
        const normalized = String(pattern || '');
        const slashIndex = normalized.indexOf('/');
        if (slashIndex === -1) {
            return {
                host: normalized,
                path: ''
            };
        }

        return {
            host: normalized.slice(0, slashIndex),
            path: normalized.slice(slashIndex)
        };
    }

    function normalizeSitePath(path) {
        let normalized = String(path || '').trim();
        if (!normalized || normalized === '/') return '';

        if (!normalized.startsWith('/')) normalized = `/${normalized}`;
        normalized = normalized
            .replace(/\/\*{1,2}$/, '')
            .replace(/\/+$/, '');

        if (!normalized || normalized === '/') return '';
        if (normalized.includes('*')) return null;
        return normalized;
    }

    function normalizeCurrentPath(pathname) {
        let path = String(pathname || '').split(/[?#]/)[0].trim();
        if (!path || path === '/') return '';
        if (!path.startsWith('/')) path = `/${path}`;
        return path.replace(/\/+$/, '');
    }

    function getFirstPathSegment(pathname) {
        const path = normalizeCurrentPath(pathname);
        if (!path) return '';

        const segment = path.split('/').filter(Boolean)[0];
        return segment ? `/${segment}` : '';
    }

    function normalizeHostname(hostname) {
        const host = String(hostname || '')
            .trim()
            .replace(/\.$/, '')
            .toLowerCase();

        if (!host || host.includes('*')) return '';
        return isValidHostname(host) ? host : '';
    }

    function isValidHostname(host) {
        if (host === 'localhost') return true;
        if (/^\d{1,3}(\.\d{1,3}){3}$/.test(host)) {
            return host.split('.').every(part => Number(part) >= 0 && Number(part) <= 255);
        }

        const labels = host.split('.');
        if (labels.length < 2) return false;
        return labels.every(label => {
            if (!label || label.length > 63) return false;
            if (label.startsWith('-') || label.endsWith('-')) return false;
            return /^[a-z0-9-]+$/.test(label);
        });
    }

    function isSitePatternMatch(current, pattern) {
        const rule = splitSitePattern(pattern);
        if (!rule.host) return false;

        if (rule.host.startsWith('*.')) {
            const base = rule.host.slice(2);
            if (current.host !== base && !current.host.endsWith(`.${base}`)) return false;
        } else if (current.host !== rule.host) {
            return false;
        }

        if (!rule.path) return true;
        return current.path === rule.path || current.path.startsWith(`${rule.path}/`);
    }

    function registerSiteAccessMenuCommands() {
        if (typeof GM_registerMenuCommand !== 'function') return;

        const currentSite = getCurrentSitePattern();
        if (currentSite) {
            if (isCurrentSiteAllowed()) {
                GM_registerMenuCommand(`对话管理：当前站点已启用（${currentSite}）`, () => {
                    showConversationOutlineSettings('settings');
                });
            } else {
                GM_registerMenuCommand(`对话管理：启用当前站点（${currentSite}）`, () => {
                    const result = addCustomSitePattern(currentSite);
                    if (!result.ok) {
                        alert(result.error);
                        return;
                    }
                    alert(`已添加 ${result.pattern}，当前页会启用对话管理工具。`);
                    startConversationManager();
                });
            }
        }

        GM_registerMenuCommand('对话管理：管理匹配站点', () => {
            showConversationOutlineSettings('settings');
        });
    }

    function getUserscriptStoredValue(key, fallback) {
        try {
            if (typeof GM_getValue === 'function') return GM_getValue(key, fallback);
        } catch (error) {
            // 继续使用 localStorage 兜底。
        }

        try {
            const saved = localStorage.getItem(key);
            return saved ? JSON.parse(saved) : fallback;
        } catch (error) {
            return fallback;
        }
    }

    function setUserscriptStoredValue(key, value) {
        try {
            if (typeof GM_setValue === 'function') {
                GM_setValue(key, value);
                return;
            }
        } catch (error) {
            // 继续使用 localStorage 兜底。
        }

        try {
            localStorage.setItem(key, JSON.stringify(value));
        } catch (error) {
            // 存储被站点策略禁用时，只影响自定义站点持久化。
        }
    }

    let isConversationOutlineCollapsed = false;
    let conversationOutlineUpdatePausedUntil = 0;
    let conversationOutlineMode = loadConversationOutlineMode();
    let conversationOutlineLauncherPosition = loadConversationOutlineLauncherPosition();
    let isConversationOutlineLauncherDragging = false;
    let suppressConversationOutlineLauncherClickUntil = 0;
    let outlineEmbeddedLayoutTarget = null;
    let outlineEmbeddedOriginalStyles = null;
    let conversationOutlineScrollMarginElement = null;
    let conversationOutlineScrollMarginValue = '';
    let conversationOutlineScrollMarginTimer = null;
    const OUTLINE_FLOATING_Z_INDEX = '9998';
    const OUTLINE_EMBEDDED_Z_INDEX = '35';

    function createConversationOutline() {
        if (document.querySelector('#conversation-outline')) return;

        const wrapper = document.createElement('div');
        wrapper.id = 'conversation-outline';
        Object.assign(wrapper.style, {
            position: 'fixed',
            right: '14px',
            top: '96px',
            zIndex: OUTLINE_FLOATING_Z_INDEX,
            fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
        });

        const panel = document.createElement('aside');
        panel.id = 'conversation-outline-panel';
        Object.assign(panel.style, {
            width: '260px',
            maxHeight: 'calc(100vh - 128px)',
            overflow: 'hidden',
            borderRadius: '8px',
            border: '1px solid rgba(15, 23, 42, 0.12)',
            background: 'rgba(255, 255, 255, 0.96)',
            boxShadow: '0 14px 32px rgba(15, 23, 42, 0.16)',
            backdropFilter: 'blur(8px)',
            color: '#111827'
        });

        const launcher = document.createElement('button');
        launcher.id = 'conversation-outline-launcher';
        launcher.type = 'button';
        launcher.title = '展开对话目录';
        launcher.setAttribute('aria-label', '展开对话目录');
        Object.assign(launcher.style, {
            width: '44px',
            height: '44px',
            borderRadius: '50%',
            border: 'none',
            display: 'none',
            alignItems: 'center',
            justifyContent: 'center',
            background: '#10a37f',
            color: '#fff',
            cursor: 'pointer',
            fontSize: '20px',
            boxShadow: '0 10px 24px rgba(16, 163, 127, 0.32)',
            padding: '0'
        });
        launcher.textContent = '☰';
        enableConversationOutlineLauncherDrag(launcher);
        launcher.addEventListener('click', event => {
            if (Date.now() < suppressConversationOutlineLauncherClickUntil) {
                event.preventDefault();
                event.stopPropagation();
                return;
            }
            isConversationOutlineCollapsed = false;
            updateConversationOutline(true);
        });

        const header = document.createElement('div');
        Object.assign(header.style, {
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'space-between',
            gap: '8px',
            padding: '9px 10px',
            borderBottom: '1px solid #e5e7eb'
        });

        const titleGroup = document.createElement('div');
        Object.assign(titleGroup.style, {
            display: 'flex',
            alignItems: 'center',
            gap: '6px',
            minWidth: '0'
        });

        const title = document.createElement('span');
        title.textContent = '对话目录';
        Object.assign(title.style, {
            fontSize: '13px',
            fontWeight: '700'
        });

        const count = document.createElement('span');
        count.id = 'conversation-outline-count';
        Object.assign(count.style, {
            color: '#6b7280',
            fontSize: '12px',
            fontWeight: '600'
        });

        const headerControls = document.createElement('div');
        Object.assign(headerControls.style, {
            display: 'flex',
            alignItems: 'center',
            gap: '5px',
            flexShrink: '0'
        });

        const exportButton = createOutlineIconButton(getOutlineIconSvg('download'), '导出');
        exportButton.addEventListener('click', () => showExportDialog());

        const aboutButton = createOutlineIconButton(getOutlineIconSvg('info'), '关于');
        aboutButton.addEventListener('click', () => showConversationOutlineSettings('about'));

        const settingsButton = createOutlineIconButton(getOutlineIconSvg('settings'), '设置');
        settingsButton.addEventListener('click', () => showConversationOutlineSettings('settings'));

        const minimizeButton = createOutlineIconButton('−', '缩小对话目录');
        minimizeButton.addEventListener('click', () => {
            isConversationOutlineCollapsed = true;
            updateConversationOutline(true);
        });

        headerControls.appendChild(exportButton);
        headerControls.appendChild(aboutButton);
        headerControls.appendChild(settingsButton);
        headerControls.appendChild(minimizeButton);
        titleGroup.appendChild(title);
        titleGroup.appendChild(count);
        header.appendChild(titleGroup);
        header.appendChild(headerControls);

        const list = document.createElement('div');
        list.id = 'conversation-outline-list';
        Object.assign(list.style, {
            maxHeight: 'calc(100vh - 176px)',
            overflowY: 'auto',
            padding: '6px'
        });

        panel.appendChild(header);
        panel.appendChild(list);
        wrapper.appendChild(panel);
        wrapper.appendChild(launcher);
        document.body.appendChild(wrapper);

        updateConversationOutline(true);
    }

    function updateConversationOutline(force = false) {
        const wrapper = document.querySelector('#conversation-outline');
        if (!wrapper) return;

        if (!force && Date.now() < conversationOutlineUpdatePausedUntil) return;

        const panel = wrapper.querySelector('#conversation-outline-panel');
        const launcher = wrapper.querySelector('#conversation-outline-launcher');
        const list = wrapper.querySelector('#conversation-outline-list');
        const count = wrapper.querySelector('#conversation-outline-count');

        if (isConversationOutlineCollapsed) {
            if (!isConversationOutlineLauncherDragging) {
                applyConversationOutlineLayout(wrapper, panel, launcher, true);
            }
            panel.style.display = 'none';
            launcher.style.display = 'inline-flex';
            return;
        }

        applyConversationOutlineLayout(wrapper, panel, launcher, false);
        panel.style.display = 'block';
        launcher.style.display = 'none';

        const userMessages = getChatMessages()
            .map((message, index) => ({message, index}))
            .filter(item => item.message.role === 'User' && item.message.element);

        count.textContent = `${userMessages.length}`;
        list.innerHTML = '';

        if (!userMessages.length) {
            list.appendChild(createConversationOutlineEmptyItem());
            return;
        }

        userMessages.forEach((item, userIndex) => {
            list.appendChild(createConversationOutlineItem(item.message, userIndex));
        });
    }

    function createConversationOutlineItem(message, userIndex) {
        const button = document.createElement('button');
        button.type = 'button';
        button.title = message.text || '';
        Object.assign(button.style, {
            width: '100%',
            display: 'grid',
            gridTemplateColumns: '24px minmax(0, 1fr)',
            gap: '7px',
            alignItems: 'start',
            border: 'none',
            borderRadius: '6px',
            padding: '7px',
            background: 'transparent',
            color: '#111827',
            cursor: 'pointer',
            textAlign: 'left'
        });

        const index = document.createElement('span');
        index.textContent = String(userIndex + 1);
        Object.assign(index.style, {
            display: 'inline-flex',
            alignItems: 'center',
            justifyContent: 'center',
            width: '22px',
            height: '22px',
            borderRadius: '50%',
            background: '#e0f2fe',
            color: '#0369a1',
            fontSize: '11px',
            fontWeight: '700'
        });

        const text = document.createElement('span');
        text.textContent = getConversationOutlineText(message);
        Object.assign(text.style, {
            minWidth: '0',
            fontSize: '12px',
            lineHeight: '17px',
            color: '#374151',
            overflow: 'hidden',
            display: '-webkit-box',
            WebkitLineClamp: '2',
            WebkitBoxOrient: 'vertical'
        });

        button.addEventListener('mouseenter', () => {
            button.style.background = '#f3f4f6';
        });
        button.addEventListener('mouseleave', () => {
            button.style.background = 'transparent';
        });
        button.addEventListener('click', event => {
            event.preventDefault();
            event.stopPropagation();
            scrollToConversationMessage(message.element);
        });

        button.appendChild(index);
        button.appendChild(text);
        return button;
    }

    function createConversationOutlineEmptyItem() {
        const item = document.createElement('div');
        item.textContent = '暂未识别到用户发话';
        Object.assign(item.style, {
            padding: '12px 8px',
            color: '#6b7280',
            fontSize: '12px',
            lineHeight: '18px'
        });
        return item;
    }

    function createOutlineIconButton(text, label) {
        const button = document.createElement('button');
        button.type = 'button';
        button.title = label;
        button.setAttribute('aria-label', label);
        Object.assign(button.style, {
            width: '28px',
            height: '28px',
            border: 'none',
            borderRadius: '6px',
            background: '#f3f4f6',
            color: '#111827',
            cursor: 'pointer',
            display: 'inline-flex',
            alignItems: 'center',
            justifyContent: 'center',
            fontSize: '18px',
            lineHeight: '28px',
            padding: '0'
        });
        if (text instanceof Node) {
            button.appendChild(text);
        } else {
            button.textContent = text;
        }
        return button;
    }

    function getOutlineIconSvg(name) {
        const paths = {
            download: [
                '<path d="M12 3v11"></path>',
                '<path d="m7 10 5 5 5-5"></path>',
                '<path d="M5 21h14"></path>'
            ],
            info: [
                '<circle cx="12" cy="12" r="9"></circle>',
                '<path d="M12 11v5"></path>',
                '<path d="M12 8h.01"></path>'
            ],
            settings: [
                '<path d="M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"></path>',
                '<path d="M19.4 15a1.7 1.7 0 0 0 .34 1.87l.04.04a2 2 0 0 1-2.83 2.83l-.04-.04a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1.04 1.56V21a2 2 0 0 1-4 0v-.08A1.7 1.7 0 0 0 9 19.36a1.7 1.7 0 0 0-1.87.34l-.04.04a2 2 0 0 1-2.83-2.83l.04-.04A1.7 1.7 0 0 0 4.64 15 1.7 1.7 0 0 0 3.08 14H3a2 2 0 0 1 0-4h.08A1.7 1.7 0 0 0 4.64 9a1.7 1.7 0 0 0-.34-1.87l-.04-.04a2 2 0 0 1 2.83-2.83l.04.04A1.7 1.7 0 0 0 9 4.64 1.7 1.7 0 0 0 10 3.08V3a2 2 0 0 1 4 0v.08a1.7 1.7 0 0 0 1.04 1.56 1.7 1.7 0 0 0 1.87-.34l.04-.04a2 2 0 0 1 2.83 2.83l-.04.04A1.7 1.7 0 0 0 19.36 9c.21.61.79 1 1.56 1H21a2 2 0 0 1 0 4h-.08A1.7 1.7 0 0 0 19.4 15Z"></path>'
            ]
        };
        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
        svg.setAttribute('viewBox', '0 0 24 24');
        svg.setAttribute('width', '16');
        svg.setAttribute('height', '16');
        svg.setAttribute('fill', 'none');
        svg.setAttribute('stroke', 'currentColor');
        svg.setAttribute('stroke-width', '2');
        svg.setAttribute('stroke-linecap', 'round');
        svg.setAttribute('stroke-linejoin', 'round');
        svg.setAttribute('aria-hidden', 'true');
        svg.innerHTML = paths[name].join('');
        return svg;
    }

    function showConversationOutlineSettings(initialPanel = 'settings') {
        const existing = document.querySelector('#conversation-outline-settings-modal');
        if (existing) existing.remove();

        const overlay = document.createElement('div');
        overlay.id = 'conversation-outline-settings-modal';
        Object.assign(overlay.style, {
            position: 'fixed',
            inset: '0',
            zIndex: '10003',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            padding: '18px',
            background: 'rgba(15, 23, 42, 0.28)',
            fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
        });

        const dialog = document.createElement('div');
        Object.assign(dialog.style, {
            width: 'min(440px, calc(100vw - 36px))',
            borderRadius: '8px',
            background: '#fff',
            color: '#111827',
            boxShadow: '0 24px 60px rgba(15, 23, 42, 0.28)',
            border: '1px solid rgba(15, 23, 42, 0.1)',
            overflow: 'hidden'
        });

        const header = document.createElement('div');
        Object.assign(header.style, {
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'space-between',
            padding: '13px 14px',
            borderBottom: '1px solid #e5e7eb'
        });

        const title = document.createElement('div');
        title.textContent = '菜单';
        Object.assign(title.style, {
            fontSize: '15px',
            fontWeight: '700'
        });

        const closeButton = createOutlineIconButton('×', '关闭菜单');
        closeButton.style.width = '30px';
        closeButton.style.height = '30px';
        closeButton.style.lineHeight = '30px';

        const body = document.createElement('div');
        Object.assign(body.style, {
            padding: '14px',
            display: 'grid',
            gap: '12px'
        });

        const tabs = document.createElement('div');
        Object.assign(tabs.style, {
            display: 'grid',
            gridTemplateColumns: '1fr 1fr',
            gap: '4px',
            padding: '3px',
            borderRadius: '7px',
            background: '#f3f4f6'
        });

        const settingsTab = createSettingsPanelTab('设置');
        const aboutTab = createSettingsPanelTab('关于');
        tabs.appendChild(settingsTab);
        tabs.appendChild(aboutTab);

        const settingsPanel = document.createElement('div');
        Object.assign(settingsPanel.style, {
            display: 'grid',
            gap: '12px'
        });

        const aboutPanel = document.createElement('div');
        Object.assign(aboutPanel.style, {
            display: 'grid',
            gap: '10px'
        });

        const modeLabel = document.createElement('label');
        Object.assign(modeLabel.style, {
            display: 'grid',
            gap: '6px',
            fontSize: '13px',
            fontWeight: '700',
            color: '#374151'
        });
        modeLabel.textContent = '目录显示方式';

        const modeSelect = document.createElement('select');
        Object.assign(modeSelect.style, {
            height: '34px',
            border: '1px solid #d1d5db',
            borderRadius: '6px',
            background: '#fff',
            color: '#111827',
            fontSize: '13px',
            padding: '0 9px'
        });
        [
            {value: OUTLINE_MODE_FLOATING, label: '悬浮目录'},
            {value: OUTLINE_MODE_EMBEDDED, label: '嵌入右侧'}
        ].forEach(option => {
            const item = document.createElement('option');
            item.value = option.value;
            item.textContent = option.label;
            modeSelect.appendChild(item);
        });
        modeSelect.value = conversationOutlineMode;
        modeSelect.addEventListener('change', () => {
            conversationOutlineMode = modeSelect.value;
            saveConversationOutlineMode(conversationOutlineMode);
            updateConversationOutline(true);
        });

        function closeSettings() {
            document.removeEventListener('keydown', handleKeydown);
            overlay.remove();
        }

        function handleKeydown(event) {
            if (event.key === 'Escape') closeSettings();
        }

        const modeHint = document.createElement('div');
        modeHint.textContent = '控制右侧对话目录是浮在页面上，还是嵌入到页面右侧。';
        Object.assign(modeHint.style, {
            color: '#6b7280',
            fontSize: '12px',
            fontWeight: '400',
            lineHeight: '17px'
        });

        const siteSection = document.createElement('div');
        Object.assign(siteSection.style, {
            display: 'grid',
            gap: '8px'
        });

        const siteTitle = document.createElement('div');
        siteTitle.textContent = '匹配站点';
        Object.assign(siteTitle.style, {
            fontSize: '13px',
            fontWeight: '700',
            color: '#374151'
        });

        const currentSiteStatus = createSettingsHint('');
        const siteHint = createSettingsHint('自定义站点保存后会在这些域名或路径前缀上启用工具。每次添加一个域名或 URL，支持 *.example.com 和 example.com/c。');

        const siteInputRow = document.createElement('div');
        Object.assign(siteInputRow.style, {
            display: 'grid',
            gridTemplateColumns: 'minmax(0, 1fr) auto',
            gap: '8px'
        });

        const siteInput = document.createElement('input');
        siteInput.type = 'text';
        siteInput.placeholder = 'pro2.ai2.bar 或 https://rawchat.cn/c';
        Object.assign(siteInput.style, {
            minWidth: '0',
            height: '34px',
            border: '1px solid #d1d5db',
            borderRadius: '6px',
            background: '#fff',
            color: '#111827',
            fontSize: '13px',
            padding: '0 9px'
        });

        const addSiteButton = createSettingsActionButton('添加');
        const addCurrentSiteButton = createSettingsSecondaryButton('添加当前站点');
        const siteMessage = createSettingsHint('');
        const customSiteList = document.createElement('div');
        Object.assign(customSiteList.style, {
            display: 'grid',
            gap: '6px'
        });

        function updateCurrentSiteStatus() {
            const currentSite = getCurrentSitePattern();
            currentSiteStatus.textContent = currentSite
                ? `当前站点：${currentSite}（${isCurrentSiteAllowed() ? '已启用' : '未启用'}）`
                : '当前站点：无法识别';
            addCurrentSiteButton.disabled = !currentSite || isCurrentSiteAllowed();
            addCurrentSiteButton.style.opacity = addCurrentSiteButton.disabled ? '0.45' : '1';
            addCurrentSiteButton.style.cursor = addCurrentSiteButton.disabled ? 'not-allowed' : 'pointer';
        }

        function showSiteMessage(text, isError = false) {
            siteMessage.textContent = text;
            siteMessage.style.color = isError ? '#b91c1c' : '#6b7280';
        }

        function renderCustomSiteList() {
            customSiteList.innerHTML = '';
            const patterns = loadCustomSitePatterns();

            if (!patterns.length) {
                const empty = createSettingsHint('还没有自定义站点。');
                customSiteList.appendChild(empty);
                updateCurrentSiteStatus();
                return;
            }

            patterns.forEach(pattern => {
                const row = document.createElement('div');
                Object.assign(row.style, {
                    display: 'grid',
                    gridTemplateColumns: 'minmax(0, 1fr) auto',
                    alignItems: 'center',
                    gap: '8px',
                    padding: '8px 9px',
                    border: '1px solid #e5e7eb',
                    borderRadius: '6px',
                    background: '#f9fafb'
                });

                const text = document.createElement('div');
                text.textContent = pattern;
                Object.assign(text.style, {
                    minWidth: '0',
                    overflow: 'hidden',
                    textOverflow: 'ellipsis',
                    whiteSpace: 'nowrap',
                    color: '#374151',
                    fontSize: '12px',
                    lineHeight: '18px'
                });

                const removeButton = createSettingsSecondaryButton('移除');
                removeButton.addEventListener('click', () => {
                    removeCustomSitePattern(pattern);
                    renderCustomSiteList();
                    showSiteMessage('已移除，刷新对应站点页面后生效。');
                });

                row.appendChild(text);
                row.appendChild(removeButton);
                customSiteList.appendChild(row);
            });

            updateCurrentSiteStatus();
        }

        function addSiteFromInput(input) {
            const result = addCustomSitePattern(input);
            if (!result.ok) {
                showSiteMessage(result.error, true);
                return;
            }

            siteInput.value = '';
            renderCustomSiteList();
            if (isCurrentSiteAllowed()) startConversationManager();
            showSiteMessage(result.changed ? `已添加 ${result.pattern}。` : `${result.pattern} 已经在匹配列表中。`);
        }

        addSiteButton.addEventListener('click', () => addSiteFromInput(siteInput.value));
        siteInput.addEventListener('keydown', event => {
            if (event.key === 'Enter') {
                event.preventDefault();
                addSiteFromInput(siteInput.value);
            }
        });
        addCurrentSiteButton.addEventListener('click', () => addSiteFromInput(getCurrentSitePattern()));

        siteInputRow.appendChild(siteInput);
        siteInputRow.appendChild(addSiteButton);
        siteSection.appendChild(siteTitle);
        siteSection.appendChild(currentSiteStatus);
        siteSection.appendChild(siteHint);
        siteSection.appendChild(siteInputRow);
        siteSection.appendChild(addCurrentSiteButton);
        siteSection.appendChild(customSiteList);
        siteSection.appendChild(siteMessage);
        renderCustomSiteList();

        const aboutTitle = document.createElement('div');
        aboutTitle.textContent = '关于';
        Object.assign(aboutTitle.style, {
            fontSize: '13px',
            fontWeight: '700',
            color: '#374151'
        });

        const aboutInfo = document.createElement('div');
        Object.assign(aboutInfo.style, {
            padding: '10px 11px',
            border: '1px solid #e5e7eb',
            borderRadius: '7px',
            color: '#6b7280',
            fontSize: '12px',
            lineHeight: '18px',
            background: '#f9fafb',
            display: 'grid',
            gap: '6px'
        });

        const apiLink = document.createElement('a');
        apiLink.href = API_SITE_URL;
        apiLink.target = '_blank';
        apiLink.rel = 'noopener noreferrer';
        apiLink.textContent = 'api站：aio.folksaying.cn';
        apiLink.title = '新建页面打开 api 站';
        Object.assign(apiLink.style, {
            color: '#2563eb',
            fontWeight: '700',
            textDecoration: 'none'
        });
        apiLink.addEventListener('mouseenter', () => {
            apiLink.style.textDecoration = 'underline';
        });
        apiLink.addEventListener('mouseleave', () => {
            apiLink.style.textDecoration = 'none';
        });

        const feedbackLink = document.createElement('a');
        feedbackLink.href = FEEDBACK_URL;
        feedbackLink.target = '_blank';
        feedbackLink.rel = 'noopener noreferrer';
        feedbackLink.textContent = '反馈地址：GitHub Issues';
        feedbackLink.title = '新建页面打开反馈地址';
        Object.assign(feedbackLink.style, {
            color: '#2563eb',
            fontWeight: '700',
            textDecoration: 'none'
        });
        feedbackLink.addEventListener('mouseenter', () => {
            feedbackLink.style.textDecoration = 'underline';
        });
        feedbackLink.addEventListener('mouseleave', () => {
            feedbackLink.style.textDecoration = 'none';
        });

        function switchPanel(panelName) {
            const isAbout = panelName === 'about';
            settingsPanel.style.display = isAbout ? 'none' : 'grid';
            aboutPanel.style.display = isAbout ? 'grid' : 'none';
            applySettingsPanelTabState(settingsTab, !isAbout);
            applySettingsPanelTabState(aboutTab, isAbout);
        }

        settingsTab.addEventListener('click', () => switchPanel('settings'));
        aboutTab.addEventListener('click', () => switchPanel('about'));

        modeLabel.appendChild(modeSelect);
        modeLabel.appendChild(modeHint);
        settingsPanel.appendChild(modeLabel);
        settingsPanel.appendChild(siteSection);
        aboutPanel.appendChild(aboutTitle);
        aboutInfo.appendChild(apiLink);
        aboutInfo.appendChild(feedbackLink);
        aboutPanel.appendChild(aboutInfo);
        body.appendChild(tabs);
        body.appendChild(settingsPanel);
        body.appendChild(aboutPanel);
        header.appendChild(title);
        header.appendChild(closeButton);
        dialog.appendChild(header);
        dialog.appendChild(body);
        overlay.appendChild(dialog);
        document.body.appendChild(overlay);

        closeButton.addEventListener('click', closeSettings);
        overlay.addEventListener('click', event => {
            if (event.target === overlay) closeSettings();
        });
        document.addEventListener('keydown', handleKeydown);
        switchPanel(initialPanel === 'about' ? 'about' : 'settings');
    }

    function createSettingsPanelTab(label) {
        const button = document.createElement('button');
        button.type = 'button';
        button.textContent = label;
        Object.assign(button.style, {
            height: '28px',
            border: 'none',
            borderRadius: '5px',
            background: 'transparent',
            color: '#4b5563',
            cursor: 'pointer',
            fontSize: '12px',
            fontWeight: '700'
        });
        return button;
    }

    function applySettingsPanelTabState(button, active) {
        button.style.background = active ? '#fff' : 'transparent';
        button.style.color = active ? '#111827' : '#4b5563';
        button.style.boxShadow = active ? '0 1px 2px rgba(15, 23, 42, 0.08)' : 'none';
    }

    function createSettingsHint(text) {
        const hint = document.createElement('div');
        hint.textContent = text;
        Object.assign(hint.style, {
            color: '#6b7280',
            fontSize: '12px',
            fontWeight: '400',
            lineHeight: '17px'
        });
        return hint;
    }

    function createSettingsActionButton(label) {
        const button = document.createElement('button');
        button.type = 'button';
        button.textContent = label;
        Object.assign(button.style, {
            minWidth: '56px',
            height: '34px',
            border: 'none',
            borderRadius: '6px',
            background: '#111827',
            color: '#fff',
            cursor: 'pointer',
            fontSize: '13px',
            fontWeight: '700',
            padding: '0 12px'
        });
        return button;
    }

    function createSettingsSecondaryButton(label) {
        const button = document.createElement('button');
        button.type = 'button';
        button.textContent = label;
        Object.assign(button.style, {
            minWidth: '54px',
            height: '30px',
            border: '1px solid #d1d5db',
            borderRadius: '6px',
            background: '#fff',
            color: '#374151',
            cursor: 'pointer',
            fontSize: '12px',
            fontWeight: '700',
            padding: '0 10px'
        });
        return button;
    }

    function loadConversationOutlineMode() {
        try {
            const saved = localStorage.getItem(OUTLINE_MODE_STORAGE_KEY);
            return saved === OUTLINE_MODE_EMBEDDED ? OUTLINE_MODE_EMBEDDED : OUTLINE_MODE_FLOATING;
        } catch (error) {
            return OUTLINE_MODE_FLOATING;
        }
    }

    function saveConversationOutlineMode(mode) {
        try {
            localStorage.setItem(OUTLINE_MODE_STORAGE_KEY, mode);
        } catch (error) {
            // localStorage 可能被站点策略禁用，当前页面切换仍然生效。
        }
    }

    function loadConversationOutlineLauncherPosition() {
        const fallback = getDefaultConversationOutlineLauncherPosition();
        try {
            const saved = JSON.parse(localStorage.getItem(OUTLINE_LAUNCHER_POSITION_STORAGE_KEY) || 'null');
            if (!saved || typeof saved !== 'object') return fallback;
            if (!['left', 'right'].includes(saved.horizontal)) return fallback;
            if (!['top', 'bottom'].includes(saved.vertical)) return fallback;
            if (!Number.isFinite(saved.x) || !Number.isFinite(saved.y)) return fallback;
            return {
                horizontal: saved.horizontal,
                vertical: saved.vertical,
                x: Math.max(8, Math.round(saved.x)),
                y: Math.max(8, Math.round(saved.y))
            };
        } catch (error) {
            return fallback;
        }
    }

    function saveConversationOutlineLauncherPosition(position) {
        conversationOutlineLauncherPosition = position;
        try {
            localStorage.setItem(OUTLINE_LAUNCHER_POSITION_STORAGE_KEY, JSON.stringify(position));
        } catch (error) {
            // localStorage 可能被站点策略禁用，当前页面拖动仍然生效。
        }
    }

    function getDefaultConversationOutlineLauncherPosition() {
        return {
            horizontal: 'right',
            vertical: 'bottom',
            x: 14,
            y: 106
        };
    }

    function applyConversationOutlineLayout(wrapper, panel, launcher, collapsed) {
        const embedded = conversationOutlineMode === OUTLINE_MODE_EMBEDDED && !collapsed && window.innerWidth >= 1100;
        let embeddedTopOffset = 0;

        if (embedded) {
            embeddedTopOffset = getConversationOutlineTopOffset();
            applyEmbeddedContentInset();
            Object.assign(wrapper.style, {
                position: 'fixed',
                top: `${embeddedTopOffset}px`,
                right: '0',
                bottom: '0',
                left: 'auto',
                width: '284px',
                height: 'auto',
                zIndex: OUTLINE_EMBEDDED_Z_INDEX
            });
            Object.assign(panel.style, {
                width: '284px',
                height: `calc(100vh - ${embeddedTopOffset}px)`,
                maxHeight: `calc(100vh - ${embeddedTopOffset}px)`,
                borderRadius: '0',
                borderTop: 'none',
                borderRight: 'none',
                borderBottom: 'none',
                borderLeft: '1px solid #e5e7eb',
                boxShadow: 'none'
            });
        } else {
            restoreEmbeddedContentInset();
            const launcherPosition = collapsed ? getConversationOutlineLauncherPositionStyles() : null;
            Object.assign(wrapper.style, {
                position: 'fixed',
                top: collapsed ? launcherPosition.top : '96px',
                right: collapsed ? launcherPosition.right : '14px',
                bottom: collapsed ? launcherPosition.bottom : 'auto',
                left: collapsed ? launcherPosition.left : 'auto',
                width: collapsed ? '44px' : '260px',
                height: collapsed ? '44px' : 'auto',
                zIndex: OUTLINE_FLOATING_Z_INDEX
            });
            Object.assign(panel.style, {
                width: '260px',
                height: 'auto',
                maxHeight: 'calc(100vh - 128px)',
                borderRadius: '8px',
                border: '1px solid rgba(15, 23, 42, 0.12)',
                borderLeft: '1px solid rgba(15, 23, 42, 0.12)',
                boxShadow: '0 14px 32px rgba(15, 23, 42, 0.16)'
            });
        }

        const list = panel.querySelector('#conversation-outline-list');
        if (list) {
            list.style.maxHeight = embedded
                ? `calc(100vh - ${embeddedTopOffset + 72}px)`
                : 'calc(100vh - 176px)';
        }
    }

    function getConversationOutlineLauncherPositionStyles() {
        const position = conversationOutlineLauncherPosition || getDefaultConversationOutlineLauncherPosition();
        const maxX = Math.max(window.innerWidth - 52, 8);
        const maxY = Math.max(window.innerHeight - 52, 8);
        const x = clampNumber(position.x, 8, maxX);
        const y = clampNumber(position.y, 8, maxY);

        return {
            top: position.vertical === 'top' ? `${y}px` : 'auto',
            right: position.horizontal === 'right' ? `${x}px` : 'auto',
            bottom: position.vertical === 'bottom' ? `${y}px` : 'auto',
            left: position.horizontal === 'left' ? `${x}px` : 'auto'
        };
    }

    function enableConversationOutlineLauncherDrag(launcher) {
        let dragStart = null;

        launcher.addEventListener('pointerdown', event => {
            if (event.button !== undefined && event.button !== 0) return;
            if (!isConversationOutlineCollapsed) return;

            const wrapper = launcher.closest('#conversation-outline');
            if (!wrapper) return;

            const rect = wrapper.getBoundingClientRect();
            dragStart = {
                pointerId: event.pointerId,
                x: event.clientX,
                y: event.clientY,
                left: rect.left,
                top: rect.top,
                width: rect.width || 44,
                height: rect.height || 44,
                moved: false
            };
            isConversationOutlineLauncherDragging = true;
            conversationOutlineUpdatePausedUntil = Date.now() + 1000;
            launcher.setPointerCapture(event.pointerId);
            document.body.style.userSelect = 'none';
        });

        launcher.addEventListener('pointermove', event => {
            if (!dragStart || event.pointerId !== dragStart.pointerId) return;

            const deltaX = event.clientX - dragStart.x;
            const deltaY = event.clientY - dragStart.y;
            if (Math.abs(deltaX) > 4 || Math.abs(deltaY) > 4) {
                dragStart.moved = true;
            }
            if (!dragStart.moved) return;

            event.preventDefault();
            const wrapper = launcher.closest('#conversation-outline');
            if (!wrapper) return;

            const left = clampNumber(dragStart.left + deltaX, 8, Math.max(window.innerWidth - dragStart.width - 8, 8));
            const top = clampNumber(dragStart.top + deltaY, 8, Math.max(window.innerHeight - dragStart.height - 8, 8));
            Object.assign(wrapper.style, {
                left: `${left}px`,
                top: `${top}px`,
                right: 'auto',
                bottom: 'auto'
            });
        });

        function finishDrag(event) {
            if (!dragStart || event.pointerId !== dragStart.pointerId) return;

            const wrapper = launcher.closest('#conversation-outline');
            if (wrapper && dragStart.moved) {
                saveConversationOutlineLauncherPosition(getConversationOutlineLauncherPositionFromRect(wrapper.getBoundingClientRect()));
                suppressConversationOutlineLauncherClickUntil = Date.now() + 250;
            }

            try {
                launcher.releasePointerCapture(event.pointerId);
            } catch (error) {
                // 指针可能已经由浏览器释放。
            }
            document.body.style.userSelect = '';
            isConversationOutlineLauncherDragging = false;
            dragStart = null;
            updateConversationOutline(true);
        }

        launcher.addEventListener('pointerup', finishDrag);
        launcher.addEventListener('pointercancel', finishDrag);
    }

    function getConversationOutlineLauncherPositionFromRect(rect) {
        const width = rect.width || 44;
        const height = rect.height || 44;
        const left = clampNumber(rect.left, 8, Math.max(window.innerWidth - width - 8, 8));
        const top = clampNumber(rect.top, 8, Math.max(window.innerHeight - height - 8, 8));
        const right = Math.max(window.innerWidth - left - width, 8);
        const bottom = Math.max(window.innerHeight - top - height, 8);
        const horizontal = left <= right ? 'left' : 'right';
        const vertical = top <= bottom ? 'top' : 'bottom';

        return {
            horizontal,
            vertical,
            x: Math.round(horizontal === 'left' ? left : right),
            y: Math.round(vertical === 'top' ? top : bottom)
        };
    }

    function clampNumber(value, min, max) {
        return Math.min(Math.max(value, min), max);
    }

    function getConversationOutlineTopOffset() {
        const candidates = Array.from(document.querySelectorAll('header, [role="banner"], nav, [class*="header"], [class*="topbar"], [class*="navbar"]'));
        let maxBottom = 0;

        candidates.forEach(element => {
            if (element.closest('#conversation-outline')) return;
            if (isConversationMessageLayoutElement(element)) return;
            const style = window.getComputedStyle(element);
            if (style.position !== 'fixed' && style.position !== 'sticky') return;

            const rect = element.getBoundingClientRect();
            if (rect.top <= 4 && rect.height > 24 && rect.height < 120 && rect.width > window.innerWidth * 0.4) {
                maxBottom = Math.max(maxBottom, rect.bottom);
            }
        });

        getRightTopOccupiedElements().forEach(element => {
            const rect = element.getBoundingClientRect();
            if (rect.bottom > 24 && rect.bottom < 160) {
                maxBottom = Math.max(maxBottom, rect.bottom);
            }
        });

        return Math.min(Math.max(Math.ceil(maxBottom), 0), 96);
    }

    function getRightTopOccupiedElements() {
        const elements = new Set();
        const sampleX = Math.max(window.innerWidth - 142, 0);
        [12, 28, 48, 72, 96].forEach(y => {
            document.elementsFromPoint(sampleX, y).forEach(element => {
                const obstacle = getRightTopLayoutObstacle(element);
                if (!obstacle) return;
                elements.add(obstacle);
            });
        });
        return Array.from(elements);
    }

    function getRightTopLayoutObstacle(element) {
        if (!element || element === document.body || element === document.documentElement) return false;
        if (element.closest('#conversation-outline')) return false;
        if (isConversationMessageLayoutElement(element)) return false;

        const obstacle = findFixedOrStickyAncestor(element);
        if (!obstacle) return false;
        if (isConversationMessageLayoutElement(obstacle)) return false;

        const rect = obstacle.getBoundingClientRect();
        if (rect.width < 16 || rect.height < 16) return false;
        if (rect.top > 120 || rect.bottom <= 0) return false;
        if (rect.right < window.innerWidth - 320) return false;

        const style = window.getComputedStyle(obstacle);
        if (style.visibility === 'hidden' || style.display === 'none' || style.pointerEvents === 'none') return false;
        return obstacle;
    }

    function findFixedOrStickyAncestor(element) {
        let current = element;
        while (current && current !== document.body && current !== document.documentElement) {
            if (current.closest && current.closest('#conversation-outline')) return null;
            if (isConversationMessageLayoutElement(current)) return null;

            const style = window.getComputedStyle(current);
            if (style.position === 'fixed' || style.position === 'sticky') {
                return current;
            }
            current = current.parentElement;
        }
        return null;
    }

    function isConversationMessageLayoutElement(element) {
        if (!element || !element.closest) return false;
        return Boolean(element.closest('[data-testid^="conversation-turn-"], [data-message-author-role]'));
    }

    function applyEmbeddedContentInset() {
        const target = findConversationLayoutTarget();
        if (!target) return;

        if (outlineEmbeddedLayoutTarget !== target) {
            restoreEmbeddedContentInset();
            outlineEmbeddedLayoutTarget = target;
            outlineEmbeddedOriginalStyles = {
                marginRight: target.style.marginRight,
                maxWidth: target.style.maxWidth,
                width: target.style.width,
                transition: target.style.transition
            };
        }

        Object.assign(target.style, {
            marginRight: '300px',
            maxWidth: 'calc(100% - 300px)',
            transition: target.style.transition || 'margin-right 120ms ease, max-width 120ms ease'
        });
    }

    function restoreEmbeddedContentInset() {
        if (!outlineEmbeddedLayoutTarget || !outlineEmbeddedOriginalStyles) return;

        Object.assign(outlineEmbeddedLayoutTarget.style, outlineEmbeddedOriginalStyles);
        outlineEmbeddedLayoutTarget = null;
        outlineEmbeddedOriginalStyles = null;
    }

    function findConversationLayoutTarget() {
        const turn = document.querySelector('[data-testid^="conversation-turn-"]');
        if (turn) {
            const main = turn.closest('main, [role="main"]');
            if (main) return main;

            const scrollContainer = getScrollableContainer(turn);
            if (scrollContainer && scrollContainer !== document.scrollingElement && scrollContainer !== document.documentElement) {
                return scrollContainer;
            }

            let current = turn.parentElement;
            while (current && current !== document.body) {
                const rect = current.getBoundingClientRect();
                if (rect.width > 640 && rect.height > 300) return current;
                current = current.parentElement;
            }
        }

        return document.querySelector('main, [role="main"]') || document.body;
    }

    function scrollToConversationMessage(element) {
        if (!element || !element.getBoundingClientRect) return;

        conversationOutlineUpdatePausedUntil = Date.now() + 1800;
        setTemporaryConversationScrollMargin(element, '72px', 1600);
        element.scrollIntoView({behavior: 'auto', block: 'start', inline: 'nearest'});

        [0, 80, 180, 360, 720].forEach(delay => {
            setTimeout(() => alignConversationMessageInView(element), delay);
        });
    }

    function setTemporaryConversationScrollMargin(element, value, duration) {
        if (conversationOutlineScrollMarginElement && conversationOutlineScrollMarginElement !== element) {
            conversationOutlineScrollMarginElement.style.scrollMarginTop = conversationOutlineScrollMarginValue;
        }

        if (conversationOutlineScrollMarginElement !== element) {
            conversationOutlineScrollMarginElement = element;
            conversationOutlineScrollMarginValue = element.style.scrollMarginTop;
        }

        element.style.scrollMarginTop = value;
        clearTimeout(conversationOutlineScrollMarginTimer);
        conversationOutlineScrollMarginTimer = setTimeout(() => {
            if (conversationOutlineScrollMarginElement) {
                conversationOutlineScrollMarginElement.style.scrollMarginTop = conversationOutlineScrollMarginValue;
            }
            conversationOutlineScrollMarginElement = null;
            conversationOutlineScrollMarginValue = '';
            conversationOutlineScrollMarginTimer = null;
        }, duration);
    }

    function alignConversationMessageInView(element) {
        if (!element || !element.isConnected || !element.getBoundingClientRect) return;

        const rect = element.getBoundingClientRect();
        const targetTop = 72;
        if (Math.abs(rect.top - targetTop) <= 4) return;

        const scroller = getScrollableContainer(element);
        const scrollerRect = scroller === document.scrollingElement
            ? {top: 0}
            : scroller.getBoundingClientRect();
        const nextTop = scroller.scrollTop + rect.top - scrollerRect.top - targetTop;

        if (typeof scroller.scrollTo === 'function') {
            scroller.scrollTo({top: nextTop, behavior: 'auto'});
        } else {
            scroller.scrollTop = nextTop;
        }
    }

    function getScrollableContainer(element) {
        let current = element.parentElement;
        while (current && current !== document.body) {
            const style = window.getComputedStyle(current);
            if (/(auto|scroll)/.test(style.overflowY) && current.scrollHeight > current.clientHeight) {
                return current;
            }
            current = current.parentElement;
        }
        return document.scrollingElement || document.documentElement;
    }

    function getConversationOutlineText(message) {
        return (message.text || message.markdown || '')
            .replace(/\s+/g, ' ')
            .trim()
            .slice(0, 80) || '(空消息)';
    }

    function showExportDialog(defaultAction = 'markdown') {
        let existing = document.querySelector('#export-preview-modal');
        if (existing) existing.remove();

        const overlay = document.createElement('div');
        overlay.id = 'export-preview-modal';
        Object.assign(overlay.style, {
            position: 'fixed',
            inset: '0',
            zIndex: '10002',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            padding: '18px',
            background: 'rgba(15, 23, 42, 0.28)'
        });

        const dialog = document.createElement('div');
        Object.assign(dialog.style, {
            width: 'min(620px, calc(100vw - 36px))',
            borderRadius: '8px',
            background: '#fff',
            color: '#111827',
            boxShadow: '0 24px 60px rgba(15, 23, 42, 0.28)',
            border: '1px solid rgba(15, 23, 42, 0.1)',
            overflow: 'hidden',
            fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
        });

        const header = document.createElement('div');
        Object.assign(header.style, {
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'space-between',
            padding: '14px 16px',
            borderBottom: '1px solid #e5e7eb'
        });

        const title = document.createElement('div');
        title.textContent = '导出';
        Object.assign(title.style, {
            fontSize: '16px',
            fontWeight: '700'
        });

        const closeButton = document.createElement('button');
        closeButton.type = 'button';
        closeButton.textContent = '×';
        closeButton.setAttribute('aria-label', '关闭导出');
        Object.assign(closeButton.style, {
            width: '30px',
            height: '30px',
            border: 'none',
            borderRadius: '6px',
            background: '#f3f4f6',
            color: '#111827',
            cursor: 'pointer',
            fontSize: '20px',
            lineHeight: '30px',
            padding: '0'
        });

        header.appendChild(title);
        header.appendChild(closeButton);

        const body = document.createElement('div');
        Object.assign(body.style, {
            padding: '16px',
            display: 'grid',
            gap: '14px'
        });

        const rangeLabel = document.createElement('label');
        rangeLabel.textContent = '导出范围';
        Object.assign(rangeLabel.style, {
            display: 'grid',
            gap: '6px',
            fontSize: '13px',
            fontWeight: '600'
        });

        const rangeSelect = document.createElement('select');
        Object.assign(rangeSelect.style, {
            height: '36px',
            borderRadius: '6px',
            border: '1px solid #d1d5db',
            padding: '0 10px',
            fontSize: '14px',
            background: '#fff'
        });

        getExportRangeOptions().forEach(option => {
            const item = document.createElement('option');
            item.value = option.value;
            item.textContent = option.label;
            rangeSelect.appendChild(item);
        });

        rangeLabel.appendChild(rangeSelect);

        const selectionTools = document.createElement('div');
        Object.assign(selectionTools.style, {
            display: 'none',
            gap: '8px',
            flexWrap: 'wrap'
        });

        const selectAllButton = createSecondaryButton('全选');
        const clearSelectionButton = createSecondaryButton('清空');
        const invertSelectionButton = createSecondaryButton('反选');
        [selectAllButton, clearSelectionButton, invertSelectionButton].forEach(button => selectionTools.appendChild(button));

        const messageList = document.createElement('div');
        Object.assign(messageList.style, {
            display: 'none',
            maxHeight: '260px',
            overflow: 'auto',
            border: '1px solid #e5e7eb',
            borderRadius: '6px',
            background: '#fff'
        });

        const statsGrid = document.createElement('div');
        Object.assign(statsGrid.style, {
            display: 'grid',
            gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
            gap: '8px'
        });

        const filePreview = document.createElement('div');
        Object.assign(filePreview.style, {
            minHeight: '34px',
            padding: '8px 10px',
            borderRadius: '6px',
            background: '#f9fafb',
            border: '1px solid #e5e7eb',
            color: '#374151',
            fontSize: '12px',
            lineHeight: '18px',
            wordBreak: 'break-all'
        });

        body.appendChild(rangeLabel);
        body.appendChild(selectionTools);
        body.appendChild(messageList);
        body.appendChild(statsGrid);
        body.appendChild(filePreview);

        const footer = document.createElement('div');
        Object.assign(footer.style, {
            display: 'flex',
            flexWrap: 'wrap',
            gap: '8px',
            justifyContent: 'flex-end',
            padding: '14px 16px',
            borderTop: '1px solid #e5e7eb',
            background: '#f9fafb'
        });

        const markdownButton = createPreviewActionButton('下载 Markdown', '#f59e0b', () => {
            let options = getCurrentExportOptions();
            closePreview();
            exportChatAsMarkdown(options);
        });
        const htmlButton = createPreviewActionButton('下载 HTML', '#0ea5e9', () => {
            let options = getCurrentExportOptions();
            closePreview();
            exportChatAsHTML(options);
        });
        const copyButton = createPreviewActionButton('复制 Markdown', '#6366f1', async () => {
            let options = getCurrentExportOptions();
            closePreview();
            await copyChatAsMarkdown(options);
        });

        [copyButton, markdownButton, htmlButton].forEach(button => footer.appendChild(button));
        if (defaultAction === 'html') htmlButton.focus();
        if (defaultAction === 'copy') copyButton.focus();

        dialog.appendChild(header);
        dialog.appendChild(body);
        dialog.appendChild(footer);
        overlay.appendChild(dialog);
        document.body.appendChild(overlay);

        function closePreview() {
            document.removeEventListener('keydown', handleKeydown);
            overlay.remove();
        }

        function handleKeydown(event) {
            if (event.key === 'Escape') closePreview();
        }

        const allMessages = getChatMessages();
        const selectedIndexes = new Set(allMessages.map((message, index) => index));
        renderMessageSelectionList();

        function getCurrentExportOptions() {
            return {
                range: rangeSelect.value,
                selectedIndexes: rangeSelect.value === 'custom' ? Array.from(selectedIndexes) : []
            };
        }

        function getCurrentMessages() {
            const options = getCurrentExportOptions();
            return filterChatMessagesByRange(allMessages, options.range, options.selectedIndexes);
        }

        function updatePreview() {
            const isCustom = rangeSelect.value === 'custom';
            selectionTools.style.display = isCustom ? 'flex' : 'none';
            messageList.style.display = isCustom ? 'block' : 'none';

            const messages = getCurrentMessages();
            const stats = getExportStats(messages);
            statsGrid.innerHTML = '';
            [
                ['消息', stats.messages],
                ['用户', stats.users],
                ['助手', stats.assistants],
                ['代码块', stats.codeBlocks],
                ['表格', stats.tables],
                ['公式', stats.math]
            ].forEach(([label, value]) => statsGrid.appendChild(createPreviewStat(label, value)));

            let suffix = defaultAction === 'html' ? 'html' : 'md';
            filePreview.textContent = messages.length
                ? `文件名预览：${getExportBaseName()}.${suffix}`
                : '当前范围没有可导出的消息';
            [copyButton, markdownButton, htmlButton].forEach(button => {
                button.disabled = messages.length === 0;
                button.style.opacity = messages.length ? '1' : '0.45';
                button.style.cursor = messages.length ? 'pointer' : 'not-allowed';
            });
        }

        selectAllButton.addEventListener('click', () => {
            allMessages.forEach((message, index) => selectedIndexes.add(index));
            renderMessageSelectionList();
            updatePreview();
        });

        clearSelectionButton.addEventListener('click', () => {
            selectedIndexes.clear();
            renderMessageSelectionList();
            updatePreview();
        });

        invertSelectionButton.addEventListener('click', () => {
            allMessages.forEach((message, index) => {
                if (selectedIndexes.has(index)) {
                    selectedIndexes.delete(index);
                } else {
                    selectedIndexes.add(index);
                }
            });
            renderMessageSelectionList();
            updatePreview();
        });

        function renderMessageSelectionList() {
            messageList.innerHTML = '';

            if (!allMessages.length) {
                const empty = document.createElement('div');
                empty.textContent = '没有识别到可选择的消息';
                Object.assign(empty.style, {
                    padding: '12px',
                    color: '#6b7280',
                    fontSize: '13px'
                });
                messageList.appendChild(empty);
                return;
            }

            allMessages.forEach((message, index) => {
                messageList.appendChild(createMessageSelectionItem(message, index, selectedIndexes, updatePreview));
            });
        }

        closeButton.addEventListener('click', closePreview);
        overlay.addEventListener('click', event => {
            if (event.target === overlay) closePreview();
        });
        rangeSelect.addEventListener('change', updatePreview);
        document.addEventListener('keydown', handleKeydown);
        updatePreview();
    }

    function createPreviewActionButton(text, bgColor, onClick) {
        const button = document.createElement('button');
        button.type = 'button';
        button.textContent = text;
        Object.assign(button.style, {
            minHeight: '34px',
            border: 'none',
            borderRadius: '6px',
            padding: '0 12px',
            background: bgColor,
            color: '#fff',
            fontSize: '13px',
            fontWeight: '600',
            cursor: 'pointer'
        });
        button.addEventListener('click', onClick);
        return button;
    }

    function createSecondaryButton(text) {
        const button = document.createElement('button');
        button.type = 'button';
        button.textContent = text;
        Object.assign(button.style, {
            minHeight: '30px',
            border: '1px solid #d1d5db',
            borderRadius: '6px',
            padding: '0 10px',
            background: '#fff',
            color: '#374151',
            fontSize: '12px',
            fontWeight: '600',
            cursor: 'pointer'
        });
        return button;
    }

    function createMessageSelectionItem(message, index, selectedIndexes, onChange) {
        const label = document.createElement('label');
        Object.assign(label.style, {
            display: 'grid',
            gridTemplateColumns: '22px minmax(0, 1fr)',
            gap: '8px',
            alignItems: 'start',
            padding: '9px 10px',
            borderBottom: '1px solid #f3f4f6',
            cursor: 'pointer'
        });

        const checkbox = document.createElement('input');
        checkbox.type = 'checkbox';
        checkbox.checked = selectedIndexes.has(index);
        checkbox.style.marginTop = '3px';

        const content = document.createElement('div');
        content.style.minWidth = '0';

        const title = document.createElement('div');
        title.textContent = `${index + 1}. ${message.role}`;
        Object.assign(title.style, {
            fontSize: '12px',
            fontWeight: '700',
            color: message.role === 'Assistant' ? '#047857' : '#1d4ed8',
            marginBottom: '3px'
        });

        const preview = document.createElement('div');
        preview.textContent = getMessageSelectionPreview(message);
        Object.assign(preview.style, {
            fontSize: '12px',
            color: '#4b5563',
            lineHeight: '17px',
            whiteSpace: 'nowrap',
            overflow: 'hidden',
            textOverflow: 'ellipsis'
        });

        checkbox.addEventListener('change', () => {
            if (checkbox.checked) {
                selectedIndexes.add(index);
            } else {
                selectedIndexes.delete(index);
            }
            onChange();
        });

        content.appendChild(title);
        content.appendChild(preview);
        label.appendChild(checkbox);
        label.appendChild(content);
        return label;
    }

    function getMessageSelectionPreview(message) {
        return (message.text || message.markdown || '')
            .replace(/\s+/g, ' ')
            .trim()
            .slice(0, 120) || '(空消息)';
    }

    function createPreviewStat(label, value) {
        const item = document.createElement('div');
        Object.assign(item.style, {
            padding: '8px',
            borderRadius: '6px',
            background: '#f3f4f6',
            textAlign: 'center',
            minWidth: '0'
        });

        const number = document.createElement('div');
        number.textContent = value;
        Object.assign(number.style, {
            fontSize: '17px',
            fontWeight: '700',
            lineHeight: '20px'
        });

        const caption = document.createElement('div');
        caption.textContent = label;
        Object.assign(caption.style, {
            marginTop: '2px',
            fontSize: '11px',
            color: '#6b7280'
        });

        item.appendChild(number);
        item.appendChild(caption);
        return item;
    }

    function getExportRangeOptions() {
        return [
            {value: 'all', label: '全部对话'},
            {value: 'custom', label: '自定义选择'},
            {value: 'last-turn', label: '最后一轮'},
            {value: 'assistant-only', label: '只导出助手回答'},
            {value: 'from-visible', label: '从当前可见位置开始'}
        ];
    }

    function getExportStats(messages) {
        return messages.reduce((stats, message) => {
            stats.messages += 1;
            if (message.role === 'User') stats.users += 1;
            if (message.role === 'Assistant') stats.assistants += 1;
            stats.codeBlocks += countMessageElements(message, 'pre');
            stats.tables += countMessageElements(message, 'table');
            stats.math += countMessageElements(message, '.katex, .katex-display, math, mjx-container');
            return stats;
        }, {
            messages: 0,
            users: 0,
            assistants: 0,
            codeBlocks: 0,
            tables: 0,
            math: 0
        });
    }

    function countMessageElements(message, selector) {
        if (message.element && message.element.querySelectorAll) {
            return message.element.querySelectorAll(selector).length;
        }
        return 0;
    }

    async function exportChatAsMarkdown(options = {}) {
        try {
            let allElements = getFilteredChatMessages(options.range, options.selectedIndexes);

            if (!allElements.length) {
                alert('未找到可导出的聊天内容，请等待页面加载完成后再试。');
                return;
            }

            download(buildMarkdownContent(allElements), `${getExportBaseName()}.md`, 'text/markdown');
        } catch (error) {
            console.error("导出为 Markdown 时出错：", error);
        }
    }

    async function exportChatAsHTML(options = {}) {
        try {
            let allElements = getFilteredChatMessages(options.range, options.selectedIndexes);

            if (!allElements.length) {
                alert('未找到可导出的聊天内容，请等待页面加载完成后再试。');
                return;
            }

            download(buildHTMLContent(allElements), `${getExportBaseName()}.html`, 'text/html');
        } catch (error) {
            console.error("导出为 HTML 时出错：", error);
        }
    }

    async function copyChatAsMarkdown(options = {}) {
        try {
            let allElements = getFilteredChatMessages(options.range, options.selectedIndexes);

            if (!allElements.length) {
                alert('未找到可复制的聊天内容，请等待页面加载完成后再试。');
                return;
            }

            await copyTextToClipboard(buildMarkdownContent(allElements));
            alert('Markdown 已复制到剪贴板。');
        } catch (error) {
            console.error("复制 Markdown 时出错：", error);
            alert('复制失败，浏览器可能限制了剪贴板权限。');
        }
    }

    async function copyTextToClipboard(text) {
        if (navigator.clipboard && window.isSecureContext) {
            try {
                await navigator.clipboard.writeText(text);
                return;
            } catch (error) {
                // 继续使用 textarea 兜底，兼容 Tampermonkey 权限差异。
            }
        }

        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.setAttribute('readonly', 'readonly');
        Object.assign(textarea.style, {
            position: 'fixed',
            left: '-9999px',
            top: '0',
            opacity: '0'
        });
        document.body.appendChild(textarea);
        textarea.select();
        textarea.setSelectionRange(0, textarea.value.length);

        let ok = document.execCommand('copy');
        textarea.remove();
        if (!ok) throw new Error('execCommand copy failed');
    }

    function buildMarkdownContent(messages) {
        let markdownContent = "# ChatGPT 对话记录\n\n";
        messages.forEach((message) => {
            markdownContent += `## ${message.role}\n\n${formatMessageMarkdownForExport(message)}\n\n`;
        });
        return markdownContent;
    }

    function buildHTMLContent(messages) {
        let htmlContent = getHTMLDocumentStart();
        messages.forEach((message) => {
            let roleClass = message.role.toLowerCase();
            let messageHTML = message.html
                ? shiftHTMLHeadingLevels(message.html, 2)
                : `<p>${escapeHTML(message.text)}</p>`;
            htmlContent += `<section class="message ${roleClass}"><h2>${escapeHTML(message.role)}</h2><div class="message-content">${messageHTML}</div></section>`;
        });
        return `${htmlContent}</body></html>`;
    }

    function formatMessageMarkdownForExport(message) {
        return shiftMarkdownHeadingLevels(cleanMarkdown(message.markdown || message.text || ''), 2);
    }

    function shiftMarkdownHeadingLevels(markdown, offset) {
        let fence = null;
        return String(markdown || '')
            .replace(/\r/g, '')
            .split('\n')
            .map(line => {
                let fenceMatch = line.match(/^(\s{0,3})(`{3,}|~{3,})/);
                if (fenceMatch) {
                    let marker = fenceMatch[2][0];
                    let length = fenceMatch[2].length;
                    if (!fence) {
                        fence = {marker, length};
                    } else if (marker === fence.marker && length >= fence.length) {
                        fence = null;
                    }
                    return line;
                }

                if (fence) return line;

                return line.replace(/^(\s{0,3})(#{1,6})(?!#)(\s+)(.*)$/, (match, indent, hashes, spacing, text) => {
                    let level = Math.min(6, hashes.length + offset);
                    return `${indent}${'#'.repeat(level)}${spacing}${text}`.trimEnd();
                });
            })
            .join('\n');
    }

    function shiftHTMLHeadingLevels(html, offset) {
        let template = document.createElement('template');
        template.innerHTML = html || '';

        template.content.querySelectorAll('h1, h2, h3, h4, h5, h6').forEach(heading => {
            let level = Number(heading.tagName.slice(1));
            let nextLevel = Math.min(6, level + offset);
            if (nextLevel === level) return;

            let replacement = document.createElement(`h${nextLevel}`);
            Array.from(heading.attributes).forEach(attribute => {
                replacement.setAttribute(attribute.name, attribute.value);
            });
            while (heading.firstChild) {
                replacement.appendChild(heading.firstChild);
            }
            heading.replaceWith(replacement);
        });

        return template.innerHTML;
    }

    function getFilteredChatMessages(range = 'all', selectedIndexes = []) {
        return filterChatMessagesByRange(getChatMessages(), range || 'all', selectedIndexes);
    }

    function filterChatMessagesByRange(messages, range, selectedIndexes = []) {
        if (range === 'custom') {
            const selected = new Set(selectedIndexes);
            return messages.filter((message, index) => selected.has(index));
        }

        if (range === 'assistant-only') {
            return messages.filter(message => message.role === 'Assistant');
        }

        if (range === 'last-turn') {
            let lastUserIndex = messages.map(message => message.role).lastIndexOf('User');
            return lastUserIndex >= 0 ? messages.slice(lastUserIndex) : messages.slice(-1);
        }

        if (range === 'from-visible') {
            let firstVisibleIndex = messages.findIndex(message => {
                if (!message.element || !message.element.getBoundingClientRect) return false;
                return message.element.getBoundingClientRect().bottom >= 0;
            });
            return firstVisibleIndex >= 0 ? messages.slice(firstVisibleIndex) : messages;
        }

        return messages;
    }

    function getChatMessages() {
        let turnElements = Array.from(
            document.querySelectorAll('[data-testid^="conversation-turn-"]')
        ).filter(el => getMessageText(el).length > 0);

        if (turnElements.length > 0) {
            return turnElements.map((turn, index) => {
                let messageElements = Array.from(
                    turn.querySelectorAll('[data-message-author-role]')
                ).filter(el => getMessageText(el).length > 0);

                if (messageElements.length > 0) {
                    return {
                        role: getMessageRole(messageElements[0], index),
                        text: messageElements.map(getMessageText).join('\n\n'),
                        markdown: messageElements.map(getMessageMarkdown).filter(Boolean).join('\n\n'),
                        html: messageElements.map(getMessageHTML).filter(Boolean).join('\n\n'),
                        element: turn
                    };
                }

                return {
                    role: index % 2 === 0 ? 'User' : 'Assistant',
                    text: getMessageText(turn),
                    markdown: getMessageMarkdown(turn),
                    html: getMessageHTML(turn),
                    element: turn
                };
            }).filter(message => message.text.length > 0);
        }

        let roleElements = Array.from(
            document.querySelectorAll('[data-message-author-role]')
        ).filter(el => getMessageText(el).length > 0);

        if (roleElements.length > 0) {
            return roleElements.map((element, index) => ({
                role: getMessageRole(element, index),
                text: getMessageText(element),
                markdown: getMessageMarkdown(element),
                html: getMessageHTML(element),
                element
            }));
        }

        // 旧版 ChatGPT/镜像站兜底：用户消息通常仍是 whitespace-pre-wrap。
        return Array.from(
            document.querySelectorAll('div.whitespace-pre-wrap')
        ).filter(el => getMessageText(el).length > 0).map((element, index) => ({
            role: getMessageRole(element, index),
            text: getMessageText(element),
            markdown: getMessageMarkdown(element),
            html: getMessageHTML(element),
            element
        }));
    }

    function getMessageRole(element, index) {
        let role = (element.getAttribute('data-message-author-role') || '').toLowerCase();
        if (role === 'user') return 'User';
        if (role === 'assistant') return 'Assistant';
        if (role === 'system') return 'System';
        return index % 2 === 0 ? 'User' : 'Assistant';
    }

    function getMessageText(element) {
        return (element.innerText || element.textContent || '')
            .replace(/\r/g, '')
            .replace(/\n{3,}/g, '\n\n')
            .trim();
    }

    function getMessageMarkdown(element) {
        let content = findMessageContentElement(element);
        return cleanMarkdown(renderMarkdownNode(content)).trim() || getMessageText(element);
    }

    function getMessageHTML(element) {
        let content = findMessageContentElement(element);
        let clone = content.cloneNode(true);
        clone.querySelectorAll('script, style, button, svg, textarea, input, select, #conversation-outline, #conversation-outline-settings-modal, #tooltip, [aria-hidden="true"]').forEach(el => el.remove());
        clone.querySelectorAll('[class], [style], [data-start], [data-end], [data-section-id], [data-col-size], [data-state], [data-testid]').forEach(el => {
            if (el.tagName === 'A' && el.hasAttribute('href')) {
                el.setAttribute('target', '_blank');
                el.setAttribute('rel', 'noopener noreferrer');
            }
            el.removeAttribute('class');
            el.removeAttribute('style');
            el.removeAttribute('data-start');
            el.removeAttribute('data-end');
            el.removeAttribute('data-section-id');
            el.removeAttribute('data-col-size');
            el.removeAttribute('data-state');
            el.removeAttribute('data-testid');
        });
        return clone.innerHTML.trim() || `<p>${escapeHTML(getMessageText(element))}</p>`;
    }

    function findMessageContentElement(element) {
        let markdown = element.querySelector('.markdown.prose, .markdown, .prose');
        if (markdown) return markdown;

        let userBubble = element.querySelector('div.whitespace-pre-wrap, [class*="whitespace-pre-wrap"]');
        if (userBubble) return userBubble;

        return element;
    }

    function renderMarkdownNode(node, context = {}) {
        if (!node) return '';

        if (node.nodeType === Node.TEXT_NODE) {
            return node.nodeValue || '';
        }

        if (node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
            return '';
        }

        if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
            return renderMarkdownChildren(node, context);
        }

        let element = node;
        let tag = element.tagName.toLowerCase();

        let math = extractMathMarkdown(element);
        if (math) return math;

        if (shouldSkipMarkdownElement(element)) return '';

        if (/^h[1-6]$/.test(tag)) {
            let level = Number(tag.slice(1));
            return `${'#'.repeat(level)} ${renderMarkdownInlineChildren(element).trim()}\n\n`;
        }

        if (tag === 'p') {
            return `${renderMarkdownInlineChildren(element).trim()}\n\n`;
        }

        if (tag === 'br') {
            return '  \n';
        }

        if (tag === 'hr') {
            return '\n---\n\n';
        }

        if (tag === 'strong' || tag === 'b') {
            return wrapMarkdownInline(renderMarkdownInlineChildren(element), '**');
        }

        if (tag === 'em' || tag === 'i') {
            return wrapMarkdownInline(renderMarkdownInlineChildren(element), '*');
        }

        if (tag === 's' || tag === 'del') {
            return wrapMarkdownInline(renderMarkdownInlineChildren(element), '~~');
        }

        if (tag === 'code') {
            if (element.closest('pre')) return element.textContent || '';
            return inlineCode(element.textContent || '');
        }

        if (tag === 'pre') {
            let code = element.querySelector('code');
            let language = getCodeLanguage(code || element);
            let text = trimCodeBlockBlankEdges(getCodeBlockText(element, code));
            return `\n\`\`\`${language}\n${text.replace(/\n+$/, '')}\n\`\`\`\n\n`;
        }

        if (tag === 'a') {
            let text = renderMarkdownInlineChildren(element).trim() || element.getAttribute('href') || '';
            let href = element.getAttribute('href') || '';
            return href ? `[${escapeMarkdownLinkText(text)}](${href})` : text;
        }

        if (tag === 'img') {
            let alt = element.getAttribute('alt') || '';
            let src = element.getAttribute('src') || '';
            return src ? `![${escapeMarkdownLinkText(alt)}](${src})` : alt;
        }

        if (tag === 'blockquote') {
            let text = cleanMarkdown(renderMarkdownChildren(element, context)).trim();
            return text ? `${text.split('\n').map(line => `> ${line}`).join('\n')}\n\n` : '';
        }

        if (tag === 'ul' || tag === 'ol') {
            return `${renderMarkdownList(element, tag === 'ol', context.listDepth || 0)}\n`;
        }

        if (tag === 'table') {
            return `${renderMarkdownTable(element)}\n\n`;
        }

        if (tag === 'thead' || tag === 'tbody' || tag === 'tr') {
            return renderMarkdownChildren(element, context);
        }

        if (tag === 'th' || tag === 'td') {
            return renderMarkdownInlineChildren(element).trim();
        }

        if (isBlockMarkdownElement(element)) {
            let rendered = renderMarkdownChildren(element, context).trim();
            return rendered ? `${rendered}\n\n` : '';
        }

        return renderMarkdownInlineChildren(element);
    }

    function renderMarkdownChildren(element, context = {}) {
        return Array.from(element.childNodes).map(child => renderMarkdownNode(child, context)).join('');
    }

    function renderMarkdownInlineChildren(element) {
        return Array.from(element.childNodes).map(child => renderMarkdownNode(child, {inline: true})).join('');
    }

    function renderMarkdownList(listElement, ordered, depth) {
        let items = Array.from(listElement.children).filter(child => child.tagName && child.tagName.toLowerCase() === 'li');
        return items.map((item, index) => {
            let marker = ordered ? `${index + 1}. ` : '- ';
            let indent = '  '.repeat(depth);
            let nested = [];
            let parts = [];

            Array.from(item.childNodes).forEach(child => {
                if (child.nodeType === Node.ELEMENT_NODE && /^(ul|ol)$/i.test(child.tagName)) {
                    nested.push(renderMarkdownList(child, child.tagName.toLowerCase() === 'ol', depth + 1).trimEnd());
                } else if (child.nodeType === Node.ELEMENT_NODE && child.tagName.toLowerCase() === 'p') {
                    parts.push(renderMarkdownInlineChildren(child).trim());
                } else {
                    parts.push(renderMarkdownNode(child, {inline: true, listDepth: depth}).trim());
                }
            });

            let text = cleanMarkdown(parts.filter(Boolean).join(' ')).replace(/\n{2,}/g, '\n').trim();
            let line = `${indent}${marker}${text}`.replace(/\n/g, `\n${indent}  `);
            return [line, ...nested].filter(Boolean).join('\n');
        }).join('\n');
    }

    function renderMarkdownTable(table) {
        let rows = Array.from(table.querySelectorAll('tr')).map(row => {
            let cells = Array.from(row.children).filter(cell => /^(th|td)$/i.test(cell.tagName));
            return cells.map(cell => tableCellMarkdown(cell));
        }).filter(row => row.length > 0);

        if (!rows.length) return '';

        let columnCount = Math.max(...rows.map(row => row.length));
        let normalizedRows = rows.map(row => {
            while (row.length < columnCount) row.push('');
            return row;
        });
        let separator = Array.from({length: columnCount}, () => '---');

        return [
            `| ${normalizedRows[0].join(' | ')} |`,
            `| ${separator.join(' | ')} |`,
            ...normalizedRows.slice(1).map(row => `| ${row.join(' | ')} |`)
        ].join('\n');
    }

    function tableCellMarkdown(cell) {
        return cleanMarkdown(renderMarkdownInlineChildren(cell))
            .replace(/\n+/g, '<br>')
            .replace(/\|/g, '\\|')
            .trim();
    }

    function shouldSkipMarkdownElement(element) {
        let tag = element.tagName.toLowerCase();
        if (['script', 'style', 'button', 'textarea', 'input', 'select', 'svg'].includes(tag)) return true;
        if (element.id === 'conversation-outline' || element.id === 'conversation-outline-settings-modal' || element.id === 'tooltip') return true;
        if (element.closest('#conversation-outline')) return true;
        if (element.closest('#conversation-outline-settings-modal')) return true;
        if (element.getAttribute('aria-hidden') === 'true' && !isMathElement(element)) return true;
        return false;
    }

    function isBlockMarkdownElement(element) {
        return /^(address|article|aside|div|footer|header|main|nav|section)$/i.test(element.tagName);
    }

    function isMathElement(element) {
        let tag = element.tagName.toLowerCase();
        let className = String(element.className || '');
        return tag === 'math'
            || tag === 'mjx-container'
            || className.includes('katex')
            || className.includes('math');
    }

    function extractMathMarkdown(element) {
        let tag = element.tagName.toLowerCase();
        let className = String(element.className || '');
        let tex = '';

        if (tag === 'script' && /^math\/tex/.test(element.type || '')) {
            tex = element.textContent || '';
        } else if (isMathElement(element)) {
            let annotation = element.querySelector('annotation[encoding*="tex" i], annotation[encoding="application/x-tex" i]');
            tex = annotation ? annotation.textContent : '';
            tex = tex || element.getAttribute('data-tex') || element.getAttribute('aria-label') || '';
        }

        tex = tex.trim();
        if (!tex) return '';

        let isBlock = className.includes('katex-display') || element.getAttribute('display') === 'true';
        return isBlock ? `\n$$\n${tex}\n$$\n\n` : `$${tex}$`;
    }

    function wrapMarkdownInline(text, marker) {
        text = text.trim();
        return text ? `${marker}${text}${marker}` : '';
    }

    function inlineCode(text) {
        let ticks = text.includes('`') ? '``' : '`';
        return `${ticks}${text}${ticks}`;
    }

    function getCodeBlockText(preElement, codeElement) {
        let root = codeElement || preElement;
        let lineElements = Array.from(root.querySelectorAll('[data-line], .line, .hljs-line, [class*="code-line"]'))
            .filter(line => !line.querySelector('[data-line], .line, .hljs-line, [class*="code-line"]'));

        if (lineElements.length > 0) {
            return lineElements.map(line => line.textContent || '').join('\n');
        }

        let blockText = root.innerText || root.textContent || '';
        if (blockText.includes('\n')) return blockText;

        let html = root.innerHTML || '';
        if (/<br\s*\/?>/i.test(html) || /<\/(div|p|li)>/i.test(html)) {
            let clone = root.cloneNode(true);
            clone.querySelectorAll('br').forEach(br => br.replaceWith('\n'));
            clone.querySelectorAll('div, p, li').forEach(block => {
                if (block.nextSibling) block.appendChild(document.createTextNode('\n'));
            });
            blockText = clone.textContent || '';
        }

        return blockText;
    }

    function trimCodeBlockBlankEdges(text) {
        return String(text || '')
            .replace(/\r/g, '')
            .replace(/^(?:[ \t]*\n)+/, '')
            .replace(/\n[ \t]*$/, '');
    }

    function getCodeLanguage(element) {
        let className = String(element.className || '');
        let match = className.match(/language-([a-z0-9_-]+)/i);
        return match ? match[1] : '';
    }

    function escapeMarkdownLinkText(text) {
        return String(text).replace(/([\\\]\[])/g, '\\$1');
    }

    function cleanMarkdown(markdown) {
        return String(markdown)
            .replace(/\r/g, '')
            .replace(/[ \t]+\n/g, '\n')
            .replace(/\n{4,}/g, '\n\n\n')
            .trim();
    }

    function getExportBaseName() {
        let title = (document.title || '').trim()
            || getFirstUserMessage()
            || 'chat-export';

        title = title
            .replace(/\s+/g, ' ')
            .replace(/[\\/:*?"<>|]/g, '_')
            .replace(/[\u0000-\u001f]/g, '')
            .replace(/^\.+/, '')
            .trim();

        if (!title) title = 'chat-export';
        return `${title.slice(0, 80)} (${getExportTimestamp()})`;
    }

    function getExportTimestamp(date = new Date()) {
        const pad = value => String(value).padStart(2, '0');
        return [
            date.getFullYear(),
            pad(date.getMonth() + 1),
            pad(date.getDate())
        ].join('-') + ` ${pad(date.getHours())}-${pad(date.getMinutes())}`;
    }

    function getFirstUserMessage() {
        let userMessage = document.querySelector('[data-message-author-role="user"]');
        return userMessage ? getMessageText(userMessage).slice(0, 80) : '';
    }

    function getHTMLDocumentStart() {
        return `<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Chat Export</title>
    <style>
    :root {
        color-scheme: light;
        --bg: #f7f7f5;
        --page: #ffffff;
        --text: #1f2328;
        --muted: #667085;
        --border: #d9d9d6;
        --user-bg: #eef2ff;
        --assistant-bg: #ffffff;
        --accent: #2563eb;
    }

    * {
        box-sizing: border-box;
    }

    body {
        margin: 0;
        padding: 32px 18px;
        background: var(--bg);
        color: var(--text);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
        line-height: 1.7;
    }

    body > h1 {
        max-width: 920px;
        margin: 0 auto 24px;
        font-size: 28px;
        line-height: 1.25;
    }

    .message {
        max-width: 920px;
        margin: 0 auto 18px;
        padding: 18px 22px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--assistant-bg);
    }

    .message.user {
        background: var(--user-bg);
    }

    .message h2 {
        margin: 0 0 10px;
        color: var(--muted);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .message-content > :first-child {
        margin-top: 0;
    }

    .message-content > :last-child {
        margin-bottom: 0;
    }

    p, ul, ol, table, blockquote, pre {
        margin: 0.8em 0;
    }

    h3, h4 {
        margin: 1.2em 0 0.55em;
        line-height: 1.35;
    }

    ul, ol {
        padding-left: 1.45em;
    }

    li + li {
        margin-top: 0.25em;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        overflow-wrap: anywhere;
    }

    th, td {
        border: 1px solid var(--border);
        padding: 8px 10px;
        text-align: left;
        vertical-align: top;
    }

    th {
        background: #f1f3f5;
        font-weight: 700;
    }

    a {
        color: var(--accent);
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    blockquote {
        padding-left: 1em;
        border-left: 4px solid var(--border);
        color: var(--muted);
    }

    code, pre {
        font-family: Consolas, "SFMono-Regular", Menlo, monospace;
    }

    pre {
        overflow-x: auto;
        padding: 12px;
        border-radius: 6px;
        background: #f1f3f5;
        white-space: pre-wrap;
    }

    hr {
        height: 1px;
        margin: 18px 0;
        border: 0;
        background: var(--border);
    }
    </style>
    </head>
    <body>
    <h1>ChatGPT 对话记录</h1>`;
    }

    function escapeHTML(text) {
        return String(text).replace(/[&<>"']/g, char => ({
            '&': '&amp;',
            '<': '&lt;',
            '>': '&gt;',
            '"': '&quot;',
            "'": '&#39;'
        }[char]));
    }

    function download(data, filename, type) {
        const blob = new Blob([data], {type: type});
        const a = document.createElement('a');
        const url = URL.createObjectURL(blob);
        a.href = url;
        a.download = filename;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    }

    let outlineUpdateTimer = null;
    let conversationManagerStarted = false;
    let conversationOutlineObserver = null;

    registerSiteAccessMenuCommands();
    if (isCurrentSiteAllowed()) startConversationManager();

    function startConversationManager() {
        if (conversationManagerStarted) return;
        conversationManagerStarted = true;

        const boot = () => {
            createConversationOutline();
            startConversationObserver();
        };

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', boot, {once: true});
        } else {
            boot();
        }

        window.addEventListener('resize', () => {
            clearTimeout(outlineUpdateTimer);
            outlineUpdateTimer = setTimeout(updateConversationOutline, 200);
        });
    }

    function startConversationObserver() {
        if (conversationOutlineObserver || !document.body) return;

        conversationOutlineObserver = new MutationObserver(() => {
            if (!isCurrentSiteAllowed()) return;
            if (!document.querySelector('#conversation-outline')) {
                createConversationOutline();
            }
            clearTimeout(outlineUpdateTimer);
            outlineUpdateTimer = setTimeout(updateConversationOutline, 300);
        });

        conversationOutlineObserver.observe(document.body, {childList: true, subtree: true});
    }
})();