优化项目结构

public/assets/js/api.js

@@ -0,0 +1,74 @@
+const api = {
+    async request(url, options = {}) {
+        const token = Storage.getToken();
+        const headers = {
+            'Content-Type': 'application/json',
+            ...(token ? { 'Authorization': 'Bearer ' + token } : {}),
+            ...options.headers
+        };
+
+        const response = await fetch('/api' + url, {
+            ...options,
+            headers
+        });
+
+        // 401 自动跳转登录
+        if (response.status === 401) {
+            Storage.clearToken();
+            window.location.href = '/login.php';
+            throw new Error('请先登录');
+        }
+
+        const data = await response.json();
+        if (!response.ok) {
+            throw new Error(data.message || '请求失败');
+        }
+        return data;
+    },
+
+    get(url) {
+        return this.request(url, { method: 'GET' });
+    },
+
+    post(url, data) {
+        return this.request(url, {
+            method: 'POST',
+            body: JSON.stringify(data)
+        });
+    },
+
+    put(url, data) {
+        return this.request(url, {
+            method: 'PUT',
+            body: JSON.stringify(data)
+        });
+    },
+
+    delete(url) {
+        return this.request(url, { method: 'DELETE' });
+    },
+
+    // 文件上传（不用 JSON Content-Type）
+    async upload(url, formData) {
+        const token = Storage.getToken();
+        const headers = token ? { 'Authorization': 'Bearer ' + token } : {};
+        
+        const response = await fetch('/api' + url, {
+            method: 'POST',
+            headers,
+            body: formData
+        });
+
+        if (response.status === 401) {
+            Storage.clearToken();
+            window.location.href = '/login.php';
+            throw new Error('请先登录');
+        }
+
+        const data = await response.json();
+        if (!response.ok) {
+            throw new Error(data.message || '上传失败');
+        }
+        return data;
+    }
+};

public/assets/js/chat.js

@@ -0,0 +1,414 @@
+const ChatManager = {
+    isStreaming: false,
+    messages: [],
+
+    init() {
+        const input = document.getElementById('messageInput');
+        if (input) {
+            input.addEventListener('keydown', (e) => {
+                if (e.key === 'Enter' && e.ctrlKey) {
+                    e.preventDefault();
+                    this.sendMessage();
+                }
+            });
+            // 自适应高度
+            input.addEventListener('input', () => {
+                input.style.height = 'auto';
+                input.style.height = Math.min(input.scrollHeight, 120) + 'px';
+            });
+        }
+
+        const sendBtn = document.getElementById('sendBtn');
+        if (sendBtn) {
+            sendBtn.addEventListener('click', () => this.sendMessage());
+        }
+
+        UploadManager.init();
+    },
+
+    async loadMessages(sessionId) {
+        try {
+            const res = await api.get('/sessions/' + sessionId + '/messages');
+            this.messages = res.data || [];
+            this.renderMessages();
+            Storage.setCachedMessages(sessionId, this.messages);
+        } catch (err) {
+            // 尝试从缓存加载
+            const cached = Storage.getCachedMessages(sessionId);
+            if (cached) {
+                this.messages = cached;
+                this.renderMessages();
+            }
+        }
+    },
+
+    renderMessages() {
+        const container = document.getElementById('messagesContainer');
+        if (!container) return;
+
+        if (this.messages.length === 0) {
+            container.innerHTML = '<div class="empty-state"><h3>开始新的对话</h3><p>输入消息开始聊天</p></div>';
+            return;
+        }
+
+        container.innerHTML = this.messages.map(msg => {
+            if (msg.role === 'user') {
+                return `<div class="message user">${this.escapeHtml(msg.content)}</div>`;
+            } else {
+                let html = `<div class="message assistant">`;
+                if (msg.thinking_content) {
+                    html += `<div class="thinking-toggle" onclick="this.nextElementSibling.classList.toggle('expanded')">思考过程 ▾</div>`;
+                    html += `<div class="thinking-content">${MarkdownRenderer.render(msg.thinking_content)}</div>`;
+                }
+                html += `<div class="markdown-body">${MarkdownRenderer.render(msg.content)}</div>`;
+                html += `</div>`;
+                return html;
+            }
+        }).join('');
+
+        container.scrollTop = container.scrollHeight;
+    },
+
+    async sendMessage() {
+        if (this.isStreaming) return;
+
+        const input = document.getElementById('messageInput');
+        const content = input.value.trim();
+        if (!content) return;
+
+        if (!SessionManager.currentSessionId) {
+            await SessionManager.createSession();
+        }
+
+        // 清空输入
+        input.value = '';
+        input.style.height = 'auto';
+
+        // 构建消息
+        const userMessage = { role: 'user', content };
+        if (UploadManager.getFiles().length > 0) {
+            userMessage.file_info = UploadManager.getFiles();
+        }
+        this.messages.push(userMessage);
+        this.renderMessages();
+
+        // 保存用户消息到数据库
+        api.post('/sessions/' + SessionManager.currentSessionId + '/messages', userMessage).catch(console.error);
+
+        // 清除文件
+        UploadManager.clearFiles();
+
+        // 获取当前配置
+        const provider = document.getElementById('providerSelect')?.value || 'newapi';
+        const model = document.getElementById('modelSelect')?.value || 'gpt-3.5-turbo';
+        const thinkingMode = document.getElementById('thinkingMode')?.checked || false;
+
+        // SSE 流式请求
+        this.isStreaming = true;
+        this.updateSendButton();
+
+        try {
+            await this.streamChat(provider, model, thinkingMode);
+        } catch (err) {
+            this.addErrorMessage(err.message);
+        } finally {
+            this.isStreaming = false;
+            this.updateSendButton();
+        }
+    },
+
+    async streamChat(provider, model, thinkingMode) {
+        const token = Storage.getToken();
+        
+        // 构建消息历史（只取 role 和 content）
+        const messages = this.messages.map(m => ({
+            role: m.role,
+            content: m.content
+        }));
+
+        // 添加 AI 消息占位
+        const assistantEl = this.addAssistantPlaceholder();
+        let fullContent = '';
+        let thinkingContent = '';
+
+        const response = await fetch('/api/chat/completions', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': 'Bearer ' + token
+            },
+            body: JSON.stringify({
+                provider, model, messages, stream: true, thinkingMode
+            })
+        });
+
+        if (!response.ok) {
+            const err = await response.json();
+            throw new Error(err.message || 'AI 请求失败');
+        }
+
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = '';
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split('\n');
+            buffer = lines.pop() || '';
+
+            for (const line of lines) {
+                if (!line.startsWith('data: ')) continue;
+                const data = line.slice(6).trim();
+
+                if (data === '[DONE]') {
+                    continue;
+                }
+
+                try {
+                    const parsed = JSON.parse(data);
+                    
+                    if (parsed.type === 'error') {
+                        throw new Error(parsed.message);
+                    }
+
+                    if (parsed.thinking) {
+                        thinkingContent += parsed.thinking;
+                        this.updateThinkingContent(assistantEl, thinkingContent);
+                    }
+
+                    if (parsed.content) {
+                        fullContent += parsed.content;
+                        this.updateAssistantContent(assistantEl, fullContent);
+                    }
+                } catch (e) {
+                    if (e.message && !e.message.includes('JSON')) throw e;
+                }
+            }
+        }
+
+        // 流结束，保存 AI 消息
+        const assistantMessage = {
+            role: 'assistant',
+            content: fullContent,
+            thinking_content: thinkingContent || null
+        };
+        this.messages.push(assistantMessage);
+
+        // 保存到数据库
+        api.post('/sessions/' + SessionManager.currentSessionId + '/messages', assistantMessage).catch(console.error);
+        
+        // 缓存到 localStorage
+        Storage.setCachedMessages(SessionManager.currentSessionId, this.messages);
+
+        // 移除打字机光标
+        this.removeTypingCursor(assistantEl);
+    },
+
+    addAssistantPlaceholder() {
+        const container = document.getElementById('messagesContainer');
+        const empty = container.querySelector('.empty-state');
+        if (empty) empty.remove();
+
+        const el = document.createElement('div');
+        el.className = 'message assistant';
+        el.innerHTML = '<span class="typing-cursor"></span>';
+        container.appendChild(el);
+        container.scrollTop = container.scrollHeight;
+        return el;
+    },
+
+    updateAssistantContent(el, content) {
+        const cursor = el.querySelector('.typing-cursor');
+        const body = el.querySelector('.markdown-body');
+        
+        if (body) {
+            body.innerHTML = MarkdownRenderer.render(content);
+            if (cursor) body.appendChild(cursor);
+        } else {
+            const thinking = el.querySelector('.thinking-content, .thinking-toggle');
+            const md = document.createElement('div');
+            md.className = 'markdown-body';
+            md.innerHTML = MarkdownRenderer.render(content);
+            if (cursor) md.appendChild(cursor);
+            
+            if (thinking) {
+                el.appendChild(md);
+            } else {
+                el.innerHTML = '';
+                el.appendChild(md);
+            }
+        }
+        
+        el.parentElement.scrollTop = el.parentElement.scrollHeight;
+    },
+
+    updateThinkingContent(el, content) {
+        let toggle = el.querySelector('.thinking-toggle');
+        let container = el.querySelector('.thinking-content');
+        
+        if (!toggle) {
+            toggle = document.createElement('div');
+            toggle.className = 'thinking-toggle expanded';
+            toggle.textContent = '思考过程 ▾';
+            toggle.onclick = function() {
+                container.classList.toggle('expanded');
+                this.textContent = container.classList.contains('expanded') ? '思考过程 ▴' : '思考过程 ▾';
+            };
+            el.insertBefore(toggle, el.firstChild);
+        }
+        
+        if (!container) {
+            container = document.createElement('div');
+            container.className = 'thinking-content expanded';
+            el.insertBefore(container, toggle.nextSibling);
+        }
+        
+        container.innerHTML = MarkdownRenderer.render(content);
+        el.parentElement.scrollTop = el.parentElement.scrollHeight;
+    },
+
+    removeTypingCursor(el) {
+        const cursor = el.querySelector('.typing-cursor');
+        if (cursor) cursor.remove();
+    },
+
+    addErrorMessage(message) {
+        const container = document.getElementById('messagesContainer');
+        const el = document.createElement('div');
+        el.className = 'message assistant';
+        el.innerHTML = `<div class="alert alert-error">错误: ${this.escapeHtml(message)} <button class="btn btn-sm btn-secondary" onclick="ChatManager.retryLast()">重试</button></div>`;
+        container.appendChild(el);
+        container.scrollTop = container.scrollHeight;
+    },
+
+    clearMessages() {
+        const container = document.getElementById('messagesContainer');
+        if (container) {
+            container.innerHTML = '<div class="empty-state"><h3>开始新的对话</h3><p>输入消息开始聊天</p></div>';
+        }
+        this.messages = [];
+    },
+
+    updateSendButton() {
+        const btn = document.getElementById('sendBtn');
+        if (btn) {
+            btn.disabled = this.isStreaming;
+            btn.textContent = this.isStreaming ? '回复中...' : '发送';
+        }
+    },
+
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+};
+
+// ========================================
+// 聊天页面初始化
+// ========================================
+
+// 切换侧边栏
+function toggleSidebar() {
+    document.getElementById('sidebar').classList.toggle('collapsed');
+}
+
+// 供应商/模型数据缓存
+let providersData = [];
+let personalitiesData = [];
+
+// 加载供应商配置
+async function loadProviders() {
+    try {
+        const res = await api.get('/config');
+        providersData = res.data.providers || [];
+        const select = document.getElementById('providerSelect');
+        select.innerHTML = '<option value="">选择供应商</option>';
+        providersData.forEach((p, i) => {
+            if (p.enabled) {
+                const option = document.createElement('option');
+                option.value = i;
+                option.textContent = p.name;
+                select.appendChild(option);
+            }
+        });
+        // 如果只有一个供应商，自动选择
+        if (providersData.filter(p => p.enabled).length === 1) {
+            select.value = providersData.findIndex(p => p.enabled);
+            onProviderChange();
+        }
+    } catch (err) {
+        console.error('加载供应商配置失败:', err);
+    }
+}
+
+// 供应商切换时更新模型列表
+function onProviderChange() {
+    const index = document.getElementById('providerSelect').value;
+    const modelSelect = document.getElementById('modelSelect');
+    modelSelect.innerHTML = '<option value="">选择模型</option>';
+    
+    if (index !== '' && providersData[index]) {
+        const provider = providersData[index];
+        (provider.models || []).forEach(m => {
+            const option = document.createElement('option');
+            option.value = m;
+            option.textContent = m;
+            modelSelect.appendChild(option);
+        });
+        // 如果只有一个模型，自动选择
+        if (provider.models && provider.models.length === 1) {
+            modelSelect.value = provider.models[0];
+        }
+        // 如果有默认模型，自动选择
+        if (provider.defaultModel) {
+            modelSelect.value = provider.defaultModel;
+        }
+    }
+}
+
+// 加载人格列表
+async function loadPersonalities() {
+    try {
+        const res = await api.get('/personalities');
+        personalitiesData = res.data || [];
+        const select = document.getElementById('personalitySelect');
+        select.innerHTML = '<option value="">默认人格</option>';
+        personalitiesData.forEach(p => {
+            const option = document.createElement('option');
+            option.value = p.id;
+            option.textContent = (p.icon ? p.icon + ' ' : '') + p.name;
+            select.appendChild(option);
+        });
+    } catch (err) {
+        console.error('加载人格列表失败:', err);
+    }
+}
+
+// 页面初始化
+(async function() {
+    // 检查认证
+    const token = Storage.getToken();
+    if (!token) {
+        window.location.href = '/login.php';
+        return;
+    }
+    
+    // 初始化聊天管理器
+    ChatManager.init();
+    
+    // 加载数据
+    await Promise.all([
+        loadProviders(),
+        loadPersonalities(),
+        SessionManager.loadSessions()
+    ]);
+    
+    // 如果有会话，自动选择第一个
+    if (SessionManager.sessions.length > 0) {
+        await SessionManager.switchSession(SessionManager.sessions[0].id);
+    }
+})();

public/assets/js/config.js

@@ -0,0 +1,203 @@
+const ConfigPage = {
+    providers: [],
+    personalities: [],
+
+    async init() {
+        // 检查认证和管理员权限
+        const token = Storage.getToken();
+        if (!token) {
+            window.location.href = '/login.php';
+            return;
+        }
+        
+        try {
+            // 验证管理员权限
+            const userRes = await api.get('/auth/me');
+            if (userRes.data.role !== 'admin') {
+                window.location.href = '/chat.php';
+                return;
+            }
+        } catch (err) {
+            window.location.href = '/login.php';
+            return;
+        }
+
+        await this.loadProviders();
+        await this.loadPersonalities();
+    },
+
+    async loadProviders() {
+        try {
+            const res = await api.get('/config');
+            this.providers = res.data.providers || [];
+            this.renderProviders();
+        } catch (err) {
+            this.showMessage('加载供应商配置失败: ' + err.message, 'error');
+        }
+    },
+
+    renderProviders() {
+        const list = document.getElementById('providerList');
+        if (this.providers.length === 0) {
+            list.innerHTML = '<p class="config-empty">暂无供应商配置</p>';
+            return;
+        }
+        
+        list.innerHTML = this.providers.map((p, i) => `
+            <div class="config-provider-card">
+                <div class="config-provider-header">
+                    <strong>${this.escapeHtml(p.name)}</strong>
+                    <div>
+                        <label class="toggle-switch">
+                            <input type="checkbox" ${p.enabled ? 'checked' : ''} onchange="ConfigPage.toggleProvider(${i}, this.checked)">
+                            <span class="slider"></span>
+                        </label>
+                        <button class="btn btn-danger btn-sm" onclick="ConfigPage.deleteProvider(${i})">删除</button>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>API URL</label>
+                    <input type="text" value="${this.escapeHtml(p.apiUrl || '')}" onchange="ConfigPage.updateProvider(${i}, 'apiUrl', this.value)">
+                </div>
+                <div class="form-group">
+                    <label>API Key</label>
+                    <input type="password" value="${this.escapeHtml(p.apiKey || '')}" onchange="ConfigPage.updateProvider(${i}, 'apiKey', this.value)" placeholder="API 密钥">
+                </div>
+                <div class="form-group">
+                    <label>可用模型（逗号分隔）</label>
+                    <input type="text" value="${this.escapeHtml((p.models || []).join(', '))}" onchange="ConfigPage.updateProviderModels(${i}, this.value)">
+                </div>
+                <div class="form-group">
+                    <label>供应商类型</label>
+                    <select onchange="ConfigPage.updateProvider(${i}, 'type', this.value)">
+                        <option value="newapi" ${p.type === 'newapi' ? 'selected' : ''}>OpenAI 兼容</option>
+                        <option value="openai" ${p.type === 'openai' ? 'selected' : ''}>OpenAI 官方</option>
+                        <option value="claude" ${p.type === 'claude' ? 'selected' : ''}>Claude (Anthropic)</option>
+                    </select>
+                </div>
+            </div>
+        `).join('');
+    },
+
+    addProvider() {
+        this.providers.push({
+            name: '新供应商',
+            apiUrl: '',
+            apiKey: '',
+            models: [],
+            type: 'newapi',
+            enabled: true
+        });
+        this.renderProviders();
+        this.saveProviders();
+    },
+
+    updateProvider(index, field, value) {
+        this.providers[index][field] = value;
+        this.saveProviders();
+    },
+
+    updateProviderModels(index, value) {
+        this.providers[index].models = value.split(',').map(m => m.trim()).filter(m => m);
+        this.saveProviders();
+    },
+
+    toggleProvider(index, enabled) {
+        this.providers[index].enabled = enabled;
+        this.saveProviders();
+    },
+
+    deleteProvider(index) {
+        if (!confirm('确定要删除供应商 "' + this.providers[index].name + '" 吗？')) return;
+        this.providers.splice(index, 1);
+        this.renderProviders();
+        this.saveProviders();
+    },
+
+    async saveProviders() {
+        try {
+            await api.put('/config', { providers: this.providers });
+            this.showMessage('供应商配置已保存', 'success');
+        } catch (err) {
+            this.showMessage('保存失败: ' + err.message, 'error');
+        }
+    },
+
+    async loadPersonalities() {
+        try {
+            const res = await api.get('/personalities');
+            this.personalities = res.data || [];
+            this.renderPersonalities();
+        } catch (err) {
+            this.showMessage('加载人格列表失败: ' + err.message, 'error');
+        }
+    },
+
+    renderPersonalities() {
+        const list = document.getElementById('personalityList');
+        if (this.personalities.length === 0) {
+            list.innerHTML = '<p class="config-empty">暂无人格</p>';
+            return;
+        }
+        
+        list.innerHTML = this.personalities.map(p => `
+            <div class="personality-item">
+                <div>
+                    <span>${p.icon ? '<span class="personality-icon">' + this.escapeHtml(p.icon) + '</span>' : ''}${this.escapeHtml(p.name)}</span>
+                    ${p.is_preset ? '<span class="personality-badge preset">预设</span>' : '<span class="personality-badge custom">自定义</span>'}
+                </div>
+                ${!p.is_preset ? '<button class="btn btn-danger btn-sm" onclick="ConfigPage.deletePersonality(' + p.id + ')">删除</button>' : ''}
+            </div>
+        `).join('');
+    },
+
+    async createPersonality() {
+        const name = document.getElementById('newPersonalityName').value.trim();
+        const prompt = document.getElementById('newPersonalityPrompt').value.trim();
+        const icon = document.getElementById('newPersonalityIcon').value.trim();
+        const description = document.getElementById('newPersonalityDesc').value.trim();
+        
+        if (!name || !prompt) {
+            this.showMessage('名称和提示词不能为空', 'error');
+            return;
+        }
+        
+        try {
+            await api.post('/personalities', { name, prompt, icon, description });
+            this.showMessage('人格创建成功', 'success');
+            // 清空表单
+            document.getElementById('newPersonalityName').value = '';
+            document.getElementById('newPersonalityPrompt').value = '';
+            document.getElementById('newPersonalityIcon').value = '';
+            document.getElementById('newPersonalityDesc').value = '';
+            await this.loadPersonalities();
+        } catch (err) {
+            this.showMessage('创建失败: ' + err.message, 'error');
+        }
+    },
+
+    async deletePersonality(id) {
+        if (!confirm('确定要删除这个人格吗？')) return;
+        try {
+            await api.delete('/personalities/' + id);
+            this.showMessage('人格已删除', 'success');
+            await this.loadPersonalities();
+        } catch (err) {
+            this.showMessage('删除失败: ' + err.message, 'error');
+        }
+    },
+
+    showMessage(text, type) {
+        const el = document.getElementById('configMessage');
+        el.innerHTML = `<div class="alert alert-${type === 'error' ? 'error' : 'success'} toast-message">${this.escapeHtml(text)}</div>`;
+        setTimeout(() => { el.innerHTML = ''; }, 3000);
+    },
+
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+};
+
+ConfigPage.init();

public/assets/js/install.js

@@ -0,0 +1,201 @@
+const InstallWizard = {
+    currentStep: 1,
+    totalSteps: 5,
+
+    init() {
+        this.checkEnv();
+        this.addProvider(); // 默认添加一个供应商表单
+    },
+
+    checkEnv() {
+        const checks = document.getElementById('envCheckData');
+        if (!checks) return;
+        
+        const data = JSON.parse(checks.textContent);
+        
+        const container = document.getElementById('envChecks');
+        container.innerHTML = data.map(c => `
+            <div class="check-item ${c.pass ? 'pass' : 'fail'}">
+                <span class="check-name">${c.name}</span>
+                <span class="check-status">
+                    ${c.pass 
+                        ? '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 通过'
+                        : '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"/></svg> 未通过'
+                    }
+                </span>
+            </div>
+        `).join('');
+    },
+
+    nextStep() {
+        if (this.currentStep === 4) {
+            // 验证管理员密码
+            const pwd = document.getElementById('adminPassword').value;
+            const confirm = document.getElementById('adminPasswordConfirm').value;
+            const username = document.getElementById('adminUsername').value;
+            if (!username) { alert('请输入管理员用户名'); return; }
+            if (pwd.length < 6) { alert('密码至少6位'); return; }
+            if (pwd !== confirm) { alert('两次密码不一致'); return; }
+        }
+        if (this.currentStep < this.totalSteps) {
+            this.currentStep++;
+            this.updateSteps();
+        }
+    },
+
+    prevStep() {
+        if (this.currentStep > 1) {
+            this.currentStep--;
+            this.updateSteps();
+        }
+    },
+
+    updateSteps() {
+        document.querySelectorAll('.step-content').forEach((el, i) => {
+            el.classList.toggle('active', i + 1 === this.currentStep);
+        });
+        document.querySelectorAll('.step-indicator .step').forEach((el, i) => {
+            el.classList.remove('active', 'completed');
+            if (i + 1 === this.currentStep) el.classList.add('active');
+            if (i + 1 < this.currentStep) el.classList.add('completed');
+        });
+    },
+
+    async testDb() {
+        const result = document.getElementById('dbTestResult');
+        try {
+            const response = await fetch('/api/install/test-db', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    host: document.getElementById('dbHost').value,
+                    port: parseInt(document.getElementById('dbPort').value),
+                    user: document.getElementById('dbUser').value,
+                    password: document.getElementById('dbPassword').value,
+                    database: document.getElementById('dbName').value
+                })
+            });
+            const data = await response.json();
+            result.innerHTML = `<div class="alert ${data.success ? 'alert-success' : 'alert-error'}">${data.message}</div>`;
+        } catch (err) {
+            result.innerHTML = '<div class="alert alert-error">连接失败: ' + err.message + '</div>';
+        }
+    },
+
+    addProvider() {
+        const list = document.getElementById('providerList');
+        const index = list.children.length;
+        const html = `
+            <div class="provider-item" data-index="${index}">
+                <div class="provider-item-header">
+                    <span class="provider-item-title">供应商 #${index + 1}</span>
+                    ${index > 0 ? '<button class="btn btn-danger btn-sm" onclick="this.closest(\'.provider-item\').remove()">删除</button>' : ''}
+                </div>
+                <div class="form-row">
+                    <div class="form-group col-flex-1">
+                        <label>供应商名称</label>
+                        <input type="text" class="provider-name" placeholder="如：OpenAI、DeepSeek">
+                    </div>
+                    <div class="form-group col-flex-1">
+                        <label>供应商类型</label>
+                        <select class="provider-type">
+                            <option value="newapi">OpenAI 兼容</option>
+                            <option value="openai">OpenAI 官方</option>
+                            <option value="claude">Claude (Anthropic)</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>API URL</label>
+                    <input type="text" class="provider-url" placeholder="如：https://api.openai.com">
+                </div>
+                <div class="form-group">
+                    <label>API Key</label>
+                    <input type="password" class="provider-key" placeholder="API 密钥">
+                </div>
+                <div class="form-group">
+                    <label>可用模型（逗号分隔）</label>
+                    <input type="text" class="provider-models" placeholder="如：gpt-3.5-turbo, gpt-4">
+                </div>
+            </div>
+        `;
+        list.insertAdjacentHTML('beforeend', html);
+    },
+
+    generateSecret() {
+        const chars = '0123456789abcdef';
+        let result = '';
+        for (let i = 0; i < 64; i++) {
+            result += chars[Math.floor(Math.random() * chars.length)];
+        }
+        return result;
+    },
+
+    async runInstall() {
+        const btn = document.getElementById('installBtn');
+        const result = document.getElementById('installResult');
+        
+        // 收集供应商数据
+        const providers = [];
+        document.querySelectorAll('.provider-item').forEach(item => {
+            const models = item.querySelector('.provider-models').value.split(',').map(m => m.trim()).filter(m => m);
+            providers.push({
+                name: item.querySelector('.provider-name').value,
+                apiUrl: item.querySelector('.provider-url').value,
+                apiKey: item.querySelector('.provider-key').value,
+                models: models,
+                type: item.querySelector('.provider-type').value,
+                enabled: true
+            });
+        });
+
+        if (providers.length === 0 || !providers[0].name || !providers[0].apiKey) {
+            alert('请至少配置一个完整的供应商');
+            return;
+        }
+
+        btn.disabled = true;
+        btn.textContent = '安装中...';
+
+        const setupData = {
+            username: document.getElementById('adminUsername').value,
+            password: document.getElementById('adminPassword').value,
+            dbConfig: {
+                host: document.getElementById('dbHost').value,
+                port: parseInt(document.getElementById('dbPort').value),
+                user: document.getElementById('dbUser').value,
+                password: document.getElementById('dbPassword').value,
+                database: document.getElementById('dbName').value
+            },
+            appConfig: {
+                jwtSecret: document.getElementById('jwtSecret').value || undefined,
+                jwtExpiry: parseInt(document.getElementById('jwtExpiry').value) || 86400
+            },
+            providers: providers
+        };
+
+        try {
+            const response = await fetch('/api/install/setup', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(setupData)
+            });
+            const data = await response.json();
+            
+            if (data.success) {
+                result.innerHTML = '<div class="alert alert-success">安装成功！正在跳转到登录页...</div>';
+                setTimeout(() => { window.location.href = '/login.php'; }, 2000);
+            } else {
+                result.innerHTML = '<div class="alert alert-error">安装失败: ' + data.message + '</div>';
+                btn.disabled = false;
+                btn.textContent = '完成安装';
+            }
+        } catch (err) {
+            result.innerHTML = '<div class="alert alert-error">安装失败: ' + err.message + '</div>';
+            btn.disabled = false;
+            btn.textContent = '完成安装';
+        }
+    }
+};
+
+InstallWizard.init();

public/assets/js/login.js

@@ -0,0 +1,50 @@
+// 页面加载时检查是否已登录
+(function() {
+    const token = localStorage.getItem('token');
+    if (token) {
+        window.location.href = '/chat.php';
+    }
+})();
+
+// 登录表单提交
+document.getElementById('loginForm').addEventListener('submit', async function(e) {
+    e.preventDefault();
+    const btn = document.getElementById('loginBtn');
+    const errorEl = document.getElementById('loginError');
+    const username = document.getElementById('username').value.trim();
+    const password = document.getElementById('password').value;
+    
+    if (!username || !password) {
+        errorEl.textContent = '请输入用户名和密码';
+        errorEl.classList.remove('hidden');
+        return;
+    }
+    
+    btn.disabled = true;
+    btn.textContent = '登录中...';
+    errorEl.classList.add('hidden');
+    
+    try {
+        const response = await fetch('/api/auth/login', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ username, password })
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            localStorage.setItem('token', data.data.token);
+            window.location.href = '/chat.php';
+        } else {
+            errorEl.textContent = data.message || '登录失败';
+            errorEl.classList.remove('hidden');
+        }
+    } catch (err) {
+        errorEl.textContent = '网络错误，请稍后重试';
+        errorEl.classList.remove('hidden');
+    } finally {
+        btn.disabled = false;
+        btn.textContent = '登录';
+    }
+});

public/assets/js/markdown.js

@@ -0,0 +1,34 @@
+const MarkdownRenderer = {
+    init() {
+        // 配置 marked.js
+        marked.setOptions({
+            highlight: function(code, lang) {
+                if (lang && hljs.getLanguage(lang)) {
+                    return hljs.highlight(code, { language: lang }).value;
+                }
+                return hljs.highlightAuto(code).value;
+            },
+            breaks: true,
+            gfm: true
+        });
+    },
+
+    render(text) {
+        if (!text) return '';
+        let html = marked.parse(text);
+        // 为代码块添加复制按钮
+        html = html.replace(/<pre><code/g, '<pre><button class="copy-btn" onclick="MarkdownRenderer.copyCode(this)">复制</button><code');
+        return html;
+    },
+
+    copyCode(btn) {
+        const code = btn.nextElementSibling;
+        navigator.clipboard.writeText(code.textContent).then(() => {
+            btn.textContent = '已复制';
+            setTimeout(() => { btn.textContent = '复制'; }, 2000);
+        });
+    }
+};
+
+// 初始化
+MarkdownRenderer.init();

public/assets/js/session.js

@@ -0,0 +1,72 @@
+const SessionManager = {
+    sessions: [],
+    currentSessionId: null,
+
+    async loadSessions() {
+        try {
+            const res = await api.get('/sessions');
+            this.sessions = res.data || [];
+            this.renderSessionList();
+        } catch (err) {
+            console.error('加载会话失败:', err);
+        }
+    },
+
+    renderSessionList() {
+        const list = document.getElementById('sessionList');
+        if (!list) return;
+        
+        list.innerHTML = this.sessions.map(s => `
+            <div class="session-item ${s.id === this.currentSessionId ? 'active' : ''}" 
+                 onclick="SessionManager.switchSession(${s.id})">
+                <span class="session-name">${this.escapeHtml(s.name)}</span>
+                <button class="session-delete" onclick="event.stopPropagation(); SessionManager.deleteSession(${s.id})" title="删除">×</button>
+            </div>
+        `).join('');
+    },
+
+    async createSession() {
+        try {
+            const res = await api.post('/sessions', {});
+            this.sessions.unshift(res.data);
+            this.currentSessionId = res.data.id;
+            this.renderSessionList();
+            ChatManager.clearMessages();
+            return res.data;
+        } catch (err) {
+            console.error('创建会话失败:', err);
+        }
+    },
+
+    async switchSession(id) {
+        this.currentSessionId = id;
+        this.renderSessionList();
+        await ChatManager.loadMessages(id);
+    },
+
+    async deleteSession(id) {
+        if (!confirm('确定要删除这个会话吗？')) return;
+        try {
+            await api.delete('/sessions/' + id);
+            this.sessions = this.sessions.filter(s => s.id !== id);
+            Storage.clearCachedMessages(id);
+            
+            if (this.currentSessionId === id) {
+                this.currentSessionId = null;
+                ChatManager.clearMessages();
+                if (this.sessions.length > 0) {
+                    await this.switchSession(this.sessions[0].id);
+                }
+            }
+            this.renderSessionList();
+        } catch (err) {
+            alert('删除会话失败: ' + err.message);
+        }
+    },
+
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+};

public/assets/js/storage.js

@@ -0,0 +1,22 @@
+const Storage = {
+    getToken() {
+        return localStorage.getItem('token');
+    },
+    setToken(token) {
+        localStorage.setItem('token', token);
+    },
+    clearToken() {
+        localStorage.removeItem('token');
+    },
+    // 消息缓存
+    getCachedMessages(sessionId) {
+        const data = localStorage.getItem('messages_' + sessionId);
+        return data ? JSON.parse(data) : null;
+    },
+    setCachedMessages(sessionId, messages) {
+        localStorage.setItem('messages_' + sessionId, JSON.stringify(messages));
+    },
+    clearCachedMessages(sessionId) {
+        localStorage.removeItem('messages_' + sessionId);
+    }
+};

public/assets/js/upload.js

@@ -0,0 +1,67 @@
+const UploadManager = {
+    files: [], // 待发送的文件列表
+    allowedTypes: '.jpg,.jpeg,.png,.gif,.webp,.js,.ts,.py,.java,.cpp,.c,.html,.css,.json,.xml,.txt,.md,.go,.rs,.php,.rb,.sql,.yaml,.yml,.sh,.bat',
+
+    init() {
+        const btn = document.getElementById('uploadBtn');
+        if (btn) {
+            btn.addEventListener('click', () => this.openFileSelector());
+        }
+    },
+
+    openFileSelector() {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = this.allowedTypes;
+        input.multiple = true;
+        input.onchange = (e) => this.handleFiles(e.target.files);
+        input.click();
+    },
+
+    async handleFiles(fileList) {
+        for (const file of fileList) {
+            const formData = new FormData();
+            formData.append('file', file);
+            
+            try {
+                const res = await api.upload('/upload', formData);
+                this.files.push(res.data);
+                this.renderPreview();
+            } catch (err) {
+                alert('文件上传失败: ' + err.message);
+            }
+        }
+    },
+
+    renderPreview() {
+        const preview = document.getElementById('filePreview');
+        if (!preview) return;
+        
+        preview.innerHTML = this.files.map((f, i) => `
+            <div class="file-preview-item">
+                <span>${this.escapeHtml(f.name)}</span>
+                <span class="remove-file" onclick="UploadManager.removeFile(${i})">×</span>
+            </div>
+        `).join('');
+    },
+
+    removeFile(index) {
+        this.files.splice(index, 1);
+        this.renderPreview();
+    },
+
+    getFiles() {
+        return this.files;
+    },
+
+    clearFiles() {
+        this.files = [];
+        this.renderPreview();
+    },
+
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+};