<?php
/**
 * ╔══════════════════════════════════════════════════════════════╗
 * ║  asipk v1.0 — AI智能集成开发环境 (单文件PHP应用)            ║
 * ║  功能: AI多模型对话 / Monaco代码编辑 / 服务器文件管理 / 统计   ║
 * ║  兼容: PHP 7.4+ / MySQL 5.7+ / 主流浏览器                    ║
 * ╚══════════════════════════════════════════════════════════════╝
 */
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第一部分：基础配置（部署时仅需修改此区域）         ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
// MySQL连接配置
$数据库配置 = [
    '主机' => 'localhost',
    '端口' => 3306,
    '库名' => 'asipk',
    '用户' => 'root',
    '密码' => '',
    '表名' => 'asipk',
];
// 微信公众号配置
$微信配置 = [
    'appid'     => '',  // 填写你的AppID
    'appsecret' => '',  // 填写你的AppSecret
    'token'     => 'asipk_verify_token_2024',  // 自定义Token
];
// 安全与系统配置
$系统配置 = [
    '加密密钥'   => 'asipk_aes_secret_key_2024!',
    '会话超时'   => 86400,
    '上传限制'   => 10485760,
    '频率限制'   => 10,
    '调试模式'   => true,  // 生产环境请设为false
    '默认项目'   => ['asihtml','asi-css','asi-js','asictx','asiurl'],
    '子目录'     => ['html','css','js','md','json','png','jpg','mp3','mp4'],
    '允许扩展名' => ['html','css','js','md','json','png','jpg','mp3','mp4','txt'],
];
// AI模型API地址配置
$AI地址表 = [
    'deepseek'  => 'https://api.deepseek.com/v1/chat/completions',
    'kimi'      => 'https://api.moonshot.cn/v1/chat/completions',
    'zhipu'     => 'https://open.bigmodel.cn/api/paas/v4/chat/completions',
    'poe'       => 'https://api.poe.com/v1/chat/completions',
    'doubao'    => 'https://ark.cn-beijing.volces.com/api/v3/chat/completions',
    'gemini'    => 'https://generativelanguage.googleapis.com/v1beta/openai/chat/completions',
    'chatgpt'   => 'https://api.openai.com/v1/chat/completions',
];
// AI模型默认名称映射
$AI模型表 = [
    'deepseek'  => ['名称'=>'DeepSeek','模型'=>'deepseek-chat'],
    'kimi'      => ['名称'=>'Kimi','模型'=>'moonshot-v1-8k'],
    'zhipu'     => ['名称'=>'智谱GLM','模型'=>'glm-4-flash'],
    'poe'       => ['名称'=>'Poe','模型'=>'gpt-3.5-turbo'],
    'doubao'    => ['名称'=>'豆包','模型'=>'doubao-pro-4k'],
    'gemini'    => ['名称'=>'Gemini','模型'=>'gemini-pro'],
    'chatgpt'   => ['名称'=>'ChatGPT','模型'=>'gpt-4o-mini'],
];
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第二部分：核心初始化                              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
error_reporting(E_ALL & ~E_NOTICE & ~E_WARNING & ~E_DEPRECATED);
ini_set('display_errors', 0);
date_default_timezone_set('Asia/Shanghai');
if (session_status() === PHP_SESSION_NONE) session_start();
$根目录 = rtrim(__DIR__, '/\\');
$数据库 = null;
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第三部分：工具函数                                ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** JSON响应输出 */
function 响应($数据, $码 = 200) {
    http_response_code($码);
    header('Content-Type: application/json; charset=utf-8');
    echo json_encode($数据, JSON_UNESCAPED_UNICODE);
    exit;
}
/** 获取请求参数 */
function 取参($键, $默认 = '') {
    return isset($_REQUEST[$键]) ? trim($_REQUEST[$键]) : $默认;
}
/** 获取POST JSON数据 */
function 取JSON() {
    $原始 = file_get_contents('php://input');
    return $原始 ? json_decode($原始, true) : [];
}
/** XSS过滤 */
function 净化($文本) {
    if (is_array($文本)) return array_map('净化', $文本);
    return htmlspecialchars(strip_tags(trim($文本)), ENT_QUOTES, 'UTF-8');
}
/** 简单AES加密 */
function 加密($明文) {
    global $系统配置;
    $密钥 = substr(hash('sha256', $系统配置['加密密钥']), 0, 32);
    $iv = substr(hash('sha256', 'asipk_iv'), 0, 16);
    return base64_encode(openssl_encrypt($明文, 'AES-256-CBC', $密钥, 0, $iv));
}
/** 简单AES解密 */
function 解密($密文) {
    global $系统配置;
    $密钥 = substr(hash('sha256', $系统配置['加密密钥']), 0, 32);
    $iv = substr(hash('sha256', 'asipk_iv'), 0, 16);
    return openssl_decrypt(base64_decode($密文), 'AES-256-CBC', $密钥, 0, $iv);
}
/** CSRF Token生成 */
function 生成CSRF() {
    if (empty($_SESSION['csrf_token'])) {
        $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
    }
    return $_SESSION['csrf_token'];
}
/** CSRF验证 */
function 验证CSRF() {
    $token = 取参('_csrf') ?: ($_SERVER['HTTP_X_CSRF_TOKEN'] ?? '');
    if (empty($token) || $token !== ($_SESSION['csrf_token'] ?? '')) {
        响应(['错误' => 'CSRF验证失败'], 403);
    }
}
/** 验证登录状态 */
function 需要登录() {
    global $系统配置;
    if (empty($_SESSION['用户id'])) {
        响应(['错误' => '未登录', '需登录' => true], 401);
    }
    if (isset($_SESSION['登录时间']) && (time() - $_SESSION['登录时间'] > $系统配置['会话超时'])) {
        session_destroy();
        响应(['错误' => '登录已过期', '需登录' => true], 401);
    }
}
/** 获取当前时间字符串 */
function 现在() {
    return date('Y-m-d H:i:s');
}
/** 安全路径检查（防止目录遍历） */
function 安全路径($路径) {
    global $根目录;
    $真实路径 = realpath($路径);
    if ($真实路径 === false) {
        $真实路径 = realpath(dirname($路径));
        if ($真实路径 === false) return false;
        $真实路径 .= '/' . basename($路径);
    }
    $根真实 = realpath($根目录);
    return strpos($真实路径, $根真实) === 0 ? $真实路径 : false;
}
/** 记录操作日志 */
function 记录日志($类型, $内容, $对象 = '', $结果 = '成功') {
    try {
        $db = 连接数据库();
        global $数据库配置;
        $表 = $数据库配置['表名'];
        $sql = "INSERT INTO `{$表}` (`章`,`节`,`题`,`广`,`串`,`户`,`谁`,`时`,`群`) VALUES (?,?,?,?,?,?,?,?,?)";
        $st = $db->prepare($sql);
        $st->execute([
            '操作日志',
            $类型,
            $对象,
            $内容,
            $结果,
            $_SESSION['用户id'] ?? '',
            $_SESSION['用户名'] ?? '',
            现在(),
            '日志'
        ]);
    } catch (Exception $e) {
        // 日志记录失败不影响主流程
    }
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第四部分：数据库操作                              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 连接数据库（自动创建库和表） */
function 连接数据库() {
    global $数据库配置, $数据库;
    if ($数据库 !== null) return $数据库;
    try {
        $dsn = "mysql:host={$数据库配置['主机']};port={$数据库配置['端口']};charset=utf8mb4";
        $pdo = new PDO($dsn, $数据库配置['用户'], $数据库配置['密码'], [
            PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
            PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
        ]);
        $pdo->exec("CREATE DATABASE IF NOT EXISTS `{$数据库配置['库名']}` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci");
        $pdo->exec("USE `{$数据库配置['库名']}`");
        $数据库 = $pdo;
        初始化表();
        return $数据库;
    } catch (PDOException $e) {
        if (取参('动') !== '') {
            响应(['错误' => '数据库连接失败: ' . $e->getMessage()], 500);
        }
        return null;
    }
}
/** 初始化广表 */
function 初始化表() {
    global $数据库, $数据库配置;
    $表 = $数据库配置['表名'];
    $sql = "CREATE TABLE IF NOT EXISTS `{$表}` (
        `号` int(11) NOT NULL AUTO_INCREMENT,
        `广` mediumtext COMMENT '通用',
        `文` mediumtext COMMENT '文本',
        `章` varchar(500) DEFAULT NULL COMMENT '大类',
        `节` varchar(500) DEFAULT NULL COMMENT '小类',
        `题` varchar(500) DEFAULT NULL COMMENT '标题',
        `滤` varchar(500) DEFAULT NULL COMMENT '滤镜',
        `签` varchar(500) DEFAULT NULL COMMENT '标签',
        `价` varchar(500) DEFAULT NULL COMMENT '定价',
        `为` varchar(500) DEFAULT NULL COMMENT '布尔值',
        `几` varchar(500) DEFAULT NULL COMMENT '数值',
        `串` varchar(500) DEFAULT NULL COMMENT '字符串',
        `阵` varchar(500) DEFAULT NULL COMMENT '数组',
        `物` mediumtext COMMENT '对象',
        `链` varchar(500) DEFAULT NULL COMMENT '链接',
        `评` varchar(500) DEFAULT NULL COMMENT '评论',
        `赞` varchar(500) DEFAULT NULL COMMENT '点赞',
        `函` varchar(500) DEFAULT NULL COMMENT '函数',
        `司` varchar(500) DEFAULT NULL COMMENT '主体',
        `群` varchar(500) DEFAULT NULL COMMENT '群体',
        `组` varchar(500) DEFAULT NULL COMMENT '小组',
        `排` varchar(500) DEFAULT NULL COMMENT '排序',
        `隐` varchar(500) DEFAULT NULL COMMENT '隐藏',
        `谁` varchar(500) DEFAULT NULL COMMENT '昵称',
        `户` varchar(500) DEFAULT NULL COMMENT '用户',
        `时` varchar(500) DEFAULT NULL COMMENT '时间',
        PRIMARY KEY (`号`),
        KEY `idx_章` (`章`(250)),
        KEY `idx_节` (`节`(250)),
        KEY `idx_组` (`组`(250)),
        KEY `idx_户` (`户`(250)),
        KEY `idx_群` (`群`(250))
    ) ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC";
    $数据库->exec($sql);
}
/** 广表插入 */
function 插入($数据) {
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $字段 = array_keys($数据);
    $占位 = array_fill(0, count($字段), '?');
    $cols = implode(',', array_map(function($f){ return "`{$f}`"; }, $字段));
    $vals = implode(',', $占位);
    $sql = "INSERT INTO `{$表}` ({$cols}) VALUES ({$vals})";
    $st = $db->prepare($sql);
    $st->execute(array_values($数据));
    return $db->lastInsertId();
}
/** 广表查询 */
function 查询($条件 = [], $排序 = '`号` DESC', $限制 = 100, $偏移 = 0) {
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $where = '';
    $参数 = [];
    if (!empty($条件)) {
        $片段 = [];
        foreach ($条件 as $键 => $值) {
            if (is_array($值)) {
                $片段[] = "`{$键}` {$值[0]} ?";
                $参数[] = $值[1];
            } else {
                $片段[] = "`{$键}` = ?";
                $参数[] = $值;
            }
        }
        $where = 'WHERE ' . implode(' AND ', $片段);
    }
    $sql = "SELECT * FROM `{$表}` {$where} ORDER BY {$排序} LIMIT {$限制} OFFSET {$偏移}";
    $st = $db->prepare($sql);
    $st->execute($参数);
    return $st->fetchAll();
}
/** 广表更新 */
function 更新($号, $数据) {
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $设置 = [];
    $参数 = [];
    foreach ($数据 as $键 => $值) {
        $设置[] = "`{$键}` = ?";
        $参数[] = $值;
    }
    $参数[] = $号;
    $sql = "UPDATE `{$表}` SET " . implode(',', $设置) . " WHERE `号` = ?";
    $st = $db->prepare($sql);
    return $st->execute($参数);
}
/** 广表删除 */
function 删除($号) {
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $st = $db->prepare("DELETE FROM `{$表}` WHERE `号` = ?");
    return $st->execute([$号]);
}
/** 广表计数 */
function 计数($条件 = []) {
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $where = '';
    $参数 = [];
    if (!empty($条件)) {
        $片段 = [];
        foreach ($条件 as $键 => $值) {
            if (is_array($值)) {
                $片段[] = "`{$键}` {$值[0]} ?";
                $参数[] = $值[1];
            } else {
                $片段[] = "`{$键}` = ?";
                $参数[] = $值;
            }
        }
        $where = 'WHERE ' . implode(' AND ', $片段);
    }
    $st = $db->prepare("SELECT COUNT(*) as 总数 FROM `{$表}` {$where}");
    $st->execute($参数);
    $行 = $st->fetch();
    return (int)$行['总数'];
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第五部分：目录/文件管理                           ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 初始化默认项目目录结构 */
function 初始化目录() {
    global $根目录, $系统配置;
    foreach ($系统配置['默认项目'] as $项目) {
        创建项目目录($项目);
    }
}
/** 为项目创建完整目录结构 */
function 创建项目目录($项目名) {
    global $根目录, $系统配置;
    $项目名 = preg_replace('/[^a-zA-Z0-9\-_\.]/', '', $项目名);
    if (empty($项目名)) return false;
    $项目路径 = $根目录 . '/' . $项目名;
    if (!is_dir($项目路径)) mkdir($项目路径, 0755, true);
    foreach ($系统配置['子目录'] as $子目录) {
        $子路径 = $项目路径 . '/' . $子目录;
        if (!is_dir($子路径)) mkdir($子路径, 0755, true);
        // 创建默认文件
        $默认文件 = $子路径 . '/' . $项目名 . '1.' . $子目录;
        if (!file_exists($默认文件)) {
            $内容 = 生成默认内容($子目录, $项目名);
            file_put_contents($默认文件, $内容);
        }
    }
    return true;
}
/** 生成各类型默认文件内容 */
function 生成默认内容($扩展名, $项目名) {
    switch ($扩展名) {
        case 'html': return "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"UTF-8\">\n<title>{$项目名}</title>\n</head>\n<body>\n<h1>{$项目名}</h1>\n</body>\n</html>";
        case 'css': return "/* {$项目名} 样式 */\nbody { margin: 0; padding: 20px; font-family: sans-serif; }";
        case 'js': return "// {$项目名} 脚本\nconsole.log('{$项目名} loaded');";
        case 'md': return "# {$项目名}\n\n项目说明文档";
        case 'json': return json_encode(['项目' => $项目名, '版本' => '1.0'], JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
        default: return '';
    }
}
/** 获取项目列表 */
function 获取项目列表() {
    global $根目录;
    $列表 = [];
    $当前文件 = basename(__FILE__);
    $扫描 = scandir($根目录);
    foreach ($扫描 as $项) {
        if ($项 === '.' || $项 === '..') continue;
        if ($项 === $当前文件) continue;
        $全路径 = $根目录 . '/' . $项;
        if (is_dir($全路径) && !in_array($项, ['.git', 'node_modules', '.idea', '__pycache__'])) {
            $列表[] = [
                '名称' => $项,
                '路径' => $项,
                '文件数' => 统计文件数($全路径),
                '修改时间' => date('Y-m-d H:i:s', filemtime($全路径)),
            ];
        }
    }
    return $列表;
}
/** 递归统计文件数 */
function 统计文件数($目录) {
    $计数 = 0;
    $迭代 = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($目录, RecursiveDirectoryIterator::SKIP_DOTS));
    foreach ($迭代 as $文件) {
        if ($文件->isFile()) $计数++;
    }
    return $计数;
}
/** 获取项目文件树 */
function 获取文件树($项目名) {
    global $根目录;
    $项目路径 = $根目录 . '/' . $项目名;
    if (!安全路径($项目路径) || !is_dir($项目路径)) return [];
    return 扫描目录树($项目路径, $项目名);
}
function 扫描目录树($路径, $相对 = '') {
    $结果 = [];
    $项目列表 = scandir($路径);
    foreach ($项目列表 as $项) {
        if ($项 === '.' || $项 === '..') continue;
        $全路径 = $路径 . '/' . $项;
        $相对路径 = $相对 ? $相对 . '/' . $项 : $项;
        if (is_dir($全路径)) {
            $结果[] = [
                '名称' => $项,
                '路径' => $相对路径,
                '类型' => 'dir',
                '子项' => 扫描目录树($全路径, $相对路径),
            ];
        } else {
            $结果[] = [
                '名称' => $项,
                '路径' => $相对路径,
                '类型' => 'file',
                '大小' => filesize($全路径),
                '扩展名' => pathinfo($项, PATHINFO_EXTENSION),
                '修改时间' => date('Y-m-d H:i:s', filemtime($全路径)),
            ];
        }
    }
    return $结果;
}
/** 读取文件内容 */
function 读取文件($相对路径) {
    global $根目录;
    $全路径 = $根目录 . '/' . $相对路径;
    $安全 = 安全路径($全路径);
    if (!$安全 || !is_file($全路径)) return null;
    return file_get_contents($全路径);
}
/** 保存文件 */
function 保存文件($相对路径, $内容) {
    global $根目录;
    $全路径 = $根目录 . '/' . $相对路径;
    $目录 = dirname($全路径);
    if (!is_dir($目录)) mkdir($目录, 0755, true);
    $检查 = 安全路径($目录);
    if (!$检查) return false;
    return file_put_contents($全路径, $内容) !== false;
}
/** 自动编号保存文件 */
function 自动编号保存($项目名, $扩展名, $内容) {
    global $根目录;
    $目标目录 = $根目录 . '/' . $项目名 . '/' . $扩展名;
    if (!is_dir($目标目录)) mkdir($目标目录, 0755, true);
    // 扫描现有asipk编号文件，获取最大编号
    $最大编号 = 0;
    $文件列表 = glob($目标目录 . '/asipk*.' . $扩展名);
    foreach ($文件列表 as $文件) {
        $文件名 = basename($文件, '.' . $扩展名);
        if (preg_match('/^asipk(\d+)$/', $文件名, $匹配)) {
            $编号 = intval($匹配[1]);
            if ($编号 > $最大编号) $最大编号 = $编号;
        }
    }
    $新编号 = $最大编号 + 1;
    $新文件名 = "asipk{$新编号}.{$扩展名}";
    $新路径 = $目标目录 . '/' . $新文件名;
    if (file_put_contents($新路径, $内容) !== false) {
        return [
            '文件名' => $新文件名,
            '路径' => $项目名 . '/' . $扩展名 . '/' . $新文件名,
            '编号' => $新编号,
        ];
    }
    return false;
}
/** 删除文件 */
function 删除文件($相对路径) {
    global $根目录;
    $全路径 = $根目录 . '/' . $相对路径;
    $安全 = 安全路径($全路径);
    if (!$安全 || !file_exists($全路径)) return false;
    return is_dir($全路径) ? 递归删除($全路径) : unlink($全路径);
}
function 递归删除($目录) {
    $项 = scandir($目录);
    foreach ($项 as $子) {
        if ($子 === '.' || $子 === '..') continue;
        $路径 = $目录 . '/' . $子;
        is_dir($路径) ? 递归删除($路径) : unlink($路径);
    }
    return rmdir($目录);
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第六部分：微信公众号登录                          ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 微信服务器验证（GET请求） */
function 微信验证() {
    global $微信配置;
    $签名 = $_GET['signature'] ?? '';
    $时间戳 = $_GET['timestamp'] ?? '';
    $随机串 = $_GET['nonce'] ?? '';
    $回显 = $_GET['echostr'] ?? '';
    $arr = [$微信配置['token'], $时间戳, $随机串];
    sort($arr, SORT_STRING);
    $计算签名 = sha1(implode('', $arr));
    if ($计算签名 === $签名) {
        echo $回显;
    } else {
        echo 'verification failed';
    }
    exit;
}
/** 微信事件推送处理（POST请求） */
function 微信事件处理() {
    $原始 = file_get_contents('php://input');
    if (empty($原始)) exit('success');
    $xml = simplexml_load_string($原始, 'SimpleXMLElement', LIBXML_NOCDATA);
    if (!$xml) exit('success');
    $类型 = strtolower((string)$xml->MsgType);
    $事件 = strtolower((string)($xml->Event ?? ''));
    $openid = (string)$xml->FromUserName;
    $场景 = '';
    // 处理扫码事件
    if ($类型 === 'event' && ($事件 === 'scan' || $事件 === 'subscribe')) {
        $场景 = (string)($xml->EventKey ?? '');
        if ($事件 === 'subscribe' && strpos($场景, 'qrscene_') === 0) {
            $场景 = substr($场景, 8);
        }
        if (!empty($场景) && strpos($场景, 'login_') === 0) {
            // 获取用户信息
            $用户信息 = 获取微信用户信息($openid);
            // 存储登录状态到数据库
            $登录数据 = 查询(['章' => '扫码登录', '节' => $场景], '`号` DESC', 1);
            if (!empty($登录数据)) {
                更新($登录数据[0]['号'], [
                    '户' => $openid,
                    '谁' => $用户信息['昵称'] ?? '',
                    '链' => $用户信息['头像'] ?? '',
                    '为' => '已扫码',
                    '时' => 现在(),
                ]);
            }
            // 确保用户记录存在
            确保用户存在($openid, $用户信息);
        }
    }
    // 响应空消息
    echo 'success';
    exit;
}
/** 获取微信用户基本信息 */
function 获取微信用户信息($openid) {
    global $微信配置;
    $token = 获取微信AccessToken();
    if (empty($token)) return ['昵称' => '微信用户', '头像' => ''];
    $url = "https://api.weixin.qq.com/cgi-bin/user/info?access_token={$token}&openid={$openid}&lang=zh_CN";
    $响应 = file_get_contents($url);
    $数据 = json_decode($响应, true);
    return [
        '昵称' => $数据['nickname'] ?? '微信用户',
        '头像' => $数据['headimgurl'] ?? '',
    ];
}
/** 获取微信Access Token（缓存在数据库） */
function 获取微信AccessToken() {
    global $微信配置;
    if (empty($微信配置['appid'])) return '';
    // 先从数据库查缓存
    $缓存 = 查询(['章' => '系统配置', '节' => 'wx_access_token'], '`号` DESC', 1);
    if (!empty($缓存)) {
        $存储时间 = strtotime($缓存[0]['时']);
        if ((time() - $存储时间) < 7000) {
            return 解密($缓存[0]['串']);
        }
    }
    // 请求新的token
    $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$微信配置['appid']}&secret={$微信配置['appsecret']}";
    $响应 = file_get_contents($url);
    $数据 = json_decode($响应, true);
    if (isset($数据['access_token'])) {
        $加密token = 加密($数据['access_token']);
        if (!empty($缓存)) {
            更新($缓存[0]['号'], ['串' => $加密token, '时' => 现在()]);
        } else {
            插入(['章' => '系统配置', '节' => 'wx_access_token', '串' => $加密token, '时' => 现在(), '群' => '系统']);
        }
        return $数据['access_token'];
    }
    return '';
}
/** 生成带场景的临时二维码 */
function 生成登录二维码() {
    $场景值 = 'login_' . bin2hex(random_bytes(16));
    // 记录到数据库
    插入([
        '章' => '扫码登录',
        '节' => $场景值,
        '为' => '等待扫码',
        '时' => 现在(),
        '群' => '登录',
    ]);
    $token = 获取微信AccessToken();
    if (empty($token)) {
        // 调试模式下返回模拟二维码
        global $系统配置;
        if ($系统配置['调试模式']) {
            return ['场景' => $场景值, '二维码' => '', '调试' => true];
        }
        return ['错误' => '无法获取AccessToken'];
    }
    $url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token={$token}";
    $数据 = json_encode([
        'expire_seconds' => 300,
        'action_name' => 'QR_STR_SCENE',
        'action_info' => ['scene' => ['scene_str' => $场景值]],
    ]);
    $ch = curl_init($url);
    curl_setopt_array($ch, [
        CURLOPT_POST => true,
        CURLOPT_POSTFIELDS => $数据,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    ]);
    $响应 = curl_exec($ch);
    curl_close($ch);
    $结果 = json_decode($响应, true);
    if (isset($结果['ticket'])) {
        $二维码URL = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" . urlencode($结果['ticket']);
        return ['场景' => $场景值, '二维码' => $二维码URL];
    }
    return ['场景' => $场景值, '二维码' => '', '错误' => '生成二维码失败'];
}
/** 检查扫码登录状态 */
function 检查登录状态($场景值) {
    $记录 = 查询(['章' => '扫码登录', '节' => $场景值], '`号` DESC', 1);
    if (empty($记录)) return ['状态' => '无效'];
    $行 = $记录[0];
    if ($行['为'] === '已扫码' && !empty($行['户'])) {
        // 登录成功，设置session
        $_SESSION['用户id'] = $行['户'];
        $_SESSION['用户名'] = $行['谁'];
        $_SESSION['头像'] = $行['链'];
        $_SESSION['登录时间'] = time();
        记录日志('登录', '微信扫码登录成功', $行['户']);
        return ['状态' => '已登录', '用户名' => $行['谁'], '头像' => $行['链']];
    }
    return ['状态' => $行['为']];
}
/** 确保用户信息存储 */
function 确保用户存在($openid, $信息) {
    $已有 = 查询(['章' => '用户信息', '户' => $openid], '`号` DESC', 1);
    if (empty($已有)) {
        插入([
            '章' => '用户信息',
            '节' => '注册',
            '户' => $openid,
            '谁' => $信息['昵称'] ?? '微信用户',
            '链' => $信息['头像'] ?? '',
            '时' => 现在(),
            '群' => '用户',
        ]);
    } else {
        更新($已有[0]['号'], [
            '谁' => $信息['昵称'] ?? $已有[0]['谁'],
            '链' => $信息['头像'] ?? $已有[0]['链'],
        ]);
    }
}
/** 调试模式快速登录（仅在调试模式下有效） */
function 调试登录() {
    global $系统配置;
    if (!$系统配置['调试模式']) 响应(['错误' => '调试模式未开启'], 403);
    $_SESSION['用户id'] = 'debug_user_001';
    $_SESSION['用户名'] = '调试用户';
    $_SESSION['头像'] = '';
    $_SESSION['登录时间'] = time();
    确保用户存在('debug_user_001', ['昵称' => '调试用户', '头像' => '']);
    响应(['成功' => true, '用户名' => '调试用户']);
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第七部分：AI流式代理                              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 获取指定AI模型的API Key（从数据库解密） */
function 获取AI密钥($模型id) {
    $记录 = 查询([
        '章' => 'AI密钥',
        '节' => $模型id,
        '户' => $_SESSION['用户id'] ?? '',
    ], '`号` DESC', 1);
    if (!empty($记录) && !empty($记录[0]['串'])) {
        return 解密($记录[0]['串']);
    }
    // 也尝试查找全局密钥
    $全局 = 查询(['章' => 'AI密钥', '节' => $模型id, '群' => '全局'], '`号` DESC', 1);
    if (!empty($全局) && !empty($全局[0]['串'])) {
        return 解密($全局[0]['串']);
    }
    return '';
}
/** AI流式代理请求 */
function AI流式请求() {
    需要登录();
    $输入 = 取JSON();
    $模型id = $输入['模型'] ?? 'deepseek';
    $消息 = $输入['消息'] ?? [];
    $温度 = floatval($输入['温度'] ?? 0.7);
    $最大长度 = intval($输入['最大长度'] ?? 4096);
    $模型名 = $输入['模型名'] ?? '';
    global $AI地址表, $AI模型表;
    // 获取API地址
    $API地址 = '';
    if (isset($AI地址表[$模型id])) {
        $API地址 = $AI地址表[$模型id];
    } else {
        // 查询自定义模型
        $自定义 = 查询(['章' => 'AI自定义模型', '节' => $模型id], '`号` DESC', 1);
        if (!empty($自定义)) {
            $配置 = json_decode($自定义[0]['物'], true);
            $API地址 = $配置['地址'] ?? '';
        }
    }
    if (empty($API地址)) {
        header('Content-Type: text/event-stream');
        echo "data: " . json_encode(['error' => '模型未配置API地址']) . "\n\n";
        echo "data: [DONE]\n\n";
        exit;
    }
    // 获取API Key
    $密钥 = 获取AI密钥($模型id);
    if (empty($密钥)) {
        header('Content-Type: text/event-stream');
        echo "data: " . json_encode(['error' => '请先配置' . ($AI模型表[$模型id]['名称'] ?? $模型id) . '的API Key']) . "\n\n";
        echo "data: [DONE]\n\n";
        exit;
    }
    // 确定模型名称
    if (empty($模型名)) {
        $模型名 = $AI模型表[$模型id]['模型'] ?? $模型id;
    }
    // 构建请求体
    $请求体 = json_encode([
        'model' => $模型名,
        'messages' => $消息,
        'stream' => true,
        'temperature' => $温度,
        'max_tokens' => $最大长度,
    ], JSON_UNESCAPED_UNICODE);
    // 设置流式响应头
    header('Content-Type: text/event-stream');
    header('Cache-Control: no-cache');
    header('Connection: keep-alive');
    header('X-Accel-Buffering: no');
    // 关闭输出缓冲
    while (ob_get_level()) ob_end_clean();
    ob_implicit_flush(true);
    // 记录请求开始
    $开始时间 = microtime(true);
    $总token = 0;
    $总内容 = '';
    // 构建请求头
    $请求头 = [
        'Content-Type: application/json',
        'Accept: text/event-stream',
    ];
    // 根据模型设置不同的认证方式
    if ($模型id === 'gemini') {
        // Gemini使用URL参数
        if (strpos($API地址, '?') === false) {
            $API地址 .= '?key=' . $密钥;
        }
    } else {
        $请求头[] = 'Authorization: Bearer ' . $密钥;
    }
    $ch = curl_init();
    curl_setopt_array($ch, [
        CURLOPT_URL => $API地址,
        CURLOPT_POST => true,
        CURLOPT_POSTFIELDS => $请求体,
        CURLOPT_HTTPHEADER => $请求头,
        CURLOPT_RETURNTRANSFER => false,
        CURLOPT_FOLLOWLOCATION => true,
        CURLOPT_TIMEOUT => 120,
        CURLOPT_SSL_VERIFYPEER => false,
        CURLOPT_WRITEFUNCTION => function($ch, $data) use (&$总内容) {
            // 直接转发流式数据到客户端
            $行列表 = explode("\n", $data);
            foreach ($行列表 as $行) {
                $行 = trim($行);
                if (empty($行)) continue;
                if (strpos($行, 'data: ') === 0) {
                    $json串 = substr($行, 6);
                    if ($json串 === '[DONE]') {
                        echo "data: [DONE]\n\n";
                    } else {
                        $解析 = json_decode($json串, true);
                        if ($解析 && isset($解析['choices'][0])) {
                            $增量 = $解析['choices'][0]['delta']['content'] ?? '';
                            if ($增量 !== '') {
                                $总内容 .= $增量;
                                echo "data: " . json_encode(['content' => $增量], JSON_UNESCAPED_UNICODE) . "\n\n";
                            }
                        }
                    }
                } else {
                    echo $行 . "\n";
                }
            }
            if (ob_get_level()) ob_flush();
            flush();
            return strlen($data);
        },
    ]);
    $结果 = curl_exec($ch);
    $错误 = curl_error($ch);
    $状态码 = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    curl_close($ch);
    // 确保发送结束标记
    echo "data: [DONE]\n\n";
    if (ob_get_level()) ob_flush();
    flush();
    // 记录到数据库
    $耗时 = round(microtime(true) - $开始时间, 2);
    $字数 = mb_strlen($总内容);
    try {
        插入([
            '章' => 'AI请求记录',
            '节' => $模型id,
            '题' => mb_substr($消息[count($消息)-1]['content'] ?? '', 0, 200),
            '几' => $字数,
            '价' => $耗时,
            '为' => $错误 ? '失败' : '成功',
            '串' => $状态码,
            '户' => $_SESSION['用户id'] ?? '',
            '时' => 现在(),
            '群' => 'AI',
        ]);
    } catch (Exception $e) {}
    exit;
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第八部分：用户设置与统计                          ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 获取用户设置 */
function 获取设置() {
    需要登录();
    $记录 = 查询(['章' => '用户设置', '户' => $_SESSION['用户id']], '`号` DESC', 1);
    $设置 = [];
    if (!empty($记录) && !empty($记录[0]['物'])) {
        $设置 = json_decode($记录[0]['物'], true) ?: [];
    }
    // 合并默认设置
    $默认 = [
        '主题' => 'dark',
        '字体大小' => 14,
        '自动保存' => true,
        '回车发送' => true,
        '携带上下文' => true,
        '上下文长度' => 20,
        '默认模型' => 'deepseek',
        '使用本地存储' => true,
    ];
    return array_merge($默认, $设置);
}
/** 保存用户设置 */
function 保存设置($新设置) {
    需要登录();
    $记录 = 查询(['章' => '用户设置', '户' => $_SESSION['用户id']], '`号` DESC', 1);
    $json = json_encode($新设置, JSON_UNESCAPED_UNICODE);
    if (!empty($记录)) {
        更新($记录[0]['号'], ['物' => $json, '时' => 现在()]);
    } else {
        插入([
            '章' => '用户设置',
            '户' => $_SESSION['用户id'],
            '物' => $json,
            '时' => 现在(),
            '群' => '设置',
        ]);
    }
    return true;
}
/** 保存AI密钥 */
function 保存AI密钥($模型id, $密钥) {
    需要登录();
    $加密 = 加密($密钥);
    $记录 = 查询(['章' => 'AI密钥', '节' => $模型id, '户' => $_SESSION['用户id']], '`号` DESC', 1);
    if (!empty($记录)) {
        更新($记录[0]['号'], ['串' => $加密, '时' => 现在()]);
    } else {
        插入([
            '章' => 'AI密钥',
            '节' => $模型id,
            '串' => $加密,
            '户' => $_SESSION['用户id'],
            '时' => 现在(),
            '群' => '密钥',
        ]);
    }
    return true;
}
/** 获取统计数据 */
function 获取统计数据() {
    需要登录();
    $用户 = $_SESSION['用户id'];
    $db = 连接数据库();
    global $数据库配置;
    $表 = $数据库配置['表名'];
    $统计 = [];
    // AI请求统计
    $st = $db->prepare("SELECT `节` as 模型, COUNT(*) as 次数, SUM(CAST(`几` AS UNSIGNED)) as 总字数, AVG(CAST(`价` AS DECIMAL(10,2))) as 平均耗时 FROM `{$表}` WHERE `章`='AI请求记录' AND `户`=? GROUP BY `节`");
    $st->execute([$用户]);
    $统计['AI模型'] = $st->fetchAll();
    // 今日统计
    $今天 = date('Y-m-d');
    $st = $db->prepare("SELECT COUNT(*) as 次数 FROM `{$表}` WHERE `章`='AI请求记录' AND `户`=? AND `时` LIKE ?");
    $st->execute([$用户, $今天 . '%']);
    $行 = $st->fetch();
    $统计['今日AI请求'] = $行['次数'];
    // 操作统计
    $st = $db->prepare("SELECT `节` as 类型, COUNT(*) as 次数 FROM `{$表}` WHERE `章`='操作日志' AND `户`=? GROUP BY `节`");
    $st->execute([$用户]);
    $统计['操作类型'] = $st->fetchAll();
    // 对话统计
    $st = $db->prepare("SELECT COUNT(*) as 总数 FROM `{$表}` WHERE `章`='对话' AND `户`=?");
    $st->execute([$用户]);
    $行 = $st->fetch();
    $统计['对话总数'] = $行['总数'];
    // 7天趋势
    $趋势 = [];
    for ($i = 6; $i >= 0; $i--) {
        $日期 = date('Y-m-d', strtotime("-{$i} days"));
        $st = $db->prepare("SELECT COUNT(*) as 次数 FROM `{$表}` WHERE `章`='AI请求记录' AND `户`=? AND `时` LIKE ?");
        $st->execute([$用户, $日期 . '%']);
        $行 = $st->fetch();
        $趋势[] = ['日期' => $日期, '次数' => intval($行['次数'])];
    }
    $统计['7日趋势'] = $趋势;
    return $统计;
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第九部分：对话管理                                ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
/** 获取对话列表 */
function 获取对话列表() {
    需要登录();
    $用户 = $_SESSION['用户id'];
    $结果 = 查询(
        ['章' => '对话', '户' => $用户, '隐' => ['<>', '1']],
        '`排` DESC, `号` DESC',
        200
    );
    $列表 = [];
    foreach ($结果 as $行) {
        $列表[] = [
            'id' => $行['号'],
            '标题' => $行['题'] ?: '新对话',
            '模型' => $行['节'],
            '时间' => $行['时'],
            '置顶' => $行['排'] === '999999',
            '项目' => $行['组'],
        ];
    }
    return $列表;
}
/** 获取对话消息 */
function 获取对话消息($对话id) {
    需要登录();
    $记录 = 查询(['章' => '对话消息', '组' => strval($对话id), '户' => $_SESSION['用户id']], '`号` ASC', 1000);
    $消息 = [];
    foreach ($记录 as $行) {
        $消息[] = [
            'id' => $行['号'],
            '角色' => $行['节'],
            '内容' => $行['文'],
            '模型' => $行['签'],
            '时间' => $行['时'],
        ];
    }
    return $消息;
}
/** 创建新对话 */
function 创建对话($标题 = '新对话', $模型 = 'deepseek', $项目 = '') {
    需要登录();
    $id = 插入([
        '章' => '对话',
        '节' => $模型,
        '题' => $标题,
        '组' => $项目,
        '排' => '0',
        '隐' => '0',
        '户' => $_SESSION['用户id'],
        '时' => 现在(),
        '群' => '对话',
    ]);
    return $id;
}
/** 保存对话消息 */
function 保存对话消息($对话id, $角色, $内容, $模型 = '') {
    需要登录();
    // 更新对话标题（用第一条用户消息）
    if ($角色 === 'user') {
        $对话 = 查询(['号' => $对话id], '`号` DESC', 1);
        if (!empty($对话) && ($对话[0]['题'] === '新对话' || empty($对话[0]['题']))) {
            $新标题 = mb_substr($内容, 0, 50);
            更新($对话id, ['题' => $新标题]);
        }
    }
    return 插入([
        '章' => '对话消息',
        '节' => $角色,
        '文' => $内容,
        '签' => $模型,
        '组' => strval($对话id),
        '户' => $_SESSION['用户id'],
        '时' => 现在(),
        '群' => '消息',
    ]);
}
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第十部分：API路由                                 ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
$动作 = 取参('动');
if (!empty($动作)) {
    // 处理微信服务器验证
    if ($动作 === '微信验证') {
        if ($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['echostr'])) {
            微信验证();
        } else {
            微信事件处理();
        }
    }
    // 初始化数据库连接
    连接数据库();
    switch ($动作) {
        // ── 登录相关 ──
        case '生成二维码':
            $结果 = 生成登录二维码();
            响应($结果);
            break;
        case '检查登录':
            $场景 = 取参('场景');
            $结果 = 检查登录状态($场景);
            响应($结果);
            break;
        case '调试登录':
            调试登录();
            break;
        case '登录状态':
            if (!empty($_SESSION['用户id'])) {
                响应([
                    '已登录' => true,
                    '用户名' => $_SESSION['用户名'] ?? '',
                    '头像' => $_SESSION['头像'] ?? '',
                    '用户id' => $_SESSION['用户id'],
                ]);
            } else {
                响应(['已登录' => false]);
            }
            break;
        case '退出登录':
            session_destroy();
            响应(['成功' => true]);
            break;
        // ── AI请求 ──
        case 'AI请求':
            AI流式请求();
            break;
        // ── 对话管理 ──
        case '对话列表':
            需要登录();
            响应(['列表' => 获取对话列表()]);
            break;
        case '对话消息':
            需要登录();
            $id = intval(取参('id'));
            响应(['消息' => 获取对话消息($id)]);
            break;
        case '创建对话':
            需要登录();
            $数据 = 取JSON();
            $id = 创建对话($数据['标题'] ?? '新对话', $数据['模型'] ?? 'deepseek', $数据['项目'] ?? '');
            响应(['id' => $id]);
            break;
        case '保存消息':
            需要登录();
            $数据 = 取JSON();
            $id = 保存对话消息($数据['对话id'], $数据['角色'], $数据['内容'], $数据['模型'] ?? '');
            响应(['id' => $id]);
            break;
        case '删除对话':
            需要登录();
            $id = intval(取参('id'));
            更新($id, ['隐' => '1']);
            记录日志('删除', '删除对话', $id);
            响应(['成功' => true]);
            break;
        case '置顶对话':
            需要登录();
            $id = intval(取参('id'));
            $对话 = 查询(['号' => $id], '', 1);
            if (!empty($对话)) {
                $新排 = $对话[0]['排'] === '999999' ? '0' : '999999';
                更新($id, ['排' => $新排]);
            }
            响应(['成功' => true]);
            break;
        case '清空上下文':
            需要登录();
            $对话id = intval(取参('id'));
            $db = 连接数据库();
            global $数据库配置;
            $st = $db->prepare("DELETE FROM `{$数据库配置['表名']}` WHERE `章`='对话消息' AND `组`=? AND `户`=?");
            $st->execute([strval($对话id), $_SESSION['用户id']]);
            响应(['成功' => true]);
            break;
        // ── 项目文件 ──
        case '项目列表':
            需要登录();
            初始化目录();
            响应(['列表' => 获取项目列表()]);
            break;
        case '创建项目':
            需要登录();
            $数据 = 取JSON();
            $名称 = preg_replace('/[^a-zA-Z0-9\-_\.]/', '', $数据['名称'] ?? '');
            if (empty($名称)) 响应(['错误' => '项目名不能为空'], 400);
            创建项目目录($名称);
            记录日志('创建', '创建项目', $名称);
            响应(['成功' => true]);
            break;
        case '文件树':
            需要登录();
            $项目 = 净化(取参('项目'));
            响应(['树' => 获取文件树($项目)]);
            break;
        case '读取文件':
            需要登录();
            $路径 = 取参('路径');
            $内容 = 读取文件($路径);
            if ($内容 === null) 响应(['错误' => '文件不存在'], 404);
            $扩展名 = pathinfo($路径, PATHINFO_EXTENSION);
            响应(['内容' => $内容, '扩展名' => $扩展名, '路径' => $路径]);
            break;
        case '保存文件':
            需要登录();
            $数据 = 取JSON();
            $路径 = $数据['路径'] ?? '';
            $内容 = $数据['内容'] ?? '';
            if (empty($路径)) 响应(['错误' => '路径不能为空'], 400);
            if (保存文件($路径, $内容)) {
                记录日志('保存', '保存文件', $路径);
                响应(['成功' => true]);
            } else {
                响应(['错误' => '保存失败'], 500);
            }
            break;
        case '自动保存':
            需要登录();
            $数据 = 取JSON();
            $项目 = $数据['项目'] ?? '';
            $扩展名 = $数据['扩展名'] ?? 'html';
            $内容 = $数据['内容'] ?? '';
            if (empty($项目)) 响应(['错误' => '项目不能为空'], 400);
            $结果 = 自动编号保存($项目, $扩展名, $内容);
            if ($结果) {
                记录日志('自动保存', '自动编号保存', $结果['路径']);
                响应($结果);
            } else {
                响应(['错误' => '保存失败'], 500);
            }
            break;
        case '删除文件':
            需要登录();
            $路径 = 取参('路径');
            if (删除文件($路径)) {
                记录日志('删除', '删除文件', $路径);
                响应(['成功' => true]);
            } else {
                响应(['错误' => '删除失败'], 500);
            }
            break;
        case '重命名文件':
            需要登录();
            $数据 = 取JSON();
            global $根目录;
            $旧路径 = $根目录 . '/' . $数据['旧路径'];
            $新路径 = $根目录 . '/' . $数据['新路径'];
            if (安全路径(dirname($旧路径)) && 安全路径(dirname($新路径))) {
                rename($旧路径, $新路径);
                记录日志('重命名', '重命名文件', $数据['旧路径'] . ' -> ' . $数据['新路径']);
                响应(['成功' => true]);
            } else {
                响应(['错误' => '路径不安全'], 403);
            }
            break;
        case '上传文件':
            需要登录();
            if (empty($_FILES['文件'])) 响应(['错误' => '没有文件'], 400);
            $文件 = $_FILES['文件'];
            $项目 = 净化($_POST['项目'] ?? '');
            global $系统配置, $根目录;
            if ($文件['size'] > $系统配置['上传限制']) 响应(['错误' => '文件过大'], 400);
            $扩展名 = strtolower(pathinfo($文件['name'], PATHINFO_EXTENSION));
            if (!in_array($扩展名, $系统配置['允许扩展名'])) 响应(['错误' => '不允许的文件类型'], 400);
            $目标目录 = $根目录 . '/' . $项目 . '/' . $扩展名;
            if (!is_dir($目标目录)) mkdir($目标目录, 0755, true);
            $目标路径 = $目标目录 . '/' . basename($文件['name']);
            if (move_uploaded_file($文件['tmp_name'], $目标路径)) {
                记录日志('上传', '上传文件', $项目 . '/' . $扩展名 . '/' . basename($文件['name']));
                响应(['成功' => true, '路径' => $项目 . '/' . $扩展名 . '/' . basename($文件['name'])]);
            } else {
                响应(['错误' => '上传失败'], 500);
            }
            break;
        // ── 设置 ──
        case '获取设置':
            $设置 = 获取设置();
            // 获取AI密钥配置状态（不返回密钥本身）
            $密钥状态 = [];
            global $AI模型表;
            foreach ($AI模型表 as $id => $模型) {
                $key = 获取AI密钥($id);
                $密钥状态[$id] = ['已配置' => !empty($key), '名称' => $模型['名称']];
            }
            响应(['设置' => $设置, '密钥状态' => $密钥状态]);
            break;
        case '保存设置':
            $数据 = 取JSON();
            保存设置($数据);
            响应(['成功' => true]);
            break;
        case '保存密钥':
            需要登录();
            $数据 = 取JSON();
            $模型 = $数据['模型'] ?? '';
            $密钥 = $数据['密钥'] ?? '';
            if (empty($模型)) 响应(['错误' => '模型不能为空'], 400);
            保存AI密钥($模型, $密钥);
            记录日志('设置', '保存AI密钥', $模型);
            响应(['成功' => true]);
            break;
        // ── 统计 ──
        case '统计数据':
            $统计 = 获取统计数据();
            响应($统计);
            break;
        // ── 备份 ──
        case '备份数据':
            需要登录();
            $db = 连接数据库();
            global $数据库配置;
            $st = $db->query("SELECT * FROM `{$数据库配置['表名']}` WHERE `户`='" . $_SESSION['用户id'] . "'");
            $数据 = $st->fetchAll();
            header('Content-Type: application/json');
            header('Content-Disposition: attachment; filename=asipk_backup_' . date('YmdHis') . '.json');
            echo json_encode($数据, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
            exit;
            break;
        default:
            响应(['错误' => '未知操作'], 400);
    }
    exit;
}
// 初始化目录结构
连接数据库();
初始化目录();
$csrf_token = 生成CSRF();
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃  第十一部分：前端页面（单文件HTML+CSS+JS 完全内嵌于PHP中）     ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
?>
<!DOCTYPE html><html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asipk - AI智能开发环境</title>
<style>
/* ═══════════════════════════════════════════
   CSS：主题变量 + 全局样式 + 布局 + 组件
   ═══════════════════════════════════════════ */
:root {
    /* 暗色主题（默认） */
    --背景主: #1a1a2e;
    --背景副: #16213e;
    --背景三: #0f3460;
    --背景四: #202040;
    --背景悬停: #2a2a4a;
    --文字主: #e4e4e7;
    --文字副: #a1a1aa;
    --文字三: #71717a;
    --边框色: #333355;
    --主色: #7c3aed;
    --主色浅: #8b5cf6;
    --主色暗: #6d28d9;
    --成功色: #10b981;
    --警告色: #f59e0b;
    --错误色: #ef4444;
    --代码背景: #1e1e2e;
    --滚动条: #444466;
    --阴影: 0 4px 20px rgba(0,0,0,0.3);
    --圆角: 12px;
    --圆角小: 8px;
    --过渡: 0.2s ease;
}
[data-theme="light"] {
    --背景主: #ffffff;
    --背景副: #f4f4f5;
    --背景三: #e4e4e7;
    --背景四: #fafafa;
    --背景悬停: #f0f0f5;
    --文字主: #18181b;
    --文字副: #52525b;
    --文字三: #a1a1aa;
    --边框色: #d4d4d8;
    --主色: #7c3aed;
    --主色浅: #8b5cf6;
    --主色暗: #6d28d9;
    --代码背景: #f5f5f5;
    --滚动条: #c4c4c8;
    --阴影: 0 4px 20px rgba(0,0,0,0.08);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background: var(--背景主);
    color: var(--文字主);
    overflow: hidden;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--滚动条); border-radius: 3px; }
a { color: var(--主色浅); text-decoration: none; }
button { cursor: pointer; border: none; background: none; color: inherit; font-family: inherit; }
/* ── 全局布局：5栏 ── */
#应用 {
    display: flex;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
/* 第1栏：文件列表（默认隐藏） */
#文件栏 {
    width: 0;
    min-width: 0;
    background: var(--背景副);
    border-right: 1px solid var(--边框色);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width var(--过渡), min-width var(--过渡);
}
#文件栏.展开 {
    width: 260px;
    min-width: 260px;
}
/* 第2栏：对话列表 */
#对话栏 {
    width: 280px;
    min-width: 280px;
    background: var(--背景副);
    border-right: 1px solid var(--边框色);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* 第3栏：主内容区 */
#主栏 {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--背景主);
    min-width: 0;
}
/* 第4栏：代码预览 */
#预览栏 {
    width: 0;
    min-width: 0;
    background: var(--背景四);
    border-left: 1px solid var(--边框色);
    overflow: hidden;
    transition: width var(--过渡), min-width var(--过渡);
}
#预览栏.展开 {
    width: 45%;
    min-width: 400px;
}
/* 第5栏：提示词生成器（默认隐藏） */
#提示栏 {
    width: 0;
    min-width: 0;
    background: var(--背景副);
    border-left: 1px solid var(--边框色);
    overflow: hidden;
    transition: width var(--过渡), min-width var(--过渡);
}
#提示栏.展开 {
    width: 300px;
    min-width: 300px;
}
/* ── 顶部栏 ── */
.顶栏 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--边框色);
    min-height: 56px;
    background: var(--背景副);
}
.顶栏 h2 {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ── 按钮样式 ── */
.按钮 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: var(--圆角小);
    font-size: 13px;
    font-weight: 500;
    transition: all var(--过渡);
    white-space: nowrap;
}
.按钮:hover { opacity: 0.85; }
.按钮.主色 { background: var(--主色); color: white; }
.按钮.主色:hover { background: var(--主色暗); }
.按钮.次色 { background: var(--背景三); color: var(--文字主); }
.按钮.次色:hover { background: var(--背景悬停); }
.按钮.小 { padding: 4px 10px; font-size: 12px; }
.按钮.图标 { padding: 6px; width: 32px; height: 32px; border-radius: 8px; }
.按钮.图标:hover { background: var(--背景悬停); }
/* ── 输入框 ── */
.输入框 {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--边框色);
    border-radius: var(--圆角小);
    background: var(--背景主);
    color: var(--文字主);
    font-size: 13px;
    outline: none;
    transition: border-color var(--过渡);
}
.输入框:focus { border-color: var(--主色); }
/* ── 登录遮罩 ── */
#登录遮罩 {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--背景主);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#登录遮罩.隐藏 { display: none; }
.登录框 {
    text-align: center;
    padding: 48px;
    background: var(--背景副);
    border-radius: var(--圆角);
    box-shadow: var(--阴影);
    max-width: 420px;
    width: 90%;
}
.登录框 h1 {
    font-size: 28px;
    margin-bottom: 8px;
    background: linear-gradient(135deg, var(--主色浅), #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.登录框 p { color: var(--文字副); margin-bottom: 24px; }
.登录框 .二维码区 {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    background: white;
    border-radius: var(--圆角小);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.登录框 .二维码区 img { width: 100%; height: 100%; object-fit: cover; }
.登录状态文字 { color: var(--文字副); font-size: 14px; margin-top: 12px; }
/* ── 对话列表 ── */
.新建对话按钮 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 12px 8px;
    padding: 10px 16px;
    background: var(--主色);
    color: white;
    border-radius: var(--圆角小);
    font-size: 14px;
    font-weight: 500;
    transition: background var(--过渡);
}
.新建对话按钮:hover { background: var(--主色暗); }
.搜索区 { padding: 0 12px 8px; }
.搜索区 input { width: 100%; }
.对话列表 {
    flex: 1;
    overflow-y: auto;
    padding: 0 8px;
}
.对话项 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    margin-bottom: 2px;
    border-radius: var(--圆角小);
    cursor: pointer;
    transition: background var(--过渡);
    position: relative;
}
.对话项:hover { background: var(--背景悬停); }
.对话项.活跃 { background: var(--背景三); }
.对话项 .标题行 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
}
.对话项 .标题行 .置顶标 {
    font-size: 10px;
    color: var(--警告色);
}
.对话项 .信息行 {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--文字三);
}
.对话项 .操作区 {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    gap: 2px;
}
.对话项:hover .操作区 { display: flex; }
/* ── 主内容区顶栏 ── */
.主顶栏 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    border-bottom: 1px solid var(--边框色);
    min-height: 52px;
    gap: 12px;
    flex-shrink: 0;
}
.主顶栏 .左 { display: flex; align-items: center; gap: 12px; }
.主顶栏 .右 { display: flex; align-items: center; gap: 6px; }
.模型选择器 {
    padding: 6px 12px;
    border: 1px solid var(--边框色);
    border-radius: var(--圆角小);
    background: var(--背景副);
    color: var(--文字主);
    font-size: 13px;
    outline: none;
    cursor: pointer;
}
/* ── 消息区 ── */
.消息区 {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}
.消息项 {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.消息项:hover > .消息操作 { opacity: 1; }
.头像 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--主色);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: white;
    flex-shrink: 0;
    font-weight: 600;
}
.头像.AI { background: linear-gradient(135deg, #06b6d4, #8b5cf6); }
.头像 img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.消息体 {
    flex: 1;
    min-width: 0;
}
.消息头 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.消息头 span { color: var(--文字三); font-weight: 400; font-size: 11px; }
.消息内容 {
    font-size: 14px;
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.消息内容 p { margin-bottom: 10px; }
.消息内容 strong { font-weight: 600; }
.消息内容 em { font-style: italic; }
.消息内容 ul, .消息内容 ol { margin: 8px 0; padding-left: 24px; }
.消息内容 li { margin-bottom: 4px; }
.消息内容 blockquote {
    border-left: 3px solid var(--主色);
    padding: 8px 16px;
    margin: 10px 0;
    background: var(--背景副);
    border-radius: 0 var(--圆角小) var(--圆角小) 0;
    color: var(--文字副);
}
.消息内容 a { color: var(--主色浅); text-decoration: underline; }
.消息内容 table { border-collapse: collapse; width: 100%; margin: 10px 0; }
.消息内容 th, .消息内容 td { border: 1px solid var(--边框色); padding: 8px 12px; text-align: left; font-size: 13px; }
.消息内容 th { background: var(--背景副); font-weight: 600; }
.消息内容 hr { border: none; border-top: 1px solid var(--边框色); margin: 16px 0; }
.消息操作 {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity var(--过渡);
    background: var(--背景副);
    border-radius: var(--圆角小);
    padding: 2px;
    box-shadow: var(--阴影);
}
/* ── 代码块 ── */
.代码块 {
    position: relative;
    margin: 12px 0;
    border-radius: var(--圆角小);
    background: var(--代码背景);
    border: 1px solid var(--边框色);
    overflow: hidden;
}
.代码块头 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: rgba(0,0,0,0.15);
    font-size: 12px;
    color: var(--文字三);
    border-bottom: 1px solid var(--边框色);
    cursor: pointer;
}
.代码块头 .语言 { font-weight: 600; text-transform: uppercase; }
.代码块头 .操作 { display: flex; gap: 4px; }
.代码块体 {
    max-height: 400px;
    overflow: auto;
    transition: max-height 0.3s ease;
}
.代码块体.展开 { max-height: none; }
.代码块体 pre {
    margin: 0;
    padding: 14px;
    font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;
    font-size: 13px;
    line-height: 1.6;
    white-space: pre;
    overflow-x: auto;
}
.代码块体 code {
    font-family: inherit;
    color: var(--文字主);
}
/* 语法高亮 */
.hl-关键字 { color: #c678dd; }
.hl-字符串 { color: #98c379; }
.hl-注释 { color: #5c6370; font-style: italic; }
.hl-函数 { color: #61afef; }
.hl-数字 { color: #d19a66; }
.hl-标签 { color: #e06c75; }
.hl-属性 { color: #d19a66; }
.hl-值 { color: #98c379; }
.hl-选择器 { color: #e06c75; }
.hl-属性名 { color: #61afef; }
/* ── 输入区 ── */
.输入区 {
    padding: 16px 20px;
    border-top: 1px solid var(--边框色);
    background: var(--背景主);
    flex-shrink: 0;
}
.输入容器 {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    align-items: flex-end;
}
.输入框容器 {
    flex: 1;
    position: relative;
}
#消息输入 {
    width: 100%;
    min-height: 44px;
    max-height: 200px;
    padding: 10px 16px;
    border: 1px solid var(--边框色);
    border-radius: var(--圆角);
    background: var(--背景副);
    color: var(--文字主);
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none;
    font-family: inherit;
    transition: border-color var(--过渡);
}
#消息输入:focus { border-color: var(--主色); }
#消息输入::placeholder { color: var(--文字三); }
.发送按钮 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--主色);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--过渡);
    flex-shrink: 0;
}
.发送按钮:hover { background: var(--主色暗); transform: scale(1.05); }
.发送按钮:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
.发送按钮 svg { width: 20px; height: 20px; }
.输入工具栏 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    color: var(--文字三);
}
.输入工具栏 label {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.输入工具栏 input[type="checkbox"] { accent-color: var(--主色); }
/* ── 编辑器区域 ── */
.编辑器标签栏 {
    display: flex;
    align-items: center;
    background: var(--背景副);
    border-bottom: 1px solid var(--边框色);
    overflow-x: auto;
    min-height: 36px;
}
.编辑器标签 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 12px;
    white-space: nowrap;
    border-right: 1px solid var(--边框色);
    cursor: pointer;
    transition: background var(--过渡);
}
.编辑器标签:hover { background: var(--背景悬停); }
.编辑器标签.活跃 { background: var(--背景主); border-bottom: 2px solid var(--主色); }
.编辑器标签 .关闭 { font-size: 14px; opacity: 0.5; }
.编辑器标签 .关闭:hover { opacity: 1; }
#编辑器容器 {
    flex: 1;
    position: relative;
    min-height: 0;
}
/* ── 预览区 ── */
.预览顶栏 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--边框色);
    font-size: 13px;
}
#预览iframe {
    width: 100%;
    height: calc(100% - 40px);
    border: none;
    background: white;
}
/* ── 模态框 ── */
.模态遮罩 {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--过渡);
}
.模态遮罩.显示 { opacity: 1; pointer-events: all; }
.模态框 {
    background: var(--背景副);
    border-radius: var(--圆角);
    box-shadow: var(--阴影);
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    transform: translateY(20px);
    transition: transform var(--过渡);
}
.模态遮罩.显示 .模态框 { transform: translateY(0); }
.模态头 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--边框色);
    font-size: 16px;
    font-weight: 600;
}
.模态体 { padding: 20px; }
.模态脚 {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--边框色);
}
/* ── 设置面板 ── */
.设置组 {
    margin-bottom: 20px;
}
.设置组 h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--文字副);
}
.设置项 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--边框色);
}
.设置项:last-child { border-bottom: none; }
.设置项 label { font-size: 13px; }
.设置项 .说明 { font-size: 11px; color: var(--文字三); margin-top: 2px; }
.密钥输入 { width: 280px; }
/* ── Toast提示 ── */
.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    padding: 12px 20px;
    border-radius: var(--圆角小);
    font-size: 13px;
    color: white;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s ease;
    pointer-events: none;
}
.toast.显示 { opacity: 1; transform: translateX(0); }
.toast.成功 { background: var(--成功色); }
.toast.错误 { background: var(--错误色); }
.toast.信息 { background: var(--主色); }
/* ── 加载动画 ── */
.加载动画 {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.加载动画 .点 {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--主色浅);
    animation: 跳动 1.4s infinite;
}
.加载动画 .点:nth-child(2) { animation-delay: 0.2s; }
.加载动画 .点:nth-child(3) { animation-delay: 0.4s; }
@keyframes 跳动 { 0%,80%,100% { transform: scale(0); } 40% { transform: scale(1); } }
/* ── 文件树 ── */
.文件树 { padding: 8px; overflow-y: auto; flex: 1; }
.树项 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: background var(--过渡);
}
.树项:hover { background: var(--背景悬停); }
.树项.活跃 { background: var(--背景三); }
.树项 .图标 { font-size: 14px; width: 18px; text-align: center; }
.树子项 { margin-left: 16px; }
/* ── 统计图表 ── */
.统计网格 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.统计卡 {
    background: var(--背景副);
    border-radius: var(--圆角小);
    padding: 16px;
    border: 1px solid var(--边框色);
}
.统计卡 .标签 { font-size: 12px; color: var(--文字三); margin-bottom: 4px; }
.统计卡 .数值 { font-size: 24px; font-weight: 700; color: var(--主色浅); }
.图表容器 {
    background: var(--背景副);
    border-radius: var(--圆角小);
    padding: 16px;
    border: 1px solid var(--边框色);
    margin-bottom: 16px;
}
.图表容器 canvas { width: 100%; height: 200px; }
/* ── 响应式 ── */
@media (max-width: 1024px) {
    #对话栏 { width: 240px; min-width: 240px; }
    #预览栏.展开 { width: 40%; min-width: 320px; }
}
@media (max-width: 768px) {
    #对话栏 { position: fixed; left: -280px; z-index: 1000; height: 100%; transition: left var(--过渡); }
    #对话栏.移动展开 { left: 0; }
}
</style>
</head>
<body>
<!-- ═══ 登录遮罩 ═══ -->
<div id="登录遮罩" class="<?php echo !empty($_SESSION['用户id']) ? '隐藏' : ''; ?>">
    <div class="登录框">
        <h1>🚀 asipk</h1>
        <p>AI智能集成开发环境</p>
        <div class="二维码区" id="二维码区">
            <div style="color:#999;font-size:14px">正在生成二维码...</div>
        </div>
        <div class="登录状态文字" id="登录状态文字">请用微信扫码登录</div>
        <?php if ($系统配置['调试模式']): ?>
        <button class="按钮 主色" style="margin-top:16px;width:100%" onclick="调试登录()">
            🔧 调试模式快速登录
        </button>
        <?php endif; ?>
    </div>
</div>
<!-- ═══ 主应用 ═══ -->
<div id="应用">
    <!-- 第1栏：文件列表 -->
    <div id="文件栏">
        <div class="顶栏">
            <h2>📁 文件</h2>
            <button class="按钮 图标" onclick="切换栏('文件栏')" title="关闭">✕</button>
        </div>
        <div class="搜索区" style="padding:8px 12px">
            <select class="输入框" id="项目选择" onchange="切换项目(this.value)">
                <option value="">选择项目...</option>
            </select>
        </div>
        <div class="文件树" id="文件树"></div>
        <div style="padding:8px 12px;border-top:1px solid var(--边框色)">
            <button class="按钮 主色 小" style="width:100%" onclick="显示新建项目()">+ 新建项目</button>
        </div>
    </div>
    <!-- 第2栏：对话列表 -->
    <div id="对话栏">
        <div class="顶栏">
            <h2>💬 对话</h2>
            <div style="display:flex;gap:4px">
                <button class="按钮 图标" onclick="切换栏('文件栏')" title="文件管理">📁</button>
                <button class="按钮 图标" onclick="显示设置()" title="设置">⚙</button>
            </div>
        </div>
        <button class="新建对话按钮" onclick="新建对话()">
            <span>✨</span> 新建对话
        </button>
        <div class="搜索区">
            <input class="输入框" type="text" placeholder="搜索对话..." id="对话搜索" oninput="搜索对话(this.value)">
        </div>
        <div class="对话列表" id="对话列表"></div>
        <div style="padding:8px 12px;border-top:1px solid var(--边框色);display:flex;gap:4px;justify-content:center">
            <button class="按钮 小 次色" onclick="显示统计()">📊</button>
            <button class="按钮 小 次色" onclick="切换主题()">🌙</button>
            <button class="按钮 小 次色" onclick="导出备份()">💾</button>
            <button class="按钮 小 次色" onclick="退出登录()">🚪</button>
        </div>
    </div>
    <!-- 第3栏：主内容区 -->
    <div id="主栏">
        <!-- 编辑器模式顶栏 -->
        <div class="主顶栏">
            <div class="左">
                <button class="按钮 图标" onclick="切换移动对话栏()" title="菜单" style="display:none" id="移动菜单按钮">☰</button>
                <select class="模型选择器" id="模型选择" onchange="切换模型(this.value)">
                    <?php foreach ($AI模型表 as $id => $模型): ?>
                    <option value="<?php echo $id; ?>"><?php echo $模型['名称']; ?></option>
                    <?php endforeach; ?>
                </select>
                <span id="当前对话标题" style="font-size:14px;font-weight:500"></span>
            </div>
            <div class="右">
                <label style="font-size:12px;display:flex;align-items:center;gap:4px;color:var(--文字副)">
                    <input type="checkbox" id="多AI开关"> 多AI
                </label>
                <button class="按钮 图标" onclick="切换编辑器()" title="代码编辑器" id="编辑器切换">📝</button>
                <button class="按钮 图标" onclick="切换栏('预览栏')" title="预览">👁</button>
                <button class="按钮 图标" onclick="切换栏('提示栏')" title="提示词">💡</button>
            </div>
        </div>
        <!-- 编辑器标签栏 -->
        <div class="编辑器标签栏" id="标签栏" style="display:none"></div>
        <!-- 消息/编辑器分割 -->
        <div style="flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden" id="内容容器">
            <!-- 消息区 -->
            <div class="消息区" id="消息区">
                <div style="text-align:center;padding:80px 20px;color:var(--文字三)">
                    <div style="font-size:48px;margin-bottom:16px">🚀</div>
                    <h2 style="font-size:20px;margin-bottom:8px;color:var(--文字主)">欢迎使用 asipk</h2>
                    <p>选择AI模型，开始对话。输入代码需求，生成/编辑/分析代码。</p>
                </div>
            </div>
            <!-- Monaco编辑器 -->
            <div id="编辑器区" style="display:none;flex:1;min-height:0">
                <div id="编辑器容器" style="height:100%"></div>
            </div>
        </div>
        <!-- 输入区 -->
        <div class="输入区">
            <div class="输入容器">
                <div class="输入框容器">
                    <textarea id="消息输入" placeholder="输入消息...（Shift+Enter换行）" rows="1"></textarea>
                </div>
                <button class="发送按钮" id="发送按钮" onclick="发送消息()">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M22 2L11 13M22 2l-7 20-4-9-9-4z"/>
                    </svg>
                </button>
            </div>
            <div class="输入工具栏">
                <label><input type="checkbox" id="携带上下文" checked> 携带上下文</label>
                <label><input type="checkbox" id="回车发送" checked> 回车发送</label>
                <span style="flex:1"></span>
                <span id="字符计数">0 字</span>
            </div>
        </div>
    </div>
    <!-- 第4栏：预览 -->
    <div id="预览栏">
        <div class="预览顶栏">
            <span>👁 预览</span>
            <div style="display:flex;gap:4px">
                <button class="按钮 小 次色" onclick="刷新预览()">🔄</button>
                <button class="按钮 小 次色" onclick="切换栏('预览栏')">✕</button>
            </div>
        </div>
        <iframe id="预览iframe" sandbox="allow-scripts allow-modals allow-forms allow-same-origin"></iframe>
    </div>
    <!-- 第5栏：提示词 -->
    <div id="提示栏">
        <div class="顶栏">
            <h2>💡 提示词</h2>
            <button class="按钮 图标" onclick="切换栏('提示栏')">✕</button>
        </div>
        <div style="padding:12px;overflow-y:auto;flex:1">
            <div class="设置组">
                <h3>常用提示词</h3>
                <div style="display:flex;flex-direction:column;gap:6px" id="提示词列表">
                    <button class="按钮 次色 小" onclick="插入提示('请帮我生成一个')">生成代码</button>
                    <button class="按钮 次色 小" onclick="插入提示('请分析以下代码的问题并修复：')">分析修复</button>
                    <button class="按钮 次色 小" onclick="插入提示('请优化以下代码的性能：')">性能优化</button>
                    <button class="按钮 次色 小" onclick="插入提示('请为以下代码添加注释：')">添加注释</button>
                    <button class="按钮 次色 小" onclick="插入提示('请将以下代码转换为')">代码转换</button>
                    <button class="按钮 次色 小" onclick="插入提示('请解释以下代码的功能：')">代码解释</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ═══ 模态框：设置 ═══ -->
<div class="模态遮罩" id="设置模态">
    <div class="模态框" style="max-width:700px">
        <div class="模态头">
            <span>⚙ 设置</span>
            <button class="按钮 图标" onclick="关闭模态('设置模态')">✕</button>
        </div>
        <div class="模态体" id="设置内容">
            <!-- 设置面板 - AI密钥管理 -->
            <div class="设置组">
                <h3>🔑 AI模型密钥配置</h3>
                <div id="密钥配置区"></div>
            </div>
            <div class="设置组">
                <h3>🎨 界面设置</h3>
                <div class="设置项">
                    <div><label>主题模式</label><div class="说明">切换亮色/暗色主题</div></div>
                    <select class="输入框" style="width:120px" id="设置主题" onchange="应用主题(this.value)">
                        <option value="dark">暗色</option>
                        <option value="light">亮色</option>
                    </select>
                </div>
                <div class="设置项">
                    <div><label>字体大小</label><div class="说明">编辑器和对话字体大小</div></div>
                    <input class="输入框" type="number" style="width:80px" id="设置字号" value="14" min="10" max="24">
                </div>
            </div>
            <div class="设置组">
                <h3>🤖 AI设置</h3>
                <div class="设置项">
                    <div><label>默认模型</label></div>
                    <select class="输入框" style="width:140px" id="设置默认模型">
                        <?php foreach ($AI模型表 as $id => $模型): ?>
                        <option value="<?php echo $id; ?>"><?php echo $模型['名称']; ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="设置项">
                    <div><label>上下文长度</label><div class="说明">携带最近N条消息</div></div>
                    <input class="输入框" type="number" style="width:80px" id="设置上下文长度" value="20" min="1" max="100">
                </div>
                <div class="设置项">
                    <div><label>温度</label><div class="说明">0-2，越高越随机</div></div>
                    <input class="输入框" type="number" style="width:80px" id="设置温度" value="0.7" min="0" max="2" step="0.1">
                </div>
            </div>
        </div>
        <div class="模态脚">
            <button class="按钮 次色" onclick="关闭模态('设置模态')">取消</button>
            <button class="按钮 主色" onclick="保存所有设置()">保存设置</button>
        </div>
    </div>
</div>
<!-- ═══ 模态框：统计 ═══ -->
<div class="模态遮罩" id="统计模态">
    <div class="模态框" style="max-width:800px">
        <div class="模态头">
            <span>📊 统计中心</span>
            <button class="按钮 图标" onclick="关闭模态('统计模态')">✕</button>
        </div>
        <div class="模态体" id="统计内容">
            <div class="统计网格" id="统计卡片"></div>
            <div class="图表容器">
                <h3 style="font-size:14px;margin-bottom:12px">7日请求趋势</h3>
                <canvas id="趋势图表" height="200"></canvas>
            </div>
        </div>
    </div>
</div>
<!-- ═══ Toast ═══ -->
<div class="toast" id="toast"></div>
<script>
/* ═══════════════════════════════════════════════
   JavaScript：核心应用逻辑（完全原生实现）
   ═══════════════════════════════════════════════ */
// ── 全局状态 ──
const 状态 = {
    csrf: '<?php echo $csrf_token; ?>',
    已登录: <?php echo !empty($_SESSION['用户id']) ? 'true' : 'false'; ?>,
    用户名: '<?php echo addslashes($_SESSION['用户名'] ?? ''); ?>',
    用户id: '<?php echo addslashes($_SESSION['用户id'] ?? ''); ?>',
    当前对话: null,
    当前项目: '',
    对话列表: [],
    消息列表: [],
    正在生成: false,
    编辑器实例: null,
    编辑器显示: false,
    打开文件: [],
    当前文件: null,
    主题: localStorage.getItem('asipk_theme') || 'dark',
    设置: {},
    扫码场景: '',
    扫码轮询: null,
    AI控制器: null,
};
// ── 初始化 ──
document.addEventListener('DOMContentLoaded', function() {
    应用主题(状态.主题);
    if (状态.已登录) {
        初始化应用();
    } else {
        初始化登录();
    }
    绑定快捷键();
    绑定输入框();
});
function 初始化应用() {
    加载对话列表();
    加载项目列表();
    加载用户设置();
}
// ── 登录相关 ──
function 初始化登录() {
    生成二维码();
}
async function 生成二维码() {
    try {
        const 响应 = await fetch('?动=生成二维码');
        const 数据 = await 响应.json();
        if (数据.二维码) {
            document.getElementById('二维码区').innerHTML = `<img src="${数据.二维码}" alt="登录二维码">`;
            状态.扫码场景 = 数据.场景;
            开始轮询登录();
        } else if (数据.调试) {
            document.getElementById('二维码区').innerHTML = '<div style="color:#666;font-size:13px;padding:20px">调试模式<br>请点击下方按钮登录</div>';
            状态.扫码场景 = 数据.场景;
        } else {
            document.getElementById('二维码区').innerHTML = '<div style="color:#f66;font-size:13px;padding:20px">请配置微信公众号<br>或开启调试模式</div>';
        }
    } catch(e) {
        document.getElementById('二维码区').innerHTML = '<div style="color:#f66;font-size:13px;padding:20px">加载失败</div>';
    }
}
function 开始轮询登录() {
    if (状态.扫码轮询) clearInterval(状态.扫码轮询);
    状态.扫码轮询 = setInterval(async () => {
        try {
            const 响应 = await fetch(`?动=检查登录&场景=${状态.扫码场景}`);
            const 数据 = await 响应.json();
            if (数据.状态 === '已登录') {
                clearInterval(状态.扫码轮询);
                状态.已登录 = true;
                状态.用户名 = 数据.用户名;
                document.getElementById('登录遮罩').classList.add('隐藏');
                提示('登录成功！', '成功');
                初始化应用();
            } else if (数据.状态 === '已扫码') {
                document.getElementById('登录状态文字').textContent = '已扫码，正在登录...';
            }
        } catch(e) {}
    }, 2000);
}
async function 调试登录() {
    try {
        const 响应 = await fetch('?动=调试登录');
        const 数据 = await 响应.json();
        if (数据.成功) {
            状态.已登录 = true;
            状态.用户名 = 数据.用户名 || '调试用户';
            document.getElementById('登录遮罩').classList.add('隐藏');
            提示('调试登录成功！', '成功');
            初始化应用();
        }
    } catch(e) {
        提示('登录失败', '错误');
    }
}
async function 退出登录() {
    await fetch('?动=退出登录');
    location.reload();
}
// ── 对话管理 ──
async function 加载对话列表() {
    try {
        const 响应 = await fetch('?动=对话列表');
        const 数据 = await 响应.json();
        状态.对话列表 = 数据.列表 || [];
        渲染对话列表();
    } catch(e) {}
}
function 渲染对话列表(过滤词 = '') {
    const 容器 = document.getElementById('对话列表');
    let 列表 = 状态.对话列表;
    if (过滤词) {
        列表 = 列表.filter(d => d.标题.includes(过滤词) || (d.模型||'').includes(过滤词));
    }
    if (列表.length === 0) {
        容器.innerHTML = '<div style="text-align:center;padding:40px 20px;color:var(--文字三)"><p>暂无对话</p><p style="font-size:12px;margin-top:8px">点击"新建对话"开始</p></div>';
        return;
    }
    容器.innerHTML = 列表.map(d => `
        <div class="对话项 ${d.id == 状态.当前对话 ? '活跃' : ''}" onclick="选择对话(${d.id})" data-id="${d.id}">
            <div class="标题行">
                ${d.置顶 ? '<span class="置顶标">📌</span>' : ''}
                <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${转义(d.标题)}</span>
            </div>
            <div class="信息行">
                <span>${d.模型 || 'deepseek'}</span>
                <span>${d.时间 ? d.时间.substring(5,16) : ''}</span>
            </div>
            <div class="操作区">
                <button class="按钮 图标 小" onclick="event.stopPropagation();置顶对话(${d.id})" title="置顶">📌</button>
                <button class="按钮 图标 小" onclick="event.stopPropagation();删除对话确认(${d.id})" title="删除">🗑</button>
            </div>
        </div>
    `).join('');
}
function 搜索对话(词) {
    渲染对话列表(词);
}
async function 新建对话() {
    const 模型 = document.getElementById('模型选择').value;
    try {
        const 响应 = await fetch('?动=创建对话', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify({标题: '新对话', 模型: 模型, 项目: 状态.当前项目})
        });
        const 数据 = await 响应.json();
        状态.当前对话 = 数据.id;
        状态.消息列表 = [];
        渲染消息区();
        await 加载对话列表();
        document.getElementById('当前对话标题').textContent = '新对话';
    } catch(e) {
        提示('创建对话失败', '错误');
    }
}
async function 选择对话(id) {
    状态.当前对话 = id;
    const 对话 = 状态.对话列表.find(d => d.id == id);
    document.getElementById('当前对话标题').textContent = 对话 ? 对话.标题 : '';
    // 更新选中状态
    document.querySelectorAll('.对话项').forEach(el => {
        el.classList.toggle('活跃', el.dataset.id == id);
    });
    // 加载消息
    try {
        const 响应 = await fetch(`?动=对话消息&id=${id}`);
        const 数据 = await 响应.json();
        状态.消息列表 = 数据.消息 || [];
        渲染消息区();
    } catch(e) {}
}
async function 置顶对话(id) {
    await fetch(`?动=置顶对话&id=${id}`);
    加载对话列表();
}
async function 删除对话确认(id) {
    if (!confirm('确定删除这个对话吗？')) return;
    await fetch(`?动=删除对话&id=${id}`);
    if (状态.当前对话 == id) {
        状态.当前对话 = null;
        状态.消息列表 = [];
        渲染消息区();
    }
    加载对话列表();
    提示('对话已删除', '成功');
}
// ── 消息渲染 ──
function 渲染消息区() {
    const 区 = document.getElementById('消息区');
    if (状态.消息列表.length === 0) {
        区.innerHTML = `
            <div style="text-align:center;padding:80px 20px;color:var(--文字三)">
                <div style="font-size:48px;margin-bottom:16px">🚀</div>
                <h2 style="font-size:20px;margin-bottom:8px;color:var(--文字主)">开始对话</h2>
                <p>在下方输入框中输入消息，按回车发送</p>
            </div>`;
        return;
    }
    区.innerHTML = 状态.消息列表.map((m, i) => 渲染消息项(m, i)).join('');
    区.scrollTop = 区.scrollHeight;
    // 绑定代码块事件
    绑定代码块事件();
}
function 渲染消息项(消息, 索引) {
    const 是用户 = 消息.角色 === 'user';
    const 头像内容 = 是用户 ? '👤' : '🤖';
    const 名称 = 是用户 ? (状态.用户名 || '你') : (消息.模型 || 'AI');
    const 渲染内容 = 是用户 ? `<p>${转义(消息.内容)}</p>` : 渲染Markdown(消息.内容);
    return `
    <div class="消息项" data-index="${索引}">
        <div class="头像 ${是用户 ? '' : 'AI'}">${头像内容}</div>
        <div class="消息体">
            <div class="消息头">${转义(名称)} <span>${消息.时间 || ''}</span></div>
            <div class="消息内容">${渲染内容}</div>
        </div>
        <div class="消息操作">
            <button class="按钮 图标 小" onclick="复制消息内容(${索引})" title="复制">📋</button>
            ${!是用户 ? `<button class="按钮 图标 小" onclick="导入编辑器(${索引})" title="导入编辑器">📝</button>` : ''}
        </div>
    </div>`;
}
function 复制消息内容(索引) {
    const 内容 = 状态.消息列表[索引]?.内容 || '';
    navigator.clipboard.writeText(内容).then(() => 提示('已复制到剪贴板', '成功'));
}
function 导入编辑器(索引) {
    const 内容 = 状态.消息列表[索引]?.内容 || '';
    // 提取代码块内容
    const 匹配 = 内容.match(/```[\w]*\n([\s\S]*?)```/);
    const 代码 = 匹配 ? 匹配[1] : 内容;
    打开编辑器并设置(代码);
}
// ── Markdown渲染（原生JS+正则） ──
function 渲染Markdown(文本) {
    if (!文本) return '';
    let html = 文本;
    // 代码块处理（先提取保护）
    const 代码块列表 = [];
    html = html.replace(/```(\w*)\n([\s\S]*?)```/g, function(全, 语言, 代码) {
        const 索引 = 代码块列表.length;
        代码块列表.push({语言: 语言 || 'text', 代码: 代码});
        return `%%CODE_BLOCK_${索引}%%`;
    });
    // 行内代码
    html = html.replace(/`([^`]+)`/g, '<code style="background:var(--代码背景);padding:2px 6px;border-radius:4px;font-size:0.9em">$1</code>');
    // 标题
    html = html.replace(/^#### (.+)$/gm, '<h4 style="font-size:14px;font-weight:600;margin:12px 0 6px">$1</h4>');
    html = html.replace(/^### (.+)$/gm, '<h3 style="font-size:15px;font-weight:600;margin:14px 0 8px">$1</h3>');
    html = html.replace(/^## (.+)$/gm, '<h2 style="font-size:17px;font-weight:600;margin:16px 0 8px">$1</h2>');
    html = html.replace(/^# (.+)$/gm, '<h1 style="font-size:20px;font-weight:700;margin:18px 0 10px">$1</h1>');
    // 粗体/斜体
    html = html.replace(/\*\*\*(.+?)\*\*\*/g, '<strong><em>$1</em></strong>');
    html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
    html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
    // 链接
    html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
    // 图片
    html = html.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" style="max-width:100%;border-radius:8px;margin:8px 0">');
    // 引用
    html = html.replace(/^> (.+)$/gm, '<blockquote>$1</blockquote>');
    // 无序列表
    html = html.replace(/^[\-\*] (.+)$/gm, '<li>$1</li>');
    html = html.replace(/(<li>.*<\/li>\n?)+/g, '<ul>$&</ul>');
    // 有序列表
    html = html.replace(/^\d+\. (.+)$/gm, '<li>$1</li>');
    // 分割线
    html = html.replace(/^---$/gm, '<hr>');
    // 表格
    html = html.replace(/^\|(.+)\|$/gm, function(行) {
        const 单元格 = 行.split('|').filter(c => c.trim());
        if (单元格.every(c => /^[\s\-:]+$/.test(c))) return '%%TABLE_SEP%%';
        return '<tr>' + 单元格.map(c => `<td>${c.trim()}</td>`).join('') + '</tr>';
    });
    html = html.replace(/((<tr>.*<\/tr>\n?)+)/g, function(表格内容) {
        const 清理 = 表格内容.replace(/%%TABLE_SEP%%\n?/g, '');
        return `<table>${清理}</table>`;
    });
    html = html.replace(/%%TABLE_SEP%%/g, '');
    // 段落
    html = html.replace(/\n\n/g, '</p><p>');
    html = html.replace(/\n/g, '<br>');
    // 还原代码块
    代码块列表.forEach((块, i) => {
        const 高亮代码 = 语法高亮(块.代码, 块.语言);
        const 代码HTML = `
        <div class="代码块" data-lang="${块.语言}">
            <div class="代码块头" onclick="切换代码块(this)">
                <span class="语言">${块.语言}</span>
                <div class="操作">
                    <button class="按钮 小" onclick="event.stopPropagation();复制代码块(this)">📋 复制</button>
                    <button class="按钮 小" onclick="event.stopPropagation();代码导入编辑器(this)">📝 编辑</button>
                    <button class="按钮 小" onclick="event.stopPropagation();代码保存到服务器(this)">💾 保存</button>
                    ${['html','htm'].includes(块.语言.toLowerCase()) ? `<button class="按钮 小" onclick="event.stopPropagation();预览代码(this)">👁 预览</button>` : ''}
                </div>
            </div>
            <div class="代码块体"><pre><code>${高亮代码}</code></pre></div>
        </div>`;
        html = html.replace(`%%CODE_BLOCK_${i}%%`, 代码HTML);
    });
    return `<p>${html}</p>`;
}
// 语法高亮（简化版原生实现）
function 语法高亮(代码, 语言) {
    let 安全代码 = 转义(代码);
    语言 = (语言 || '').toLowerCase();
    if (['js','javascript','typescript','ts'].includes(语言)) {
        // JS关键字
        安全代码 = 安全代码.replace(/\b(const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|new|this|class|extends|import|export|from|default|async|await|try|catch|finally|throw|typeof|instanceof|in|of|null|undefined|true|false|console|document|window)\b/g, '<span class="hl-关键字">$1</span>');
        安全代码 = 安全代码.replace(/(\/\/.*?)$/gm, '<span class="hl-注释">$1</span>');
        安全代码 = 安全代码.replace(/(\/\*[\s\S]*?\*\/)/g, '<span class="hl-注释">$1</span>');
        安全代码 = 安全代码.replace(/(&#39;[^&#]*?&#39;|&quot;[^&]*?&quot;|`[^`]*?`)/g, '<span class="hl-字符串">$1</span>');
        安全代码 = 安全代码.replace(/\b(\d+\.?\d*)\b/g, '<span class="hl-数字">$1</span>');
    } else if (['html','htm','xml','svg'].includes(语言)) {
        安全代码 = 安全代码.replace(/(&lt;\/?)([\w\-]+)/g, '$1<span class="hl-标签">$2</span>');
        安全代码 = 安全代码.replace(/\s([\w\-]+)(=)/g, ' <span class="hl-属性">$1</span>$2');
        安全代码 = 安全代码.replace(/(=)(&quot;[^&]*?&quot;)/g, '$1<span class="hl-值">$2</span>');
        安全代码 = 安全代码.replace(/(&lt;!--[\s\S]*?--&gt;)/g, '<span class="hl-注释">$1</span>');
    } else if (['css','scss','less'].includes(语言)) {
        安全代码 = 安全代码.replace(/(\/\*[\s\S]*?\*\/)/g, '<span class="hl-注释">$1</span>');
        安全代码 = 安全代码.replace(/([\.\#\w\-\[\]=\"\^\*\:\,\s>+~]+)\{/g, '<span class="hl-选择器">$1</span>{');
        安全代码 = 安全代码.replace(/([\w\-]+)\s*:/g, '<span class="hl-属性名">$1</span>:');
    } else if (['php'].includes(语言)) {
        安全代码 = 安全代码.replace(/\b(function|return|if|else|elseif|for|foreach|while|class|public|private|protected|static|new|echo|print|array|isset|empty|unset|true|false|null|global|use|namespace|extends|implements)\b/g, '<span class="hl-关键字">$1</span>');
        安全代码 = 安全代码.replace(/(\/\/.*?)$/gm, '<span class="hl-注释">$1</span>');
        安全代码 = 安全代码.replace(/(&#39;[^&#]*?&#39;|&quot;[^&]*?&quot;)/g, '<span class="hl-字符串">$1</span>');
    } else if (['python','py'].includes(语言)) {
        安全代码 = 安全代码.replace(/\b(def|class|return|if|elif|else|for|while|import|from|as|try|except|finally|with|lambda|yield|pass|break|continue|and|or|not|in|is|True|False|None|self|print)\b/g, '<span class="hl-关键字">$1</span>');
        安全代码 = 安全代码.replace(/(#.*?)$/gm, '<span class="hl-注释">$1</span>');
        安全代码 = 安全代码.replace(/(&#39;[^&#]*?&#39;|&quot;[^&]*?&quot;)/g, '<span class="hl-字符串">$1</span>');
    }
    return 安全代码;
}
function 切换代码块(头元素) {
    const 体 = 头元素.nextElementSibling;
    体.classList.toggle('展开');
}
function 复制代码块(按钮) {
    const 代码块 = 按钮.closest('.代码块');
    const 代码 = 代码块.querySelector('code').textContent;
    navigator.clipboard.writeText(代码).then(() => 提示('代码已复制', '成功'));
}
function 代码导入编辑器(按钮) {
    const 代码块 = 按钮.closest('.代码块');
    const 代码 = 代码块.querySelector('code').textContent;
    const 语言 = 代码块.dataset.lang;
    打开编辑器并设置(代码, 语言);
}
async function 代码保存到服务器(按钮) {
    const 代码块 = 按钮.closest('.代码块');
    const 代码 = 代码块.querySelector('code').textContent;
    const 语言 = 代码块.dataset.lang || 'html';
    const 项目 = 状态.当前项目 || 'asihtml';
    const 扩展名映射 = {
        'javascript':'js','js':'js','typescript':'ts',
        'html':'html','htm':'html','css':'css',
        'python':'py','php':'php','json':'json','markdown':'md','md':'md'
    };
    const 扩展名 = 扩展名映射[语言.toLowerCase()] || 'html';
    try {
        const 响应 = await fetch('?动=自动保存', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify({项目: 项目, 扩展名: 扩展名, 内容: 代码})
        });
        const 数据 = await 响应.json();
        if (数据.路径) {
            提示(`已保存为 ${数据.文件名}`, '成功');
        } else {
            提示(数据.错误 || '保存失败', '错误');
        }
    } catch(e) {
        提示('保存失败', '错误');
    }
}
function 预览代码(按钮) {
    const 代码块 = 按钮.closest('.代码块');
    const 代码 = 代码块.querySelector('code').textContent;
    显示预览(代码);
}
function 绑定代码块事件() {
    // 代码块已通过inline onclick绑定
}
// ── 发送消息 ──
function 绑定输入框() {
    const 输入 = document.getElementById('消息输入');
    输入.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            const 回车发送 = document.getElementById('回车发送').checked;
            if (回车发送 && !e.shiftKey) {
                e.preventDefault();
                发送消息();
            }
        }
    });
    输入.addEventListener('input', function() {
        this.style.height = 'auto';
        this.style.height = Math.min(this.scrollHeight, 200) + 'px';
        document.getElementById('字符计数').textContent = this.value.length + ' 字';
    });
}
async function 发送消息() {
    const 输入 = document.getElementById('消息输入');
    const 内容 = 输入.value.trim();
    if (!内容 || 状态.正在生成) return;
    // 确保有对话
    if (!状态.当前对话) {
        await 新建对话();
    }
    const 模型 = document.getElementById('模型选择').value;
    // 添加用户消息
    const 用户消息 = {角色: 'user', 内容: 内容, 时间: new Date().toLocaleString()};
    状态.消息列表.push(用户消息);
    渲染消息区();
    // 清空输入
    输入.value = '';
    输入.style.height = 'auto';
    document.getElementById('字符计数').textContent = '0 字';
    // 保存用户消息
    fetch('?动=保存消息', {
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({对话id: 状态.当前对话, 角色: 'user', 内容: 内容, 模型: 模型})
    });
    // 构建上下文消息
    const 携带上下文 = document.getElementById('携带上下文').checked;
    let 消息们 = [];
    if (携带上下文) {
        const 长度 = parseInt(状态.设置.上下文长度 || 20);
        const 开始 = Math.max(0, 状态.消息列表.length - 长度);
        for (let i = 开始; i < 状态.消息列表.length; i++) {
            消息们.push({
                role: 状态.消息列表[i].角色 === 'user' ? 'user' : 'assistant',
                content: 状态.消息列表[i].内容
            });
        }
    } else {
        消息们 = [{role: 'user', content: 内容}];
    }
    // 发送AI请求（流式）
    状态.正在生成 = true;
    document.getElementById('发送按钮').disabled = true;
    // 添加AI加载消息
    const AI消息 = {角色: 'assistant', 内容: '', 模型: 模型, 时间: new Date().toLocaleString()};
    状态.消息列表.push(AI消息);
    const AI索引 = 状态.消息列表.length - 1;
    // 显示加载动画
    const 消息区 = document.getElementById('消息区');
    const 加载HTML = 渲染消息项(AI消息, AI索引);
    const 临时div = document.createElement('div');
    临时div.innerHTML = 加载HTML;
    const 消息元素 = 临时div.firstElementChild;
    const 内容元素 = 消息元素.querySelector('.消息内容');
    内容元素.innerHTML = '<div class="加载动画"><div class="点"></div><div class="点"></div><div class="点"></div></div>';
    消息区.appendChild(消息元素);
    消息区.scrollTop = 消息区.scrollHeight;
    try {
        const 控制器 = new AbortController();
        状态.AI控制器 = 控制器;
        const 响应 = await fetch('?动=AI请求', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({
                模型: 模型,
                消息: 消息们,
                温度: parseFloat(状态.设置.温度 || 0.7),
                最大长度: parseInt(状态.设置.最大长度 || 4096),
            }),
            signal: 控制器.signal
        });
        const 读取器 = 响应.body.getReader();
        const 解码器 = new TextDecoder();
        let 完整内容 = '';
        let 缓冲 = '';
        while (true) {
            const {done, value} = await 读取器.read();
            if (done) break;
            缓冲 += 解码器.decode(value, {stream: true});
            const 行列 = 缓冲.split('\n');
            缓冲 = 行列.pop() || '';
            for (const 行 of 行列) {
                const 清理行 = 行.trim();
                if (!清理行) continue;
                if (清理行 === 'data: [DONE]') continue;
                if (清理行.startsWith('data: ')) {
                    try {
                        const 数据 = JSON.parse(清理行.substring(6));
                        if (数据.content) {
                            完整内容 += 数据.content;
                            状态.消息列表[AI索引].内容 = 完整内容;
                            内容元素.innerHTML = 渲染Markdown(完整内容);
                            消息区.scrollTop = 消息区.scrollHeight;
                        }
                        if (数据.error) {
                            完整内容 = '⚠️ ' + 数据.error;
                            内容元素.innerHTML = `<p style="color:var(--错误色)">${转义(数据.error)}</p>`;
                        }
                    } catch(e) {}
                }
            }
        }
        // 保存AI消息
        if (完整内容) {
            状态.消息列表[AI索引].内容 = 完整内容;
            fetch('?动=保存消息', {
                method:'POST',
                headers:{'Content-Type':'application/json'},
                body: JSON.stringify({对话id: 状态.当前对话, 角色: 'assistant', 内容: 完整内容, 模型: 模型})
            });
        }
    } catch(e) {
        if (e.name !== 'AbortError') {
            内容元素.innerHTML = `<p style="color:var(--错误色)">⚠️ 请求失败: ${转义(e.message)}</p>`;
        }
    } finally {
        状态.正在生成 = false;
        状态.AI控制器 = null;
        document.getElementById('发送按钮').disabled = false;
        绑定代码块事件();
    }
}
// ── 文件管理 ──
async function 加载项目列表() {
    try {
        const 响应 = await fetch('?动=项目列表');
        const 数据 = await 响应.json();
        const 选择器 = document.getElementById('项目选择');
        选择器.innerHTML = '<option value="">选择项目...</option>';
        (数据.列表 || []).forEach(p => {
            选择器.innerHTML += `<option value="${转义(p.名称)}">${转义(p.名称)} (${p.文件数})</option>`;
        });
    } catch(e) {}
}
async function 切换项目(名称) {
    状态.当前项目 = 名称;
    if (!名称) {
        document.getElementById('文件树').innerHTML = '';
        return;
    }
    try {
        const 响应 = await fetch(`?动=文件树&项目=${encodeURIComponent(名称)}`);
        const 数据 = await 响应.json();
        渲染文件树(数据.树 || []);
    } catch(e) {}
}
function 渲染文件树(树, 容器 = null) {
    if (!容器) 容器 = document.getElementById('文件树');
    容器.innerHTML = '';
    树.forEach(项 => {
        const 元素 = document.createElement('div');
        if (项.类型 === 'dir') {
            元素.innerHTML = `
                <div class="树项" onclick="切换树目录(this)">
                    <span class="图标">📁</span>
                    <span>${转义(项.名称)}</span>
                </div>
                <div class="树子项" style="display:none"></div>
            `;
            const 子容器 = 元素.querySelector('.树子项');
            if (项.子项) {
                项.子项.forEach(子 => {
                    const 子元素 = document.createElement('div');
                    if (子.类型 === 'dir') {
                        子元素.innerHTML = `
                            <div class="树项" onclick="切换树目录(this)">
                                <span class="图标">📁</span><span>${转义(子.名称)}</span>
                            </div>
                            <div class="树子项" style="display:none"></div>`;
                        const 内容器 = 子元素.querySelector('.树子项');
                        (子.子项 || []).forEach(内子 => {
                            内容器.innerHTML += `<div class="树项" onclick="打开文件('${转义(内子.路径)}')">
                                <span class="图标">${文件图标(内子.扩展名)}</span>
                                <span>${转义(内子.名称)}</span>
                            </div>`;
                        });
                    } else {
                        子元素.innerHTML = `<div class="树项" onclick="打开文件('${转义(子.路径)}')">
                            <span class="图标">${文件图标(子.扩展名)}</span>
                            <span>${转义(子.名称)}</span>
                        </div>`;
                    }
                    子容器.appendChild(子元素);
                });
            }
        } else {
            元素.innerHTML = `<div class="树项" onclick="打开文件('${转义(项.路径)}')">
                <span class="图标">${文件图标(项.扩展名)}</span>
                <span>${转义(项.名称)}</span>
            </div>`;
        }
        容器.appendChild(元素);
    });
}
function 文件图标(扩展名) {
    const 映射 = {html:'🌐',css:'🎨',js:'⚡',json:'📋',md:'📄',png:'🖼',jpg:'🖼',mp3:'🎵',mp4:'🎬',txt:'📝'};
    return 映射[扩展名] || '📄';
}
function 切换树目录(元素) {
    const 子项 = 元素.nextElementSibling;
    if (子项) 子项.style.display = 子项.style.display === 'none' ? 'block' : 'none';
}
async function 打开文件(路径) {
    try {
        const 响应 = await fetch(`?动=读取文件&路径=${encodeURIComponent(路径)}`);
        const 数据 = await 响应.json();
        if (数据.错误) { 提示(数据.错误, '错误'); return; }
        const 文件信息 = {路径: 路径, 内容: 数据.内容, 扩展名: 数据.扩展名, 已修改: false};
        // 检查是否已打开
        const 已有 = 状态.打开文件.findIndex(f => f.路径 === 路径);
        if (已有 >= 0) {
            状态.当前文件 = 已有;
        } else {
            状态.打开文件.push(文件信息);
            状态.当前文件 = 状态.打开文件.length - 1;
        }
        // 显示编辑器
        打开编辑器并设置(数据.内容, 数据.扩展名);
        渲染标签栏();
    } catch(e) {
        提示('打开文件失败', '错误');
    }
}
function 渲染标签栏() {
    const 栏 = document.getElementById('标签栏');
    栏.style.display = 状态.打开文件.length > 0 ? 'flex' : 'none';
    栏.innerHTML = 状态.打开文件.map((f, i) => `
        <div class="编辑器标签 ${i === 状态.当前文件 ? '活跃' : ''}" onclick="切换文件标签(${i})">
            <span>${文件图标(f.扩展名)}</span>
            <span>${f.路径.split('/').pop()}</span>
            ${f.已修改 ? '<span style="color:var(--警告色)">●</span>' : ''}
            <span class="关闭" onclick="event.stopPropagation();关闭文件标签(${i})">×</span>
        </div>
    `).join('');
}
function 切换文件标签(索引) {
    状态.当前文件 = 索引;
    const 文件 = 状态.打开文件[索引];
    if (文件 && 状态.编辑器实例) {
        const 语言映射 = {html:'html',css:'css',js:'javascript',json:'json',md:'markdown',php:'php',py:'python'};
        const 语言 = 语言映射[文件.扩展名] || 'plaintext';
        monaco.editor.setModelLanguage(状态.编辑器实例.getModel(), 语言);
        状态.编辑器实例.setValue(文件.内容);
    }
    渲染标签栏();
}
function 关闭文件标签(索引) {
    状态.打开文件.splice(索引, 1);
    if (状态.当前文件 >= 状态.打开文件.length) 状态.当前文件 = Math.max(0, 状态.打开文件.length - 1);
    if (状态.打开文件.length === 0) {
        切换编辑器(false);
    } else {
        切换文件标签(状态.当前文件);
    }
    渲染标签栏();
}
async function 显示新建项目() {
    const 名称 = prompt('请输入项目名称（域名格式）：');
    if (!名称) return;
    try {
        const 响应 = await fetch('?动=创建项目', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify({名称: 名称})
        });
        const 数据 = await 响应.json();
        if (数据.成功) {
            提示('项目创建成功', '成功');
            加载项目列表();
        } else {
            提示(数据.错误 || '创建失败', '错误');
        }
    } catch(e) {
        提示('创建失败', '错误');
    }
}
// ── Monaco Editor ──
let monacoLoaded = false;
function 加载Monaco() {
    return new Promise((resolve) => {
        if (monacoLoaded) { resolve(); return; }
        const script = document.createElement('script');
        script.src = 'https://unpkg.com/monaco-editor@0.52.2/min/vs/loader.js';
        script.onload = function() {
            require.config({
                paths: {'vs': 'https://unpkg.com/monaco-editor@0.52.2/min/vs'},
                'vs/nls': {availableLanguages: {'*': 'zh-cn'}}
            });
            require(['vs/editor/editor.main'], function() {
                monacoLoaded = true;
                resolve();
            });
        };
        document.head.appendChild(script);
    });
}
async function 打开编辑器并设置(代码, 语言) {
    // 显示编辑器
    if (!状态.编辑器显示) 切换编辑器(true);
    await 加载Monaco();
    const 语言映射 = {
        'html':'html','htm':'html','css':'css','js':'javascript','javascript':'javascript',
        'json':'json','md':'markdown','php':'php','python':'python','py':'python',
        'typescript':'typescript','ts':'typescript','text':'plaintext',
    };
    const 编辑器语言 = 语言映射[(语言||'html').toLowerCase()] || 'html';
    const 容器 = document.getElementById('编辑器容器');
    if (!状态.编辑器实例) {
        状态.编辑器实例 = monaco.editor.create(容器, {
            value: 代码 || '',
            language: 编辑器语言,
            theme: 状态.主题 === 'dark' ? 'vs-dark' : 'vs',
            fontSize: parseInt(状态.设置.字体大小 || 14),
            minimap: {enabled: false},
            automaticLayout: true,
            wordWrap: 'on',
            scrollBeyondLastLine: false,
            lineNumbers: 'on',
            folding: true,
            renderWhitespace: 'selection',
            tabSize: 2,
            locale: 'zh-cn',
        });
        // 自动保存（防抖）
        let 保存定时器 = null;
        状态.编辑器实例.onDidChangeModelContent(() => {
            if (状态.当前文件 !== null && 状态.打开文件[状态.当前文件]) {
                状态.打开文件[状态.当前文件].内容 = 状态.编辑器实例.getValue();
                状态.打开文件[状态.当前文件].已修改 = true;
                渲染标签栏();
            }
            clearTimeout(保存定时器);
            保存定时器 = setTimeout(() => {
                if (状态.当前文件 !== null && 状态.打开文件[状态.当前文件]) {
                    自动保存当前文件();
                }
            }, 3000);
        });
    } else {
        monaco.editor.setModelLanguage(状态.编辑器实例.getModel(), 编辑器语言);
        状态.编辑器实例.setValue(代码 || '');
    }
}
function 切换编辑器(显示) {
    if (显示 === undefined) 显示 = !状态.编辑器显示;
    状态.编辑器显示 = 显示;
    const 消息区 = document.getElementById('消息区');
    const 编辑器区 = document.getElementById('编辑器区');
    const 标签栏 = document.getElementById('标签栏');
    if (显示) {
        消息区.style.display = 'none';
        编辑器区.style.display = 'flex';
        标签栏.style.display = 'flex';
        if (状态.编辑器实例) 状态.编辑器实例.layout();
    } else {
        消息区.style.display = 'block';
        编辑器区.style.display = 'none';
        标签栏.style.display = 状态.打开文件.length > 0 ? 'flex' : 'none';
    }
}
async function 自动保存当前文件() {
    if (状态.当前文件 === null) return;
    const 文件 = 状态.打开文件[状态.当前文件];
    if (!文件 || !文件.已修改) return;
    try {
        await fetch('?动=保存文件', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify({路径: 文件.路径, 内容: 文件.内容})
        });
        文件.已修改 = false;
        渲染标签栏();
    } catch(e) {}
}
// ── 预览 ──
function 显示预览(代码) {
    const 预览栏 = document.getElementById('预览栏');
    if (!预览栏.classList.contains('展开')) {
        预览栏.classList.add('展开');
    }
    const iframe = document.getElementById('预览iframe');
    iframe.srcdoc = 代码;
}
function 刷新预览() {
    const iframe = document.getElementById('预览iframe');
    if (状态.编辑器实例 && 状态.编辑器显示) {
        iframe.srcdoc = 状态.编辑器实例.getValue();
    }
}
// ── 栏切换 ──
function 切换栏(栏id) {
    document.getElementById(栏id).classList.toggle('展开');
    if (状态.编辑器实例) setTimeout(() => 状态.编辑器实例.layout(), 300);
}
function 切换移动对话栏() {
    document.getElementById('对话栏').classList.toggle('移动展开');
}
// ── 主题 ──
function 切换主题() {
    状态.主题 = 状态.主题 === 'dark' ? 'light' : 'dark';
    应用主题(状态.主题);
}
function 应用主题(主题) {
    状态.主题 = 主题;
    document.documentElement.setAttribute('data-theme', 主题);
    localStorage.setItem('asipk_theme', 主题);
    if (状态.编辑器实例 && typeof monaco !== 'undefined') {
        monaco.editor.setTheme(主题 === 'dark' ? 'vs-dark' : 'vs');
    }
    const 设置选择 = document.getElementById('设置主题');
    if (设置选择) 设置选择.value = 主题;
}
// ── 设置 ──
async function 加载用户设置() {
    try {
        const 响应 = await fetch('?动=获取设置');
        const 数据 = await 响应.json();
        状态.设置 = 数据.设置 || {};
        // 应用设置
        if (状态.设置.主题) 应用主题(状态.设置.主题);
        if (状态.设置.默认模型) document.getElementById('模型选择').value = 状态.设置.默认模型;
        if (状态.设置.回车发送 !== undefined) document.getElementById('回车发送').checked = 状态.设置.回车发送;
        if (状态.设置.携带上下文 !== undefined) document.getElementById('携带上下文').checked = 状态.设置.携带上下文;
        // 填充密钥配置区
        const 密钥区 = document.getElementById('密钥配置区');
        const 密钥状态 = 数据.密钥状态 || {};
        密钥区.innerHTML = Object.entries(密钥状态).map(([id, info]) => `
            <div class="设置项">
                <div>
                    <label>${info.名称}</label>
                    <div class="说明">${info.已配置 ? '✅ 已配置' : '❌ 未配置'}</div>
                </div>
                <div style="display:flex;gap:6px">
                    <input class="输入框 密钥输入" type="password" id="密钥_${id}" placeholder="输入API Key..." style="width:220px">
                    <button class="按钮 主色 小" onclick="保存单个密钥('${id}')">保存</button>
                </div>
            </div>
        `).join('');
    } catch(e) {}
}
function 显示设置() {
    document.getElementById('设置模态').classList.add('显示');
    // 填充当前设置值
    document.getElementById('设置主题').value = 状态.主题;
    document.getElementById('设置字号').value = 状态.设置.字体大小 || 14;
    document.getElementById('设置默认模型').value = 状态.设置.默认模型 || 'deepseek';
    document.getElementById('设置上下文长度').value = 状态.设置.上下文长度 || 20;
    document.getElementById('设置温度').value = 状态.设置.温度 || 0.7;
}
async function 保存所有设置() {
    const 新设置 = {
        主题: document.getElementById('设置主题').value,
        字体大小: parseInt(document.getElementById('设置字号').value),
        默认模型: document.getElementById('设置默认模型').value,
        上下文长度: parseInt(document.getElementById('设置上下文长度').value),
        温度: parseFloat(document.getElementById('设置温度').value),
        回车发送: document.getElementById('回车发送').checked,
        携带上下文: document.getElementById('携带上下文').checked,
    };
    try {
        await fetch('?动=保存设置', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify(新设置)
        });
        状态.设置 = 新设置;
        应用主题(新设置.主题);
        关闭模态('设置模态');
        提示('设置已保存', '成功');
    } catch(e) {
        提示('保存失败', '错误');
    }
}
async function 保存单个密钥(模型id) {
    const 输入 = document.getElementById('密钥_' + 模型id);
    const 密钥 = 输入.value.trim();
    if (!密钥) { 提示('请输入密钥', '错误'); return; }
    try {
        await fetch('?动=保存密钥', {
            method: 'POST',
            headers: {'Content-Type':'application/json'},
            body: JSON.stringify({模型: 模型id, 密钥: 密钥})
        });
        输入.value = '';
        提示('密钥已保存', '成功');
        加载用户设置();
    } catch(e) {
        提示('保存失败', '错误');
    }
}
// ── 统计 ──
async function 显示统计() {
    document.getElementById('统计模态').classList.add('显示');
    try {
        const 响应 = await fetch('?动=统计数据');
        const 数据 = await 响应.json();
        渲染统计(数据);
    } catch(e) {}
}
function 渲染统计(数据) {
    // 统计卡片
    const AI模型数据 = 数据.AI模型 || [];
    let 总请求 = 0, 总字数 = 0;
    AI模型数据.forEach(m => { 总请求 += parseInt(m.次数); 总字数 += parseInt(m.总字数 || 0); });
    document.getElementById('统计卡片').innerHTML = `
        <div class="统计卡"><div class="标签">总AI请求</div><div class="数值">${总请求}</div></div>
        <div class="统计卡"><div class="标签">总输出字数</div><div class="数值">${总字数.toLocaleString()}</div></div>
        <div class="统计卡"><div class="标签">今日请求</div><div class="数值">${数据.今日AI请求 || 0}</div></div>
        <div class="统计卡"><div class="标签">对话总数</div><div class="数值">${数据.对话总数 || 0}</div></div>
    `;
    // 7日趋势图（Canvas简易折线图）
    const 趋势 = 数据['7日趋势'] || [];
    if (趋势.length > 0) {
        绘制折线图('趋势图表', 趋势);
    }
}
function 绘制折线图(canvasId, 数据) {
    const canvas = document.getElementById(canvasId);
    if (!canvas) return;
    const ctx = canvas.getContext('2d');
    const 宽 = canvas.parentElement.clientWidth - 32;
    const 高 = 200;
    canvas.width = 宽;
    canvas.height = 高;
    const 边距 = {上:20, 右:20, 下:40, 左:50};
    const 绘制宽 = 宽 - 边距.左 - 边距.右;
    const 绘制高 = 高 - 边距.上 - 边距.下;
    const 最大值 = Math.max(...数据.map(d => d.次数), 1);
    const 步长 = 绘制宽 / (数据.length - 1 || 1);
    // 清空
    ctx.clearRect(0, 0, 宽, 高);
    // 网格线
    ctx.strokeStyle = getComputedStyle(document.documentElement).getPropertyValue('--边框色').trim();
    ctx.lineWidth = 0.5;
    for (let i = 0; i <= 4; i++) {
        const y = 边距.上 + (绘制高 / 4) * i;
        ctx.beginPath();
        ctx.moveTo(边距.左, y);
        ctx.lineTo(宽 - 边距.右, y);
        ctx.stroke();
    }
    // 折线
    ctx.beginPath();
    ctx.strokeStyle = getComputedStyle(document.documentElement).getPropertyValue('--主色浅').trim();
    ctx.lineWidth = 2;
    数据.forEach((d, i) => {
        const x = 边距.左 + i * 步长;
        const y = 边距.上 + 绘制高 - (d.次数 / 最大值) * 绘制高;
        if (i === 0) ctx.moveTo(x, y);
        else ctx.lineTo(x, y);
    });
    ctx.stroke();
    // 数据点
    数据.forEach((d, i) => {
        const x = 边距.左 + i * 步长;
        const y = 边距.上 + 绘制高 - (d.次数 / 最大值) * 绘制高;
        ctx.beginPath();
        ctx.arc(x, y, 4, 0, Math.PI * 2);
        ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--主色').trim();
        ctx.fill();
    });
    // X轴标签
    ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--文字三').trim();
    ctx.font = '11px sans-serif';
    ctx.textAlign = 'center';
    数据.forEach((d, i) => {
        const x = 边距.左 + i * 步长;
        ctx.fillText(d.日期.substring(5), x, 高 - 10);
    });
    // Y轴标签
    ctx.textAlign = 'right';
    for (let i = 0; i <= 4; i++) {
        const y = 边距.上 + (绘制高 / 4) * i;
        const 值 = Math.round(最大值 - (最大值 / 4) * i);
        ctx.fillText(值, 边距.左 - 8, y + 4);
    }
}
// ── 模态框 ──
function 关闭模态(id) {
    document.getElementById(id).classList.remove('显示');
}
// 点击遮罩关闭
document.querySelectorAll('.模态遮罩').forEach(遮罩 => {
    遮罩.addEventListener('click', function(e) {
        if (e.target === this) this.classList.remove('显示');
    });
});
// ── 提示词 ──
function 插入提示(文本) {
    const 输入 = document.getElementById('消息输入');
    输入.value += 文本;
    输入.focus();
}
// ── Toast提示 ──
function 提示(消息, 类型 = '信息') {
    const toast = document.getElementById('toast');
    toast.textContent = 消息;
    toast.className = 'toast ' + 类型;
    setTimeout(() => toast.classList.add('显示'), 10);
    setTimeout(() => toast.classList.remove('显示'), 3000);
}
// ── 备份导出 ──
function 导出备份() {
    window.open('?动=备份数据', '_blank');
}
// ── 模型切换 ──
function 切换模型(模型) {
    状态.设置.当前模型 = 模型;
}
// ── 快捷键 ──
function 绑定快捷键() {
    document.addEventListener('keydown', function(e) {
        // Ctrl+S 保存
        if (e.ctrlKey && e.key === 's') {
            e.preventDefault();
            if (状态.编辑器显示 && 状态.当前文件 !== null) {
                自动保存当前文件();
                提示('文件已保存', '成功');
            }
        }
        // Ctrl+R 运行预览
        if (e.ctrlKey && e.key === 'r') {
            e.preventDefault();
            if (状态.编辑器实例 && 状态.编辑器显示) {
                显示预览(状态.编辑器实例.getValue());
            }
        }
        // Ctrl+N 新对话
        if (e.ctrlKey && e.key === 'n') {
            e.preventDefault();
            新建对话();
        }
        // Esc 取消AI生成
        if (e.key === 'Escape' && 状态.正在生成 && 状态.AI控制器) {
            状态.AI控制器.abort();
            状态.正在生成 = false;
            document.getElementById('发送按钮').disabled = false;
            提示('已取消生成', '信息');
        }
    });
}
// ── 工具函数 ──
function 转义(文本) {
    if (!文本) return '';
    const div = document.createElement('div');
    div.textContent = 文本;
    return div.innerHTML;
}
//这个单文件PHP应用包含了你要求的所有核心功能模块。以下是关键特性总结：
//**后端（PHP）已实现：**
//- MySQL广表（`asipk`）自动创建，所有数据存储在单表中，使用中文单字字段名
//- 微信公众号扫码登录完整流程（生成临时二维码、轮询登录状态、Session管理）
//- 调试模式快速登录（部署前可用）
//- AI流式代理（支持DeepSeek/Kimi/智谱/Poe/豆包/Gemini/ChatGPT），cURL流式转发
//- 文件管理（读取/保存/删除/重命名/上传），路径安全检查防目录遍历
//- 自动编号保存（`asipk+N.扩展名`格式）
//- 默认5个项目 + 9个二级子目录自动创建
//- API Key加密存储（AES-256-CBC）
//- 操作日志记录、统计数据查询
//- CSRF防护、XSS过滤
//**前端（原生JS+CSS）已实现：**
//- 5栏布局（文件列表/对话列表/主内容/预览/提示词），仿poe.com暗色主题
//- 自定义Markdown渲染器（正则实现，支持代码块/表格/列表/引用等）
//- 代码块语法高亮（JS/HTML/CSS/PHP/Python）
//- Monaco Editor 0.52.2集成（中文、自动补全、语法高亮）
//- AI流式对话（fetch + ReadableStream实时渲染）
//- 代码块浮动操作按钮（复制/编辑/保存/预览）
//- 对话管理（新建/删除/置顶/搜索）
//- 文件树浏览器、多标签编辑
//- 统计中心（Canvas折线图）
//- 亮色/暗色主题切换
//- 键盘快捷键（Ctrl+S/R/N/Esc）
//**部署方式：** 将此文件保存为 `index.php`，修改顶部的MySQL和微信配置，放到PHP7.4+服务器即可运行。调试阶段可设置 `调试模式 => true` 跳过微信扫码。
</script>
</body></html>