-
-
-
-
-
-
- `;
- },
-
- renderTextArea(label, id, placeholder = '', value = '') {
- return `
-
-
-
-
- `;
- },
-
- renderSelect(label, id, options, selectedValue = '') {
- return `
-
-
-
-
- `;
- },
-
- renderAccountSettings(data) {
- return `
-
-
- `;
- }
-};
diff --git a/web-prototype/dashboard.js b/web-prototype/dashboard.js
deleted file mode 100644
index 8ce8ba3..0000000
--- a/web-prototype/dashboard.js
+++ /dev/null
@@ -1,396 +0,0 @@
-import { state } from './state.js';
-import { UI } from './components.js';
-import { AIService } from './api.js';
-
-export const Dashboard = {
- render() {
- const container = document.getElementById('view-container');
- const nav = document.getElementById('top-nav');
- if (nav) nav.classList.remove('hidden');
-
- container.innerHTML = `
-
-
-
-
-
-
-
- 个人设定
-在这里调整你的人生航向基础信息
-
- ${this.renderInput('昵称', 'edit-nickname', 'text', '你想被如何称呼？', data.nickname)}
- ${this.renderInput('职业', 'edit-profession', 'text', '你当下的社会锚点', data.profession || '')}
- ${this.renderInput('MBTI', 'edit-mbti', 'text', '性格色彩', data.mbti)}
- ${this.renderInput('星座', 'edit-zodiac', 'text', '星辰指引', data.zodiac)}
-
- ${this.renderInput('兴趣爱好', 'edit-hobbies', 'text', '让灵魂起舞的事物', data.hobbies.join(', '))}
-
-
-
-
-
-
-
-
-
-
-
-
- `;
-
- this.initEventListeners();
- this.loadTimeline();
- lucide.createIcons();
- },
-
- initEventListeners() {
- document.querySelectorAll('.nav-item').forEach(btn => {
- btn.onclick = () => {
- if (btn.classList.contains('active')) return;
- document.querySelectorAll('.nav-item').forEach(b => b.classList.remove('active'));
- btn.classList.add('active');
-
- const view = btn.dataset.view;
- this.animateTransition(() => {
- if(view === 'timeline') this.loadTimeline();
- if(view === 'script') this.loadScriptGenerator();
- if(view === 'path') this.loadPathGenerator();
- });
- };
- });
- const profileBtn = document.getElementById('user-profile-btn');
- if (profileBtn) profileBtn.onclick = () => this.showProfile();
- },
-
- animateTransition(callback) {
- const content = document.getElementById('dash-content');
- gsap.to(content, { opacity: 0, y: 10, duration: 0.3, onComplete: () => {
- callback();
- gsap.to(content, { opacity: 1, y: 0, duration: 0.6, ease: "power2.out" });
- lucide.createIcons();
- }});
- },
-
- loadTimeline() {
- const content = document.getElementById('dash-content');
- const hasEvents = state.lifeEvents.length > 0;
- content.innerHTML = `
-
-
-
-
-
- 生命长河
-塑造你的每一刻，都被星辰见证。
-
- ${hasEvents ? '' : ''}
-
- `;
- document.getElementById('add-event-btn').onclick = () => this.showEventModal();
- },
-
- renderEventCard(ev) {
- return `
-
- ${hasEvents ? state.lifeEvents.sort((a,b) => new Date(b.time) - new Date(a.time)).map(ev => this.renderEventCard(ev)).join('') : this.renderEmpty()}
-
-
-
-
- `;
- },
-
- showEventModal() {
- const modal = document.getElementById('modal-overlay');
- const body = document.getElementById('modal-body');
- modal.classList.remove('hidden');
- body.innerHTML = `
-
-
-
-
- ${ev.title}
- ${ev.time} -${ev.content}
-
-
-
-
- 引路人洞察
-
- ${ev.aiFeedback}
-
-
- ${UI.renderInput('事件标题', 'ev-title', 'text', '给这段经历起个名字')}
- ${UI.renderInput('发生时间', 'ev-time', 'date')}
- ${UI.renderTextArea('经历详情', 'ev-content', '当时发生了什么？你的感受如何？')}
-
-
- `;
- document.getElementById('save-event').onclick = async () => {
- const btn = document.getElementById('save-event');
- const event = { title: document.getElementById('ev-title').value, time: document.getElementById('ev-time').value, content: document.getElementById('ev-content').value, aiFeedback: "分析中..." };
- if(!event.title || !event.time || !event.content) return alert("请完整填写记录。");
- btn.disabled = true;
- btn.innerHTML = `正在共鸣生命轨迹...`;
- event.aiFeedback = await AIService.analyzeLifeEvent(event);
- state.addLifeEvent(event);
- modal.classList.add('hidden');
- this.loadTimeline();
- };
- lucide.createIcons();
- },
-
- loadScriptGenerator() {
- const content = document.getElementById('dash-content');
- const userData = state.registrationData;
- const styles = [
- {value:'都市', label:'都市沉浮'}, {value:'古风', label:'快意恩仇'},
- {value:'爱情', label:'唯美浪漫'}, {value:'科幻', label:'星际远征'},
- {value:'喜剧', label:'荒诞不经'}, {value:'悬疑', label:'迷雾重重'}, {value:'恐怖', label:'午夜回响'}
- ];
- const lengths = [{value:'短', label:'极简'}, {value:'中', label:'连载'}, {value:'长', label:'史诗'}];
-
- content.innerHTML = `
- 记录足迹
-
- `;
-
- document.getElementById('gen-script-btn').onclick = async () => {
- const theme = document.getElementById('sc-theme').value;
- if(!theme) return alert('请输入主题');
- const btn = document.getElementById('gen-script-btn');
- btn.disabled = true;
- btn.innerHTML = ` 编撰中...`;
- lucide.createIcons();
-
- const params = {
- theme,
- style: document.getElementById('sc-style').value,
- length: document.getElementById('sc-length').value,
- character: state.registrationData
- };
- const content = await AIService.generateEpicScript(params, state.lifeEvents);
- state.addScript({ ...params, content });
- this.animateTransition(() => this.loadScriptGenerator());
- };
-
- document.querySelectorAll('.script-item').forEach(item => {
- item.onclick = () => {
- state.selectedScriptId = parseInt(item.dataset.id);
- state.save();
- this.animateTransition(() => this.loadScriptGenerator());
- };
- });
- lucide.createIcons();
- },
-
- renderScript(script) {
- return `
-
- `;
- },
-
- renderEmptyScript() {
- return `
-
-
-
-
-
-
-
-
-
- 角色设定
-
-
-
- ${userData.nickname}
- ${userData.zodiac}
- ${userData.mbti}
- ${userData.hobbies.join(', ')}
-
-
-
-
-
-
- ${UI.renderInput('剧本主题', 'sc-theme', 'text', '例如：我在职场逆袭了')}
- ${UI.renderSelect('叙事风格', 'sc-style', styles)}
- ${UI.renderSelect('剧本篇幅', 'sc-length', lengths)}
-
- 创作需求
-
-
- 历史卷轴
- -
-
-
- ${state.selectedScriptId ? this.renderScript(state.getSelectedScript()) : this.renderEmptyScript()}
-
-
-
-
- `;
- },
-
- loadPathGenerator() {
- const content = document.getElementById('dash-content');
- const script = state.getSelectedScript();
- if (!script) {
- content.innerHTML = `
- 请在左侧设定需求，开启你的天命爽文
-
-
-
- `;
- return;
- }
-
- content.innerHTML = `
- 先生成剧本，方能洞察路径。
- -
-
- `;
-
- document.getElementById('gen-path-btn').onclick = async () => {
- const btn = document.getElementById('gen-path-btn');
- btn.disabled = true;
- btn.innerHTML = ` 规划中...`;
- const path = await AIService.generatePath(script.content);
- state.setPath(path);
- this.animateTransition(() => this.loadPathGenerator());
- };
- },
-
- renderPath(path) {
- return path.split(/【/).filter(s => s.trim()).map((s, i) => {
- const parts = s.split(/】/);
- return `
-
-
-
-
-
- 实现路径
-基于《${script.theme}》，拆解达成目标的每一步。
-
- ${state.selectedPath ? this.renderPath(state.selectedPath) : this.renderEmptyPath()}
-
-
-
- `;
- }).join('');
- },
-
- renderEmptyPath() {
- return `- ${i+1} - ${parts[0]} -
-${parts[1] || ''}
- 等待开启人生导航...
`;
- },
-
- renderEmpty() {
- return `
-
-
-
- `;
- },
-
- showProfile() {
- const modal = document.getElementById('modal-overlay');
- const body = document.getElementById('modal-body');
- modal.classList.remove('hidden');
- this.renderProfileMain(body);
- lucide.createIcons();
- },
-
- renderProfileMain(container) {
- const data = state.registrationData;
- container.innerHTML = `
- 此间尚无回响，等待你执笔...
-
-
- `;
- document.getElementById('edit-profile').onclick = () => {
- container.innerHTML = UI.renderAccountSettings(state.registrationData);
- lucide.createIcons();
- document.getElementById('cancel-edit-btn').onclick = () => this.renderProfileMain(container);
- document.getElementById('save-profile-btn').onclick = () => {
- state.updateRegistration({
- nickname: document.getElementById('edit-nickname').value,
- profession: document.getElementById('edit-profession').value,
- mbti: document.getElementById('edit-mbti').value,
- zodiac: document.getElementById('edit-zodiac').value,
- hobbies: document.getElementById('edit-hobbies').value.split(',').map(s => s.trim())
- });
- this.renderProfileMain(container);
- };
- };
- document.getElementById('logout-btn').onclick = () => {
- if(confirm("确定要删除所有记录吗？此操作不可逆。")) state.clear();
- };
- }
-};
-
-const closeBtn = document.getElementById('close-modal');
-if (closeBtn) closeBtn.onclick = () => document.getElementById('modal-overlay').classList.add('hidden');
diff --git a/web-prototype/index.html b/web-prototype/index.html
deleted file mode 100644
index b9b4a48..0000000
--- a/web-prototype/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
-
-
-
-
-
- ${(data.nickname || '人').charAt(0)}
-
-
-
- ${data.nickname || '旅行者'}
-${data.mbti || '-'} | ${data.zodiac || '-'}
-
-
-
-
- ${state.lifeEvents.length}
- 生命足迹
-
-
- ${state.scripts.length}
- 天命卷轴
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
- 
-
-
-
- 人生轨迹
-
-
- `;
-
- const phoneInput = document.getElementById('login-phone');
- const codeInput = document.getElementById('login-code');
- const codeBtn = document.getElementById('get-code-btn');
- const loginBtn = document.getElementById('login-submit');
-
- codeBtn.onclick = () => {
- if (phoneInput.value.length !== 11) return alert('请输入正确的手机号');
- codeBtn.disabled = true;
- let count = 60;
- const timer = setInterval(() => {
- codeBtn.innerText = `${count}S`;
- count--;
- if (count < 0) {
- clearInterval(timer);
- codeBtn.disabled = false;
- codeBtn.innerText = '获取';
- }
- }, 1000);
- alert('验证码已发送 (模拟验证码: 888888)');
- };
-
- loginBtn.onclick = () => {
- if (phoneInput.value.length === 11 && codeInput.value === '888888') {
- state.isLoggedIn = true;
- state.phone = phoneInput.value;
- state.save();
- onLoginSuccess();
- } else {
- alert('验证失败，请检查手机号或验证码');
- }
- };
- }
-};
diff --git a/web-prototype/onboarding.js b/web-prototype/onboarding.js
deleted file mode 100644
index 885fa66..0000000
--- a/web-prototype/onboarding.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import { state } from './state.js';
-import { UI } from './components.js';
-
-export const Onboarding = {
- onComplete: null,
-
- render(onCompleteCallback) {
- if (onCompleteCallback) this.onComplete = onCompleteCallback;
-
- const container = document.getElementById('view-container');
- container.innerHTML = `
-
-
-
-
-
- 欢迎回来
-开启你的数字生命档案
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - 登录即代表同意《用户协议》与《隐私政策》，我们将妥善保管您的生命数据。 -
-
-
-
-
- `;
- this.renderStep(state.currentStep || 1);
- this.initEvents();
- },
-
- renderStep(step) {
- const content = document.getElementById('step-content');
- const nextBtn = document.getElementById('next-step');
- const prevBtn = document.getElementById('prev-step');
-
-
- for(let i=1; i<=5; i++){
- const dot = document.querySelector(`.step-dot-${i}`);
- if(dot) dot.className = `step-dot-${i} h-1 rounded-full transition-all duration-500 ${i === step ? 'w-8 bg-orange-200' : 'w-3 bg-white/10'}`;
- }
-
- prevBtn.classList.toggle('hidden', step === 1);
- nextBtn.innerHTML = step === 5 ? '开启人生 ' : '继续 ';
-
- let html = '';
- if (step === 1) {
- html = `
-
-
-
- ${[1,2,3,4,5].map(i => ``).join('')}
-
-
-
-
-
-
-
- `;
- } else if (step === 2) {
- html = this.renderMemoryStep('那段纯真的时光', '童年记忆', 'reg-child-text', 'reg-child-date', 'childhood', state.registrationData.childhood);
- } else if (step === 3) {
- html = this.renderMemoryStep('光芒闪耀的时刻', '开心的经历', 'reg-joy-text', 'reg-joy-date', 'joy', state.registrationData.joy);
- } else if (step === 4) {
- html = this.renderMemoryStep('在暗夜中潜行', '沮丧与低谷', 'reg-low-text', 'reg-low-date', 'low', state.registrationData.low);
- } else if (step === 5) {
- html = `
-
-
- 你是谁？
-定义你生命坐标的初始属性。
-
- ${UI.renderInput('称呼', 'reg-nickname', 'text', '例如：林中鹿', state.registrationData.nickname)}
- ${UI.renderInput('性别', 'reg-gender', 'text', '自由填写', state.registrationData.gender)}
- ${UI.renderInput('MBTI', 'reg-mbti', 'text', '如：INFJ', state.registrationData.mbti)}
- ${UI.renderInput('星座', 'reg-zodiac', 'text', '星辰指引', state.registrationData.zodiac)}
-
- ${UI.renderInput('兴趣爱好', 'reg-hobbies', 'text', '用逗号分隔你的热爱', (state.registrationData.hobbies || []).join(','))}
-
-
- `;
- }
- content.innerHTML = html;
- lucide.createIcons();
- },
-
- renderMemoryStep(title, label, textId, dateId, type, data) {
- return `
-
-
- ${UI.renderTextArea('对未来的憧憬', 'reg-future-vision', '你想成为一个什么样的人？', state.registrationData.future.vision || '')}
- ${UI.renderTextArea('理想生活状态', 'reg-future-ideal', '你的理想清晨与傍晚是怎样的？', state.registrationData.future.ideal || '')}
- 未来想成为谁？
-勾勒你对理想生活的全部向往。
-
-
- `;
- },
-
- saveStepData() {
- const step = state.currentStep;
- if (step === 1) {
- state.updateRegistration({
- nickname: document.getElementById('reg-nickname').value,
- gender: document.getElementById('reg-gender').value,
- mbti: document.getElementById('reg-mbti').value,
- zodiac: document.getElementById('reg-zodiac').value,
- hobbies: document.getElementById('reg-hobbies').value.split(',').map(s => s.trim()).filter(s => s)
- });
- } else if (step === 2) {
- state.updateRegistration({ childhood: { date: document.getElementById('reg-child-date').value, text: document.getElementById('reg-child-text').value } });
- } else if (step === 3) {
- state.updateRegistration({ joy: { date: document.getElementById('reg-joy-date').value, text: document.getElementById('reg-joy-text').value } });
- } else if (step === 4) {
- state.updateRegistration({ low: { date: document.getElementById('reg-low-date').value, text: document.getElementById('reg-low-text').value } });
- } else if (step === 5) {
- state.updateRegistration({
- future: { vision: document.getElementById('reg-future-vision').value, ideal: document.getElementById('reg-future-ideal').value }
- });
- }
- },
-
- initEvents() {
- document.getElementById('next-step').onclick = () => {
- this.saveStepData();
- if (state.currentStep < 5) {
- state.currentStep++;
- this.renderStep(state.currentStep);
- } else {
- state.view = 'dashboard';
- state.save();
- if (this.onComplete) this.onComplete();
- }
- };
- document.getElementById('prev-step').onclick = () => {
- if (state.currentStep > 1) {
- state.currentStep--;
- this.renderStep(state.currentStep);
- }
- };
- }
-};
diff --git a/web-prototype/registration.js b/web-prototype/registration.js
deleted file mode 100644
index 4146662..0000000
--- a/web-prototype/registration.js
+++ /dev/null
@@ -1,187 +0,0 @@
-import { state } from './state.js';
-import { UI } from './components.js';
-
-export const Registration = {
- render() {
- const container = document.getElementById('view-container');
- container.innerHTML = `
-
-
- ${title}
-回望足迹，这些瞬间如何塑造了此时的你。
-
-
-
-
-
-
-
-
-
-
-
- ${UI.renderInspiration(type, textId)}
-
-
-
- `;
- this.goToStep(1);
- },
-
- goToStep(step) {
- state.currentStep = step;
- const content = document.getElementById('step-content');
-
- gsap.to(content, { opacity: 0, y: 10, duration: 0.3, onComplete: () => {
- this.renderStep(step, content);
- gsap.to(content, { opacity: 1, y: 0, duration: 0.5 });
- this.updateIndicators(step);
- lucide.createIcons();
- }});
- },
-
- renderStep(step, el) {
- switch(step) {
- case 1:
- el.innerHTML = `
-
-
-
-
-
-
-
-
-
-
-
-
- 你是谁？
-让我们从最基础的认知开始...
-
- ${UI.renderInput('昵称', 'reg-nick', 'text', '你想如何称呼自己？')}
-
-
- ${UI.renderInput('星座', 'reg-zodiac', 'text', '如：天蝎座')}
- ${UI.renderInput('MBTI', 'reg-mbti', 'text', '如：INFJ')}
-
- ${UI.renderInput('兴趣爱好', 'reg-hobbies', 'text', '用逗号分隔你的热爱')}
-
-
-
- `;
- document.getElementById('btn-next').onclick = () => {
- state.updateRegistration({
- nickname: document.getElementById('reg-nick').value,
- zodiac: document.getElementById('reg-zodiac').value,
- mbti: document.getElementById('reg-mbti').value,
- hobbies: document.getElementById('reg-hobbies').value.split(',')
- });
- this.goToStep(2);
- };
- break;
-
- case 2: // Childhood
- el.innerHTML = `
-
-
-
-
- 童年往事
-那个阶段，你的世界是什么颜色的？
- ${UI.renderInput('大约时间', 'reg-child-date', 'date')} - ${UI.renderTextArea('描述你的感受', 'reg-child-text', '那个午后，我在...')} -${UI.renderInspiration('childhood', 'reg-child-text')}
-
- 
-
-
-
-
-
-
- `;
- document.getElementById('btn-next').onclick = () => {
- state.updateRegistration({ childhood: { date: document.getElementById('reg-child-date').value, text: document.getElementById('reg-child-text').value }});
- this.goToStep(3);
- };
- break;
-
- case 3: // Joy
- el.innerHTML = `
-
-
-
-
- 感到满足的瞬间
-那些让你嘴角上扬，感到充盈的经历。
- ${UI.renderInput('发生日期', 'reg-joy-date', 'date')} - ${UI.renderTextArea('那一刻发生了什么？', 'reg-joy-text', '微风拂过，我发现...')} -${UI.renderInspiration('joy', 'reg-joy-text')}
-
- 
-
-
-
-
-
-
- `;
- document.getElementById('btn-next').onclick = () => {
- state.updateRegistration({ joy: { date: document.getElementById('reg-joy-date').value, text: document.getElementById('reg-joy-text').value }});
- this.goToStep(4);
- };
- break;
-
- case 4: // Low points
- el.innerHTML = `
-
-
-
-
- 沉潜的时光
-那些让你慢下来，向内生长的日子。
- ${UI.renderInput('大约时间', 'reg-low-date', 'date')} - ${UI.renderTextArea('你是如何度过的？', 'reg-low-text', '在寂静中，我开始思考...')} -${UI.renderInspiration('low', 'reg-low-text')}
-
-
-
-
-
-
-
-
-
- `;
- document.getElementById('btn-next').onclick = () => {
- state.updateRegistration({ low: { date: document.getElementById('reg-low-date').value, text: document.getElementById('reg-low-text').value }});
- this.goToStep(5);
- };
- break;
-
- case 5: // Future
- el.innerHTML = `
-
-
-
-
- 展望未来
-你渴望成为一个怎样的人？
- ${UI.renderTextArea('未来的愿景', 'reg-future-vision', '我希望在三年后...')} - ${UI.renderTextArea('理想生活状态', 'reg-future-ideal', '每天清晨，我能够...')} -
- 
-
-
-
-
-
-
- `;
- document.getElementById('btn-finish').onclick = () => {
- state.updateRegistration({ future: { vision: document.getElementById('reg-future-vision').value, ideal: document.getElementById('reg-future-ideal').value }});
- this.completeRegistration();
- };
- break;
- }
- },
-
- updateIndicators(step) {
- document.querySelectorAll('.step-indicator').forEach(el => {
- el.classList.toggle('active', parseInt(el.dataset.step) === step);
- });
- },
-
- completeRegistration() {
- const loader = document.getElementById('loader');
- loader.classList.remove('hidden');
- setTimeout(() => {
- state.view = 'dashboard';
- window.location.reload(); // Simple way to re-init app view
- }, 1500);
- }
-};
-window.reg_instance = Registration;
diff --git a/web-prototype/state.js b/web-prototype/state.js
deleted file mode 100644
index 45f9ccc..0000000
--- a/web-prototype/state.js
+++ /dev/null
@@ -1,78 +0,0 @@
-export const state = {
- isLoggedIn: false,
- phone: '',
- view: 'login', // 'login' | 'onboarding' | 'dashboard'
- currentStep: 1,
- registrationData: {
- nickname: '',
- gender: '',
- zodiac: '',
- mbti: '',
- profession: '',
- hobbies: [],
- childhood: { date: '', text: '' },
- joy: { date: '', text: '' },
- low: { date: '', text: '' },
- future: { vision: '', ideal: '' }
- },
- lifeEvents: [],
- scripts: [], // Array of { id, theme, style, length, content, date, character }
- selectedScriptId: null,
- selectedPath: null,
-
- save() {
- const dataToSave = {
- isLoggedIn: this.isLoggedIn,
- phone: this.phone,
- registrationData: this.registrationData,
- lifeEvents: this.lifeEvents,
- scripts: this.scripts,
- selectedScriptId: this.selectedScriptId,
- selectedPath: this.selectedPath,
- view: this.view
- };
- localStorage.setItem('life_trajectory_v3', JSON.stringify(dataToSave));
- },
-
- load() {
- const saved = localStorage.getItem('life_trajectory_v3');
- if (saved) {
- try {
- const parsed = JSON.parse(saved);
- Object.assign(this, parsed);
- } catch (e) {
- console.error("Failed to load state:", e);
- }
- }
- },
-
- updateRegistration(data) {
- this.registrationData = { ...this.registrationData, ...data };
- this.save();
- },
-
- addLifeEvent(event) {
- this.lifeEvents.push({ ...event, id: Date.now() });
- this.save();
- },
-
- addScript(script) {
- this.scripts.unshift({ ...script, id: Date.now(), date: new Date().toLocaleDateString() });
- this.selectedScriptId = this.scripts[0].id;
- this.save();
- },
-
- getSelectedScript() {
- return this.scripts.find(s => s.id === this.selectedScriptId);
- },
-
- setPath(path) {
- this.selectedPath = path;
- this.save();
- },
-
- clear() {
- localStorage.removeItem('life_trajectory_v3');
- window.location.reload();
- }
-};
diff --git a/web-prototype/style.css b/web-prototype/style.css
deleted file mode 100644
index 487091a..0000000
--- a/web-prototype/style.css
+++ /dev/null
@@ -1,144 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;600&family=Noto+Sans+SC:wght@300;400;500&display=swap');
-
-:root {
- --glass-bg: rgba(15, 17, 26, 0.4);
- --glass-border: rgba(255, 255, 255, 0.08);
- --accent-orange: #FFAB91;
- --accent-blue: #81D4FA;
- --card-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5);
-}
-
-* { box-sizing: border-box; }
-
-body {
- font-family: 'Noto Sans SC', sans-serif;
- -webkit-font-smoothing: antialiased;
- color: #e2e8f0;
-}
-
-.font-serif { font-family: 'Noto Serif SC', serif; }
-
-/* Advanced Glassmorphism */
-.glass-card {
- background: var(--glass-bg);
- backdrop-filter: blur(25px) saturate(180%);
- -webkit-backdrop-filter: blur(25px) saturate(180%);
- border: 1px solid var(--glass-border);
- border-radius: 32px;
- box-shadow: var(--card-shadow);
-}
-
-.glass-btn {
- background: rgba(255, 255, 255, 0.03);
- backdrop-filter: blur(10px);
- border: 1px solid rgba(255, 255, 255, 0.05);
- transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
- display: inline-flex;
- align-items: center;
- justify-content: center;
-}
-
-.glass-btn:hover {
- background: rgba(255, 255, 255, 0.08);
- border-color: rgba(255, 255, 255, 0.2);
- transform: translateY(-2px);
-}
-
-.glass-btn:active { transform: scale(0.98); }
-
-.glass-input {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid rgba(255, 255, 255, 0.05);
- border-radius: 16px;
- padding: 14px 20px;
- color: white;
- outline: none;
- transition: all 0.3s ease;
-}
-
-.glass-input:focus {
- border-color: var(--accent-orange);
- background: rgba(255, 255, 255, 0.03);
- box-shadow: 0 0 20px rgba(255, 171, 145, 0.1);
-}
-
-/* Animations */
-@keyframes float {
- 0%, 100% { transform: translate(0, 0) scale(1); }
- 50% { transform: translate(5%, 5%) scale(1.1); }
-}
-
-.animate-float { animation: float 15s infinite ease-in-out; }
-.animate-float-delayed { animation: float 20s infinite ease-in-out reverse; }
-
-.page-transition-enter { opacity: 0; transform: translateY(20px) scale(0.98); }
-.page-transition-active { opacity: 1; transform: translateY(0) scale(1); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-
-/* Timeline UI */
-.timeline-dot {
- width: 12px;
- height: 12px;
- border: 2px solid var(--accent-orange);
- background: #0a0c10;
- box-shadow: 0 0 10px var(--accent-orange);
- border-radius: 50%;
-}
-
-.timeline-line {
- position: absolute;
- left: 21px;
- top: 0;
- bottom: 0;
- width: 1px;
- background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.1) 85%, transparent);
-}
-
-/* Scrollbar Refinement */
-.custom-scrollbar::-webkit-scrollbar { width: 4px; }
-.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
-.custom-scrollbar::-webkit-scrollbar-thumb {
- background: rgba(255, 255, 255, 0.08);
- border-radius: 10px;
-}
-.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.15); }
-
-/* Responsive Form Adjustments */
-@media (max-width: 768px) {
- #view-container { height: 95vh; border-radius: 0; }
- .glass-card { border-radius: 20px; }
- .nav-item span { display: none; }
- .nav-item i { margin-right: 0 !important; }
-}
-
-.prompt-tag {
- display: inline-block;
- padding: 6px 16px;
- background: rgba(255, 255, 255, 0.03);
- border: 1px solid rgba(255, 255, 255, 0.08);
- border-radius: 99px;
- font-size: 0.75rem;
- cursor: pointer;
- transition: all 0.3s;
- user-select: none;
- white-space: nowrap;
-}
-
-.prompt-tag:hover {
- background: var(--accent-orange);
- color: #000;
- border-color: var(--accent-orange);
-}
-
-/* Sidebar Active State */
-.nav-item.active {
- background: rgba(255, 171, 145, 0.08);
- border-color: rgba(255, 171, 145, 0.2);
- color: var(--accent-orange) !important;
-}
-
-/* AI Glow Effect */
-.ai-glow-card {
- background: linear-gradient(145deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.05) 100%);
- border-left: 2px solid var(--accent-orange);
- box-shadow: inset 0 0 20px rgba(255, 171, 145, 0.05);
-}
diff --git a/web_client/.env.example b/web_client/.env.example
deleted file mode 100644
index d1d3c6f..0000000
--- a/web_client/.env.example
+++ /dev/null
@@ -1,24 +0,0 @@
-# AI助手Web客户端环境配置示例
-# 复制此文件为 .env 并根据实际情况修改
-
-# 服务端口
-PORT=15000
-
-# 调试模式 (True/False)
-DEBUG=True
-
-# Flask密钥（生产环境请使用随机字符串）
-SECRET_KEY=ai-assistant-web-client-secret-key
-
-# API后端服务地址（api模块提供HTTP接口）
-# 本地开发时使用80端口（Apollo配置的默认端口）
-API_BASE_URL=http://localhost:80
-
-# 认证Token（从登录获取，或使用固定token）
-# AUTH_TOKEN=your_jwt_token_here
-
-# 日志级别 (DEBUG/INFO/WARNING/ERROR)
-LOG_LEVEL=INFO
-
-# CORS允许的源（多个用逗号分隔）
-# CORS_ORIGINS=http://localhost:3000,http://localhost:8080
diff --git a/web_client/CHANGELOG.md b/web_client/CHANGELOG.md
deleted file mode 100644
index fa0cd54..0000000
--- a/web_client/CHANGELOG.md
+++ /dev/null
@@ -1,154 +0,0 @@
-# 更新日志
-
-## [2.0.0] - 2025-12-26
-
-### 🎉 重大更新：对接im-api后端服务
-
-#### ✨ 新增功能
-
-1. **应用选择界面**
- - 新增应用列表展示页面
- - 支持应用搜索功能
- - 应用按创建时间倒排显示
- - 卡片式应用展示，包含头像、名称、描述、分类
-
-2. **后端API集成**
- - 对接im-api后端聊天服务
- - 支持SSE流式对话响应
- - 支持推荐问题加载
- - 支持多应用切换
-
-3. **代理层实现**
- - Flask代理层转发请求到im-api
- - SSE流式响应转发
- - 统一错误处理
- - CORS支持
-
-#### 🔄 功能变更
-
-1. **移除左侧面板**
- - 移除用户信息面板
- - 移除待办事项功能
- - 移除提醒设置功能
- - 简化界面，专注对话功能
-
-2. **对话界面优化**
- - 添加返回按钮，可返回应用列表
- - 顶部显示当前应用信息
- - 动态加载推荐问题
- - 优化欢迎消息显示
-
-3. **API接口调整**
- - `/api/applications` → `/api/ai-assistant/chatapp`
- - `/api/chat/send` → `/api/ai-assistant/chat/completions/message`
- - 新增 `/api/ai-assistant/chatapp/{appId}/getRecommendQuestion`
-
-#### 🛠️ 技术改进
-
-1. **前端优化**
- - 重构JavaScript代码结构
- - 添加应用选择逻辑
- - 实现SSE流式响应处理
- - 优化错误处理和提示
-
-2. **后端优化**
- - 使用requests库进行HTTP代理
- - 实现SSE流式转发
- - 添加健康检查接口
- - 优化日志记录
-
-3. **配置管理**
- - 新增IM_API_BASE_URL配置
- - 新增AUTH_TOKEN配置
- - 更新环境变量示例
- - 优化启动脚本
-
-#### 📝 文档更新
-
-1. **新增文档**
- - `INTEGRATION_GUIDE.md` - 后端集成指南
- - `CHANGELOG.md` - 更新日志
-
-2. **更新文档**
- - `.env.example` - 环境配置示例
- - `start.sh` - 启动脚本
- - `README.md` - 项目说明
-
-#### 🐛 Bug修复
-
-- 修复消息发送后输入框未清空的问题
-- 修复打字指示器未正确移除的问题
-- 修复滚动到底部的时机问题
-
-#### ⚠️ 破坏性变更
-
-1. **API变更**
- - 旧的API接口已废弃
- - 需要配置im-api后端地址
- - 可能需要配置认证token
-
-2. **界面变更**
- - 移除了左侧用户信息面板
- - 初始界面改为应用选择
- - 需要先选择应用才能对话
-
-#### 🔧 迁移指南
-
-从1.0版本升级到2.0版本：
-
-1. **更新配置文件**
- ```bash
- cp .env.example .env
- # 编辑.env，配置IM_API_BASE_URL
- ```
-
-2. **确保后端服务运行**
- ```bash
- # 确保im-api服务在http://localhost:8080运行
- curl http://localhost:8080/api/ai-assistant/chatapp
- ```
-
-3. **重启服务**
- ```bash
- ./start.sh
- ```
-
-4. **访问新界面**
- ```
- 打开 http://localhost:15001
- 首先选择一个应用，然后开始对话
- ```
-
-#### 📊 性能改进
-
-- SSE流式响应，实时显示AI回复
-- 优化应用列表加载速度
-- 减少不必要的API请求
-
-#### 🎯 下一步计划
-
-- [ ] 集成真实的登录认证系统
-- [ ] 支持文件上传功能
-- [ ] 支持语音输入
-- [ ] 支持多会话管理
-- [ ] 支持历史记录查看
-- [ ] 添加请求缓存
-- [ ] 优化SSE重连机制
-
----
-
-## [1.0.0] - 2025-12-25
-
-### 初始版本
-
-- ✅ 100%还原原型设计
-- ✅ 粒子背景动画
-- ✅ 玻璃态设计
-- ✅ 消息气泡动画
-- ✅ 打字指示器
-- ✅ 快捷回复
-- ✅ 主题切换
-- ✅ 字体选择
-- ✅ 待办事项管理
-- ✅ 模拟API响应
-
diff --git a/web_client/CHECKLIST.md b/web_client/CHECKLIST.md
deleted file mode 100644
index ccc9660..0000000
--- a/web_client/CHECKLIST.md
+++ /dev/null
@@ -1,319 +0,0 @@
-# ✅ 项目验收清单
-
-## 📋 交付物检查
-
-### 核心代码文件
-- [x] `app.py` - Flask应用主文件 (145行)
-- [x] `templates/index.html` - 主页面模板 (255行)
-- [x] `static/css/style.css` - 自定义样式 (219行)
-- [x] `static/js/main.js` - 前端交互逻辑 (323行)
-- [x] `test_app.py` - 单元测试 (145行)
-
-### 配置文件
-- [x] `requirements.txt` - Python依赖
-- [x] `.env.example` - 环境配置示例
-- [x] `start.sh` - 启动脚本（可执行）
-
-### 文档文件
-- [x] `README.md` - 项目说明
-- [x] `QUICKSTART.md` - 快速启动指南
-- [x] `DEPLOYMENT.md` - 部署指南
-- [x] `FEATURES.md` - 功能特性详解
-- [x] `DEMO.md` - 演示指南
-- [x] `PROJECT_OVERVIEW.md` - 项目总览
-- [x] `SUMMARY.md` - 项目完成总结
-- [x] `FILE_STRUCTURE.md` - 文件结构说明
-- [x] `INDEX.md` - 文档索引
-- [x] `CHECKLIST.md` - 本验收清单
-
-**总计**: 17个文件 ✅
-
----
-
-## 🎨 功能实现检查
-
-### 界面布局
-- [x] 双栏布局（左侧320px + 右侧自适应）
-- [x] 左侧用户信息面板
-- [x] 右侧对话区域
-- [x] 顶部导航栏（64px高度）
-- [x] 底部输入区域
-- [x] 响应式设计
-
-### 用户信息面板
-- [x] 用户画像区域
- - [x] 渐变色头像
- - [x] 用户名和角色
- - [x] 个性化推荐标签
-- [x] 待办事项区域
- - [x] 任务列表展示
- - [x] 复选框交互
- - [x] 添加新任务
-- [x] 提醒设置区域
- - [x] 定时提醒展示
- - [x] 新增提醒按钮
-
-### 对话区域
-- [x] 顶部导航栏
- - [x] 品牌标识（Pacifico字体）
- - [x] 主题切换按钮（4种）
- - [x] 字体选择下拉菜单
- - [x] 消息通知图标
- - [x] 用户头像
-- [x] 智能回复提示栏
- - [x] 3个快捷问题按钮
- - [x] 点击自动填充
-- [x] 对话内容区域
- - [x] 用户消息气泡（紫蓝渐变）
- - [x] AI消息气泡（青绿渐变）
- - [x] 滑入动画
- - [x] 打字指示器
- - [x] 自动滚动
-- [x] 输入区域
- - [x] 语音按钮（波形动画）
- - [x] 文本输入框（霓虹边框）
- - [x] 发送按钮（脉冲动画）
- - [x] 功能按钮（图片、附件、语音）
- - [x] 连接状态指示
-
----
-
-## 🎭 视觉效果检查
-
-### 背景效果
-- [x] 深空黑渐变背景
-- [x] 50个动态粒子
-- [x] 粒子浮动动画（6s）
-
-### 玻璃态设计
-- [x] 毛玻璃效果（backdrop-filter）
-- [x] 半透明背景
-- [x] 边框光晕
-
-### 动画效果
-- [x] 消息滑入动画（0.3s）
-- [x] 打字指示器（3个跳动的点）
-- [x] 脉冲动画（2s循环）
-- [x] 语音波形（5条波动）
-- [x] 按钮悬停发光
-- [x] 淡入动画
-
-### 颜色方案
-- [x] 主色调（#6366f1, #8b5cf6）
-- [x] 背景色（#0f172a, #1e293b）
-- [x] 文字色（#ffffff, #94a3b8）
-- [x] 用户消息渐变
-- [x] AI消息渐变
-
----
-
-## 🔧 功能交互检查
-
-### 消息发送
-- [x] 输入框输入文字
-- [x] Enter键发送
-- [x] 点击发送按钮
-- [x] 消息显示在右侧
-- [x] 显示打字指示器
-- [x] AI回复显示在左侧
-- [x] 自动滚动到底部
-
-### 快捷回复
-- [x] 点击快捷按钮
-- [x] 自动填充到输入框
-- [x] 输入框获得焦点
-- [x] 可继续编辑
-
-### 主题切换
-- [x] 深空黑主题
-- [x] 极光蓝主题
-- [x] 霓虹紫主题
-- [x] 科技绿主题
-- [x] 平滑过渡
-
-### 待办管理
-- [x] 输入新任务
-- [x] Enter键添加
-- [x] 点击+按钮添加
-- [x] 勾选复选框
-
----
-
-## 🔌 API接口检查
-
-### 端点实现
-- [x] GET `/` - 主页面
-- [x] GET `/api/health` - 健康检查
-- [x] GET `/api/applications` - 获取应用列表
-- [x] POST `/api/chat/send` - 发送消息
-
-### 响应格式
-- [x] 统一的JSON格式
-- [x] code字段（状态码）
-- [x] message字段（消息）
-- [x] data字段（数据）
-
-### CORS支持
-- [x] Access-Control-Allow-Origin头
-- [x] 跨域请求正常
-
----
-
-## 🧪 测试检查
-
-### 单元测试
-- [x] test_index_page - 主页面测试
-- [x] test_health_check - 健康检查测试
-- [x] test_get_applications - 应用列表测试
-- [x] test_send_message_without_content - 空消息测试
-- [x] test_send_message_with_content - 正常消息测试
-- [x] test_cors_headers - CORS头测试
-- [x] test_static_files - 静态文件测试
-- [x] test_response_format - 响应格式测试
-- [x] test_error_response_format - 错误响应测试
-
-### 测试结果
-- [x] 9个测试用例
-- [x] 全部通过（100%）
-- [x] 无错误
-- [x] 无警告
-
----
-
-## 📊 性能检查
-
-### 加载性能
-- [x] 首屏加载 < 1s
-- [x] 静态资源加载 < 100ms
-- [x] DOMContentLoaded < 500ms
-
-### 运行性能
-- [x] 动画帧率 60fps
-- [x] 内存占用 < 50MB
-- [x] CPU占用 < 5%
-
-### 兼容性
-- [x] Chrome 90+
-- [x] Firefox 88+
-- [x] Safari 14+
-- [x] Edge 90+
-
----
-
-## 📱 响应式检查
-
-### 桌面端（≥1920px）
-- [x] 完整双栏布局
-- [x] 所有功能正常
-- [x] 动画流畅
-
-### 平板端（768px-1920px）
-- [x] 自适应布局
-- [x] 消息气泡调整
-- [x] 功能正常
-
-### 移动端（<768px）
-- [x] 单栏布局
-- [x] 触摸优化
-- [x] 功能正常
-
----
-
-## 📚 文档检查
-
-### 文档完整性
-- [x] 所有文档已创建
-- [x] 内容完整详细
-- [x] 格式规范统一
-- [x] 代码示例正确
-
-### 文档质量
-- [x] 语言清晰易懂
-- [x] 结构层次分明
-- [x] 示例丰富实用
-- [x] 无错别字
-
----
-
-## 🚀 部署检查
-
-### 开发环境
-- [x] 本地运行成功
-- [x] 端口配置正确
-- [x] 调试模式正常
-- [x] 热重载工作
-
-### 生产准备
-- [x] 部署文档完整
-- [x] 配置示例齐全
-- [x] 启动脚本可用
-- [x] 依赖清单准确
-
----
-
-## ✨ 还原度检查
-
-### 视觉还原度
-- [x] 布局结构 100%
-- [x] 颜色方案 100%
-- [x] 圆角半径 100%
-- [x] 间距内边距 100%
-- [x] 字体大小 100%
-
-### 动画还原度
-- [x] 粒子效果 100%
-- [x] 滑入动画 100%
-- [x] 打字动画 100%
-- [x] 脉冲效果 100%
-- [x] 波形动画 100%
-
-### 交互还原度
-- [x] 消息发送 100%
-- [x] 快捷回复 100%
-- [x] 主题切换 100%
-- [x] 待办管理 100%
-
----
-
-## 🎉 最终验收
-
-### 代码质量
-- [x] 代码规范
-- [x] 注释完整
-- [x] 结构清晰
-- [x] 无已知bug
-
-### 功能完整性
-- [x] 所有功能实现
-- [x] 所有测试通过
-- [x] 性能达标
-- [x] 兼容性良好
-
-### 文档完整性
-- [x] 文档齐全
-- [x] 内容详细
-- [x] 示例丰富
-- [x] 易于理解
-
-### 交付标准
-- [x] 代码可运行
-- [x] 测试可通过
-- [x] 文档可阅读
-- [x] 部署可执行
-
----
-
-## 📝 验收结论
-
-**项目状态**: ✅ 通过验收
-
-**完成度**: 100%
-
-**质量评级**: ⭐⭐⭐⭐⭐ (5星)
-
-**建议**: 可以投入使用
-
----
-
-**验收完成！项目已准备就绪！** 🎊
-
diff --git a/web_client/DEMO.md b/web_client/DEMO.md
deleted file mode 100644
index a27d083..0000000
--- a/web_client/DEMO.md
+++ /dev/null
@@ -1,298 +0,0 @@
-# 🎬 演示指南
-
-## 快速演示步骤
-
-### 1. 启动应用
-
-```bash
-cd test-client/web_client
-./start.sh
-```
-
-或者：
-
-```bash
-PORT=5001 python3 app.py
-```
-
-### 2. 打开浏览器
-
-访问：http://localhost:5001
-
-### 3. 界面展示
-
-#### 首次加载
-- ✅ 看到深空黑渐变背景
-- ✅ 50个粒子在背景中浮动
-- ✅ 左侧用户信息面板完整展示
-- ✅ 右侧对话区域显示欢迎消息
-- ✅ AI欢迎消息以滑入动画出现
-
-#### 界面元素检查
-- ✅ 左侧：用户画像、待办事项、提醒设置
-- ✅ 顶部：品牌标识、主题按钮、字体选择、通知图标
-- ✅ 中间：快捷回复按钮、对话区域
-- ✅ 底部：语音按钮、输入框、发送按钮、功能按钮
-
-## 功能演示
-
-### 演示1：发送消息
-
-**步骤：**
-1. 在底部输入框输入："你好，请介绍一下你自己"
-2. 按Enter键或点击发送按钮
-3. 观察效果：
- - ✅ 用户消息以紫蓝渐变气泡出现在右侧
- - ✅ 消息从下方滑入
- - ✅ 出现打字指示器（3个跳动的绿点）
- - ✅ AI回复以青绿渐变气泡出现在左侧
- - ✅ 自动滚动到底部
-
-**预期结果：**
-```
-用户: 你好，请介绍一下你自己
-AI: 这是对"你好，请介绍一下你自己"的模拟回复。实际使用时会调用真实的AI助手API。
-```
-
-### 演示2：快捷回复
-
-**步骤：**
-1. 点击顶部的"💡 今日天气如何？"按钮
-2. 观察效果：
- - ✅ 问题自动填充到输入框
- - ✅ 输入框获得焦点
-3. 按Enter发送
-4. 观察AI回复
-
-**预期结果：**
-输入框自动填充："今日天气如何？"
-
-### 演示3：主题切换
-
-**步骤：**
-1. 点击"极光蓝"主题按钮
-2. 观察效果：
- - ✅ 背景渐变变为蓝色系
- - ✅ 过渡平滑
-3. 依次点击其他主题：
- - 霓虹紫（紫色系）
- - 科技绿（绿色系）
- - 深空黑（默认）
-
-**预期结果：**
-背景颜色平滑切换，其他元素保持不变
-
-### 演示4：待办事项
-
-**步骤：**
-1. 在左侧待办事项输入框输入："测试新功能"
-2. 按Enter或点击+按钮
-3. 观察效果：
- - ✅ 新任务添加到列表
- - ✅ 带有复选框
- - ✅ 半透明背景
-4. 勾选复选框标记完成
-
-**预期结果：**
-任务成功添加到列表，可以勾选
-
-### 演示5：动画效果
-
-**观察以下动画：**
-
-#### 粒子背景
-- ✅ 50个粒子在背景中浮动
-- ✅ 上下左右移动
-- ✅ 透明度变化
-
-#### 打字指示器
-- ✅ 3个绿色圆点
-- ✅ 依次上下跳动
-- ✅ 循环动画
-
-#### 语音波形
-- ✅ 5条波形
-- ✅ 高度变化
-- ✅ 依次延迟
-
-#### 发送按钮
-- ✅ 脉冲动画
-- ✅ 阴影扩散
-- ✅ 循环播放
-
-#### 悬停效果
-- ✅ 鼠标悬停在按钮上
-- ✅ 发光效果
-- ✅ 轻微上移
-
-### 演示6：响应式设计
-
-**步骤：**
-1. 打开浏览器开发者工具（F12）
-2. 切换到设备模拟模式
-3. 测试不同屏幕尺寸：
- - 桌面（1920x1080）
- - 平板（768x1024）
- - 手机（375x667）
-
-**预期结果：**
-- ✅ 布局自动适配
-- ✅ 消息气泡宽度调整
-- ✅ 所有功能正常
-
-## API测试
-
-### 测试1：健康检查
-
-```bash
-curl http://localhost:5001/api/health
-```
-
-**预期响应：**
-```json
-{
- "code": 200,
- "message": "OK",
- "data": {
- "status": "healthy",
- "api_client_available": false
- }
-}
-```
-
-### 测试2：获取应用列表
-
-```bash
-curl http://localhost:5001/api/applications
-```
-
-**预期响应：**
-```json
-{
- "code": 200,
- "message": "success",
- "data": []
-}
-```
-
-### 测试3：发送消息
-
-```bash
-curl -X POST http://localhost:5001/api/chat/send \
- -H "Content-Type: application/json" \
- -d '{
- "appId": 15,
- "message": "你好",
- "chatId": null,
- "stream": false
- }'
-```
-
-**预期响应：**
-```json
-{
- "code": 200,
- "message": "success",
- "data": {
- "answer": "这是对\"你好\"的模拟回复。实际使用时会调用真实的AI助手API。",
- "chatId": "mock_chat_id_001",
- "messageId": "mock_message_id_001"
- }
-}
-```
-
-## 性能测试
-
-### 加载性能
-
-**使用浏览器开发者工具：**
-1. 打开Network标签
-2. 刷新页面
-3. 查看加载时间
-
-**预期指标：**
-- ✅ DOMContentLoaded: < 500ms
-- ✅ Load: < 1000ms
-- ✅ 静态资源: < 100ms
-
-### 动画性能
-
-**使用Performance标签：**
-1. 开始录制
-2. 发送几条消息
-3. 切换主题
-4. 停止录制
-5. 查看FPS
-
-**预期指标：**
-- ✅ FPS: 60fps
-- ✅ CPU: < 10%
-- ✅ 内存: < 50MB
-
-## 兼容性测试
-
-### 浏览器测试
-
-**测试以下浏览器：**
-- ✅ Chrome 90+
-- ✅ Firefox 88+
-- ✅ Safari 14+
-- ✅ Edge 90+
-
-**测试项目：**
-- ✅ 页面正常显示
-- ✅ 动画流畅
-- ✅ 交互正常
-- ✅ API调用成功
-
-## 故障演示
-
-### 演示1：空消息
-
-**步骤：**
-1. 不输入任何内容
-2. 点击发送按钮
-
-**预期结果：**
-- ✅ 不发送消息
-- ✅ 没有任何反应
-
-### 演示2：网络错误
-
-**步骤：**
-1. 停止Flask服务器
-2. 尝试发送消息
-
-**预期结果：**
-- ✅ 显示错误消息
-- ✅ 提示用户稍后重试
-
-## 总结
-
-### 演示检查清单
-
-- [ ] 应用成功启动
-- [ ] 界面完整显示
-- [ ] 粒子背景动画
-- [ ] 发送消息功能
-- [ ] 快捷回复功能
-- [ ] 主题切换功能
-- [ ] 待办事项功能
-- [ ] 所有动画效果
-- [ ] 响应式设计
-- [ ] API接口测试
-- [ ] 性能测试
-- [ ] 兼容性测试
-
-### 演示要点
-
-1. **视觉效果** - 强调100%还原原型设计
-2. **动画流畅** - 展示各种动画效果
-3. **交互体验** - 演示所有交互功能
-4. **响应式** - 展示不同屏幕适配
-5. **性能优秀** - 强调60fps流畅体验
-
----
-
-**演示完成！准备好展示给用户了！** 🎉
-
diff --git a/web_client/DEPLOYMENT.md b/web_client/DEPLOYMENT.md
deleted file mode 100644
index fea09ee..0000000
--- a/web_client/DEPLOYMENT.md
+++ /dev/null
@@ -1,331 +0,0 @@
-# 🚀 部署指南
-
-## 生产环境部署
-
-### 使用 Gunicorn（推荐）
-
-#### 1. 安装 Gunicorn
-
-```bash
-pip3 install gunicorn
-```
-
-#### 2. 创建 Gunicorn 配置文件
-
-创建 `gunicorn.conf.py`:
-
-```python
-# Gunicorn配置
-bind = "0.0.0.0:5000"
-workers = 4
-worker_class = "sync"
-timeout = 120
-keepalive = 5
-
-# 日志
-accesslog = "logs/access.log"
-errorlog = "logs/error.log"
-loglevel = "info"
-
-# 进程命名
-proc_name = "ai-assistant-web-client"
-
-# 后台运行
-daemon = False
-```
-
-#### 3. 启动服务
-
-```bash
-# 创建日志目录
-mkdir -p logs
-
-# 启动Gunicorn
-gunicorn -c gunicorn.conf.py app:app
-```
-
-### 使用 uWSGI
-
-#### 1. 安装 uWSGI
-
-```bash
-pip3 install uwsgi
-```
-
-#### 2. 创建 uWSGI 配置文件
-
-创建 `uwsgi.ini`:
-
-```ini
-[uwsgi]
-module = app:app
-master = true
-processes = 4
-socket = 0.0.0.0:5000
-protocol = http
-chmod-socket = 660
-vacuum = true
-die-on-term = true
-```
-
-#### 3. 启动服务
-
-```bash
-uwsgi --ini uwsgi.ini
-```
-
-## Docker 部署
-
-### 1. 创建 Dockerfile
-
-创建 `Dockerfile`:
-
-```dockerfile
-FROM python:3.12-slim
-
-WORKDIR /app
-
-# 复制依赖文件
-COPY requirements.txt .
-
-# 安装依赖
-RUN pip install --no-cache-dir -r requirements.txt gunicorn
-
-# 复制应用文件
-COPY . .
-
-# 暴露端口
-EXPOSE 5000
-
-# 启动命令
-CMD ["gunicorn", "-b", "0.0.0.0:5000", "-w", "4", "app:app"]
-```
-
-### 2. 创建 docker-compose.yml
-
-```yaml
-version: '3.8'
-
-services:
- web-client:
- build: .
- ports:
- - "5000:5000"
- environment:
- - DEBUG=False
- - PORT=5000
- volumes:
- - ./logs:/app/logs
- restart: unless-stopped
-```
-
-### 3. 构建和运行
-
-```bash
-# 构建镜像
-docker-compose build
-
-# 启动服务
-docker-compose up -d
-
-# 查看日志
-docker-compose logs -f
-
-# 停止服务
-docker-compose down
-```
-
-## Nginx 反向代理
-
-### 配置示例
-
-创建 `/etc/nginx/sites-available/ai-assistant-web`:
-
-```nginx
-server {
- listen 80;
- server_name your-domain.com;
-
- # 静态文件
- location /static {
- alias /path/to/web_client/static;
- expires 30d;
- add_header Cache-Control "public, immutable";
- }
-
- # 代理到Flask应用
- location / {
- proxy_pass http://127.0.0.1:5000;
- proxy_set_header Host $host;
- proxy_set_header X-Real-IP $remote_addr;
- proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
- proxy_set_header X-Forwarded-Proto $scheme;
-
- # WebSocket支持（如果需要）
- proxy_http_version 1.1;
- proxy_set_header Upgrade $http_upgrade;
- proxy_set_header Connection "upgrade";
- }
-}
-```
-
-启用配置：
-
-```bash
-sudo ln -s /etc/nginx/sites-available/ai-assistant-web /etc/nginx/sites-enabled/
-sudo nginx -t
-sudo systemctl reload nginx
-```
-
-## Systemd 服务
-
-### 创建服务文件
-
-创建 `/etc/systemd/system/ai-assistant-web.service`:
-
-```ini
-[Unit]
-Description=AI Assistant Web Client
-After=network.target
-
-[Service]
-Type=notify
-User=www-data
-Group=www-data
-WorkingDirectory=/path/to/web_client
-Environment="PATH=/path/to/venv/bin"
-ExecStart=/path/to/venv/bin/gunicorn -c gunicorn.conf.py app:app
-ExecReload=/bin/kill -s HUP $MAINPID
-KillMode=mixed
-TimeoutStopSec=5
-PrivateTmp=true
-
-[Install]
-WantedBy=multi-user.target
-```
-
-### 管理服务
-
-```bash
-# 重载systemd配置
-sudo systemctl daemon-reload
-
-# 启动服务
-sudo systemctl start ai-assistant-web
-
-# 开机自启
-sudo systemctl enable ai-assistant-web
-
-# 查看状态
-sudo systemctl status ai-assistant-web
-
-# 查看日志
-sudo journalctl -u ai-assistant-web -f
-```
-
-## 性能优化
-
-### 1. 启用 Gzip 压缩
-
-在 Nginx 配置中添加：
-
-```nginx
-gzip on;
-gzip_vary on;
-gzip_min_length 1024;
-gzip_types text/plain text/css text/xml text/javascript application/javascript application/json;
-```
-
-### 2. 静态文件缓存
-
-```nginx
-location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff|woff2)$ {
- expires 1y;
- add_header Cache-Control "public, immutable";
-}
-```
-
-### 3. 使用 CDN
-
-将静态资源（CSS、JS、字体）托管到CDN。
-
-## 安全建议
-
-### 1. 使用 HTTPS
-
-```bash
-# 使用 Let's Encrypt
-sudo certbot --nginx -d your-domain.com
-```
-
-### 2. 设置安全头
-
-在 Nginx 配置中添加：
-
-```nginx
-add_header X-Frame-Options "SAMEORIGIN" always;
-add_header X-Content-Type-Options "nosniff" always;
-add_header X-XSS-Protection "1; mode=block" always;
-add_header Referrer-Policy "no-referrer-when-downgrade" always;
-```
-
-### 3. 限制请求速率
-
-```nginx
-limit_req_zone $binary_remote_addr zone=api:10m rate=10r/s;
-
-location /api/ {
- limit_req zone=api burst=20 nodelay;
-}
-```
-
-## 监控和日志
-
-### 1. 日志轮转
-
-创建 `/etc/logrotate.d/ai-assistant-web`:
-
-```
-/path/to/web_client/logs/*.log {
- daily
- rotate 14
- compress
- delaycompress
- notifempty
- create 0640 www-data www-data
- sharedscripts
- postrotate
- systemctl reload ai-assistant-web > /dev/null 2>&1 || true
- endscript
-}
-```
-
-### 2. 健康检查
-
-使用 `/api/health` 端点进行健康检查。
-
-## 故障排查
-
-### 查看日志
-
-```bash
-# Gunicorn日志
-tail -f logs/error.log
-
-# Nginx日志
-tail -f /var/log/nginx/error.log
-
-# Systemd日志
-journalctl -u ai-assistant-web -f
-```
-
-### 常见问题
-
-1. **502 Bad Gateway** - 检查Flask应用是否运行
-2. **静态文件404** - 检查Nginx静态文件路径配置
-3. **CORS错误** - 检查Flask-CORS配置
-
----
-
-**部署成功后，记得测试所有功能！** ✅
-
diff --git a/web_client/FEATURES.md b/web_client/FEATURES.md
deleted file mode 100644
index 3a1b252..0000000
--- a/web_client/FEATURES.md
+++ /dev/null
@@ -1,241 +0,0 @@
-# 🌟 功能特性详解
-
-## 1. 界面布局
-
-### 左侧用户信息面板
-
-#### 用户画像区域
-- **头像显示** - 渐变色圆形头像（紫蓝渐变）
-- **用户信息** - 姓名和角色展示
-- **个性化推荐** - 基于使用习惯的功能推荐标签
- - 智能问答（紫色标签）
- - 语音识别（紫色标签）
- - 任务管理（蓝色标签）
-
-#### 待办事项区域
-- **任务列表** - 显示当前待办任务
- - 复选框交互
- - 任务文本展示
- - 半透明背景效果
-- **添加任务** - 底部输入框 + 添加按钮
- - 支持Enter键快速添加
- - 实时添加到列表
-
-#### 提醒设置区域
-- **定时提醒** - 展示已设置的提醒
- - 每日提醒（晨会准备）
- - 每周提醒（团队会议）
- - 每月提醒（月度总结）
-- **新增提醒** - 底部添加按钮
-
-### 右侧对话区域
-
-#### 顶部导航栏
-- **品牌标识** - "AI 助手" 使用Pacifico字体
-- **主题切换** - 4个主题按钮
- - 深空黑（默认）
- - 极光蓝
- - 霓虹紫
- - 科技绿
-- **字体选择** - 下拉菜单
- - 默认字体（Inter）
- - 思源黑体
- - 苹方
- - Roboto
-- **消息通知** - 铃铛图标 + 红色徽章（显示未读数）
-- **用户头像** - 渐变色圆形图标
-
-#### 智能回复提示栏
-- **快捷问题** - 3个预设问题按钮
- - 💡 今日天气如何？
- - 📅 明天的会议安排
- - ✅ 帮我制定工作计划
-- **一键填充** - 点击自动填充到输入框
-
-#### 对话内容区域
-- **消息气泡** - 区分用户和AI
- - 用户消息：紫蓝渐变，右对齐
- - AI消息：青绿渐变，左对齐
-- **滑入动画** - 新消息从下方滑入
-- **打字指示器** - AI思考时显示3个跳动的点
-- **自动滚动** - 新消息自动滚动到底部
-
-#### 输入区域
-- **语音按钮** - 左侧圆形按钮
- - 5条波形动画
- - 悬停发光效果
-- **文本输入框** - 中间主输入区
- - 霓虹边框效果
- - 聚焦时边框发光
- - 支持Enter键发送
-- **发送按钮** - 右侧圆形按钮
- - 渐变背景
- - 脉冲动画
- - 悬停发光效果
-- **功能按钮** - 底部工具栏
- - 图片上传
- - 文件附件
- - 语音输入
-- **连接状态** - 右下角状态指示
- - 绿色圆点
- - 脉冲动画
-
-## 2. 视觉效果
-
-### 背景效果
-- **渐变背景** - 深空黑到石板灰的135度渐变
-- **粒子系统** - 50个动态浮动粒子
- - 随机大小（1-5px）
- - 随机位置
- - 6秒浮动动画
- - 透明度变化
-
-### 玻璃态设计
-- **毛玻璃效果** - backdrop-filter: blur(10px)
-- **半透明背景** - rgba(30, 41, 59, 0.3)
-- **边框光晕** - 1px半透明边框
-
-### 动画效果
-
-#### 消息动画
-- **滑入动画** - 0.3s ease-out
- - 从下方20px滑入
- - 透明度从0到1
-- **淡入动画** - 0.5s ease-in
- - 透明度渐变
-
-#### 打字指示器
-- **3个圆点** - 8px直径
-- **波浪动画** - 1.4s infinite
- - 第1个点：0s延迟
- - 第2个点：0.2s延迟
- - 第3个点：0.4s延迟
-- **上下跳动** - 5px位移
-
-#### 按钮效果
-- **悬停发光** - box-shadow扩散
-- **位移效果** - translateY(-2px)
-- **脉冲动画** - 2s循环
- - 阴影从0扩散到10px
- - 透明度从0.7到0
-
-#### 语音波形
-- **5条波形** - 2px宽度
-- **波动动画** - 1.2s infinite
- - 高度从10px到20px
- - 每条延迟0.2s
-
-### 颜色系统
-
-#### 主题色
-```css
-/* 主色调 */
-primary: #6366f1 (靛蓝)
-secondary: #8b5cf6 (紫色)
-
-/* 背景色 */
-bg-dark: #0f172a (深空黑)
-bg-slate: #1e293b (石板灰)
-
-/* 文字色 */
-text-white: #ffffff (白色)
-text-slate: #94a3b8 (浅灰)
-```
-
-#### 渐变效果
-```css
-/* 用户消息 */
-linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)
-
-/* AI消息 */
-linear-gradient(135deg, #06b6d4 0%, #10b981 100%)
-
-/* 背景 */
-linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%)
-```
-
-## 3. 交互功能
-
-### 消息发送
-1. 在输入框输入文字
-2. 按Enter键或点击发送按钮
-3. 消息以滑入动画出现在右侧
-4. 显示打字指示器
-5. AI回复以滑入动画出现在左侧
-
-### 快捷回复
-1. 点击顶部快捷回复按钮
-2. 问题自动填充到输入框
-3. 输入框获得焦点
-4. 可以继续编辑或直接发送
-
-### 主题切换
-1. 点击顶部主题按钮
-2. 背景渐变立即切换
-3. 保持其他元素不变
-4. 平滑过渡效果
-
-### 待办管理
-1. 在输入框输入任务
-2. 按Enter或点击+按钮
-3. 任务添加到列表
-4. 勾选复选框标记完成
-
-## 4. 响应式设计
-
-### 桌面端（≥1920px）
-- 完整双栏布局
-- 左侧面板320px固定宽度
-- 右侧自适应宽度
-- 所有功能完整展示
-
-### 平板端（768px-1920px）
-- 保持双栏布局
-- 左侧面板可能收缩
-- 消息气泡最大宽度调整
-- 字体大小适配
-
-### 移动端（<768px）
-- 单栏布局
-- 左侧面板可折叠
-- 消息气泡占80%宽度
-- 触摸优化
-
-## 5. 性能优化
-
-### 加载优化
-- CDN加载外部资源
-- 字体预加载
-- 图片懒加载（如有）
-
-### 渲染优化
-- CSS动画使用transform
-- 避免重排重绘
-- 使用will-change提示
-
-### 交互优化
-- 防抖处理输入
-- 节流处理滚动
-- 虚拟滚动（大量消息时）
-
-## 6. 可访问性
-
-### 键盘支持
-- Tab键导航
-- Enter键发送
-- Esc键关闭弹窗
-
-### 语义化HTML
-- 正确的标签使用
-- ARIA属性支持
-- 屏幕阅读器友好
-
-### 对比度
-- 文字对比度符合WCAG标准
-- 按钮状态清晰可见
-- 焦点状态明显
-
----
-
-**所有功能已完整实现并测试通过！** ✅
-
diff --git a/web_client/FILE_STRUCTURE.md b/web_client/FILE_STRUCTURE.md
deleted file mode 100644
index 3fcefae..0000000
--- a/web_client/FILE_STRUCTURE.md
+++ /dev/null
@@ -1,354 +0,0 @@
-# 📂 文件结构说明
-
-## 完整目录树
-
-```
-web_client/
-├── 📄 核心代码文件
-│ ├── app.py # Flask应用主文件 (145行)
-│ ├── templates/
-│ │ └── index.html # 主页面模板 (255行)
-│ ├── static/
-│ │ ├── css/
-│ │ │ └── style.css # 自定义样式 (219行)
-│ │ ├── js/
-│ │ │ └── main.js # 前端交互逻辑 (323行)
-│ │ └── assets/ # 静态资源目录（图片等）
-│ │
-│ └── test_app.py # 单元测试 (145行)
-│
-├── 📋 配置文件
-│ ├── requirements.txt # Python依赖
-│ ├── .env.example # 环境配置示例
-│ └── start.sh # 启动脚本（可执行）
-│
-└── 📚 文档文件
- ├── README.md # 项目说明
- ├── QUICKSTART.md # 快速启动指南
- ├── DEPLOYMENT.md # 部署指南
- ├── FEATURES.md # 功能特性详解
- ├── DEMO.md # 演示指南
- ├── PROJECT_OVERVIEW.md # 项目总览
- ├── SUMMARY.md # 项目完成总结
- └── FILE_STRUCTURE.md # 本文档
-```
-
-## 文件详细说明
-
-### 核心代码文件
-
-#### 1. app.py
-**作用**: Flask应用主文件，提供Web服务和API接口
-
-**主要功能**:
-- Flask应用初始化
-- CORS配置
-- 路由定义
-- API端点实现
-- 错误处理
-
-**关键代码**:
-```python
-@app.route('/') # 主页面
-@app.route('/api/health') # 健康检查
-@app.route('/api/applications') # 获取应用列表
-@app.route('/api/chat/send') # 发送消息
-```
-
-**行数**: 145行
-
----
-
-#### 2. templates/index.html
-**作用**: 主页面HTML模板，定义界面结构
-
-**主要内容**:
-- HTML5文档结构
-- Tailwind CSS配置
-- 左侧用户信息面板
-- 右侧对话区域
-- 顶部导航栏
-- 底部输入区域
-
-**关键元素**:
-```html
-
-
-
-
-```
-
-**行数**: 255行
-
----
-
-#### 3. static/css/style.css
-**作用**: 自定义CSS样式，实现视觉效果和动画
-
-**主要内容**:
-- 全局样式
-- 玻璃效果
-- 霓虹边框
-- 消息气泡样式
-- 各种动画效果
-- 响应式设计
-
-**关键动画**:
-```css
-@keyframes pulse /* 脉冲动画 */
-@keyframes slideIn /* 滑入动画 */
-@keyframes typing /* 打字动画 */
-@keyframes float /* 浮动动画 */
-@keyframes wave /* 波形动画 */
-```
-
-**行数**: 219行
-
----
-
-#### 4. static/js/main.js
-**作用**: 前端JavaScript交互逻辑
-
-**主要功能**:
-- 粒子背景创建
-- 消息发送和接收
-- 打字指示器
-- 快捷回复
-- 主题切换
-- 待办事项管理
-- 事件绑定
-
-**关键函数**:
-```javascript
-createParticles() // 创建粒子背景
-addMessage() // 添加消息
-sendMessage() // 发送消息
-showTypingIndicator() // 显示打字指示器
-changeTheme() // 切换主题
-```
-
-**行数**: 323行
-
----
-
-#### 5. test_app.py
-**作用**: 单元测试文件
-
-**测试内容**:
-- 主页面渲染
-- 健康检查端点
-- 应用列表端点
-- 发送消息端点
-- CORS头测试
-- 静态文件访问
-- 响应格式测试
-
-**测试用例**: 9个
-**通过率**: 100%
-
-**行数**: 145行
-
----
-
-### 配置文件
-
-#### 6. requirements.txt
-**作用**: Python依赖包列表
-
-**依赖包**:
-```
-Flask>=2.3.0
-Flask-CORS>=4.0.0
-requests>=2.31.0
-python-dotenv>=1.0.0
-```
-
----
-
-#### 7. .env.example
-**作用**: 环境变量配置示例
-
-**配置项**:
-```bash
-PORT=5000 # 服务端口
-DEBUG=True # 调试模式
-SECRET_KEY=... # Flask密钥
-DEFAULT_APP_ID=15 # 默认应用ID
-```
-
----
-
-#### 8. start.sh
-**作用**: 一键启动脚本
-
-**功能**:
-- 检查Python环境
-- 安装依赖
-- 启动Flask服务
-
-**使用**: `./start.sh`
-
----
-
-### 文档文件
-
-#### 9. README.md
-**作用**: 项目主文档
-
-**内容**:
-- 项目介绍
-- 特性列表
-- 快速开始
-- API集成
-- 使用说明
-
----
-
-#### 10. QUICKSTART.md
-**作用**: 快速启动指南
-
-**内容**:
-- 一键启动方法
-- 访问地址
-- 使用技巧
-- 常见问题
-
----
-
-#### 11. DEPLOYMENT.md
-**作用**: 部署指南
-
-**内容**:
-- Gunicorn部署
-- uWSGI部署
-- Docker部署
-- Nginx配置
-- Systemd服务
-- 性能优化
-- 安全建议
-
----
-
-#### 12. FEATURES.md
-**作用**: 功能特性详解
-
-**内容**:
-- 界面布局说明
-- 视觉效果详解
-- 交互功能说明
-- 响应式设计
-- 性能优化
-- 可访问性
-
----
-
-#### 13. DEMO.md
-**作用**: 演示指南
-
-**内容**:
-- 演示步骤
-- 功能演示
-- API测试
-- 性能测试
-- 兼容性测试
-
----
-
-#### 14. PROJECT_OVERVIEW.md
-**作用**: 项目总览
-
-**内容**:
-- 项目目标
-- 完成情况
-- 文件清单
-- 设计还原度
-- 技术实现
-- 性能指标
-
----
-
-#### 15. SUMMARY.md
-**作用**: 项目完成总结
-
-**内容**:
-- 交付物清单
-- 功能实现清单
-- 技术指标
-- 还原度评估
-- 项目亮点
-- 后续建议
-
----
-
-#### 16. FILE_STRUCTURE.md
-**作用**: 本文档，文件结构说明
-
----
-
-## 文件统计
-
-### 代码文件
-- **总数**: 5个
-- **总行数**: 1087行
-- **语言**: Python, HTML, CSS, JavaScript
-
-### 配置文件
-- **总数**: 3个
-- **类型**: txt, example, sh
-
-### 文档文件
-- **总数**: 8个
-- **格式**: Markdown
-- **总字数**: 约15000字
-
-### 总计
-- **文件总数**: 16个
-- **代码总行数**: 1087行
-- **文档总字数**: 约15000字
-
-## 文件依赖关系
-
-```
-app.py
-├── 依赖 requirements.txt (Python包)
-├── 依赖 .env.example (环境配置)
-├── 使用 templates/index.html (页面模板)
-└── 提供 static/* (静态文件)
-
-templates/index.html
-├── 引用 static/css/style.css (样式)
-└── 引用 static/js/main.js (脚本)
-
-static/js/main.js
-└── 调用 app.py (API接口)
-
-test_app.py
-└── 测试 app.py (单元测试)
-
-start.sh
-└── 启动 app.py (启动脚本)
-```
-
-## 使用建议
-
-### 开发时
-1. 修改 `app.py` - 后端逻辑
-2. 修改 `templates/index.html` - 页面结构
-3. 修改 `static/css/style.css` - 样式效果
-4. 修改 `static/js/main.js` - 前端交互
-
-### 部署时
-1. 参考 `DEPLOYMENT.md`
-2. 配置 `.env` (复制自 `.env.example`)
-3. 使用 `start.sh` 或 Gunicorn
-
-### 学习时
-1. 阅读 `README.md` - 了解项目
-2. 阅读 `QUICKSTART.md` - 快速上手
-3. 阅读 `FEATURES.md` - 深入了解功能
-4. 阅读 `DEMO.md` - 学习演示
-
----
-
-**文件结构清晰，易于维护！** ✅
-
diff --git a/web_client/INDEX.md b/web_client/INDEX.md
deleted file mode 100644
index 6e6087f..0000000
--- a/web_client/INDEX.md
+++ /dev/null
@@ -1,208 +0,0 @@
-# 📖 AI助手Web客户端 - 文档索引
-
-欢迎使用AI助手Web客户端！这是一个100%还原原型设计的Web版本AI助手对话客户端。
-
-## 🚀 快速开始
-
-**第一次使用？从这里开始：**
-
-1. 📘 [快速启动指南](QUICKSTART.md) - 5分钟快速上手
-2. 🎬 [演示指南](DEMO.md) - 了解所有功能
-
-## 📚 完整文档列表
-
-### 入门文档
-
-#### 1. [README.md](README.md)
-**适合**: 所有用户
-**内容**: 项目介绍、特性列表、快速开始、API集成
-**阅读时间**: 10分钟
-
-#### 2. [QUICKSTART.md](QUICKSTART.md)
-**适合**: 新手用户
-**内容**: 一键启动、访问地址、使用技巧、常见问题
-**阅读时间**: 5分钟
-
----
-
-### 功能文档
-
-#### 3. [FEATURES.md](FEATURES.md)
-**适合**: 想深入了解功能的用户
-**内容**: 界面布局、视觉效果、交互功能、响应式设计
-**阅读时间**: 15分钟
-
-#### 4. [DEMO.md](DEMO.md)
-**适合**: 需要演示的用户
-**内容**: 演示步骤、功能演示、API测试、性能测试
-**阅读时间**: 20分钟
-
----
-
-### 部署文档
-
-#### 5. [DEPLOYMENT.md](DEPLOYMENT.md)
-**适合**: 运维人员、部署人员
-**内容**: Gunicorn、Docker、Nginx、Systemd、性能优化
-**阅读时间**: 30分钟
-
----
-
-### 项目文档
-
-#### 6. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md)
-**适合**: 项目管理者、技术负责人
-**内容**: 项目目标、完成情况、技术实现、性能指标
-**阅读时间**: 15分钟
-
-#### 7. [SUMMARY.md](SUMMARY.md)
-**适合**: 项目验收人员
-**内容**: 交付物清单、功能实现、技术指标、项目成果
-**阅读时间**: 10分钟
-
-#### 8. [FILE_STRUCTURE.md](FILE_STRUCTURE.md)
-**适合**: 开发人员
-**内容**: 文件结构、文件说明、依赖关系、使用建议
-**阅读时间**: 15分钟
-
----
-
-## 🎯 按需求查找文档
-
-### 我想快速启动应用
-👉 [QUICKSTART.md](QUICKSTART.md)
-
-### 我想了解所有功能
-👉 [FEATURES.md](FEATURES.md)
-
-### 我想演示给别人看
-👉 [DEMO.md](DEMO.md)
-
-### 我想部署到生产环境
-👉 [DEPLOYMENT.md](DEPLOYMENT.md)
-
-### 我想了解项目完成情况
-👉 [SUMMARY.md](SUMMARY.md)
-
-### 我想了解文件结构
-👉 [FILE_STRUCTURE.md](FILE_STRUCTURE.md)
-
-### 我想了解技术细节
-👉 [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md)
-
----
-
-## 📋 按角色查找文档
-
-### 👨💻 开发人员
-1. [README.md](README.md) - 了解项目
-2. [FILE_STRUCTURE.md](FILE_STRUCTURE.md) - 了解代码结构
-3. [FEATURES.md](FEATURES.md) - 了解功能实现
-4. 查看源代码：`app.py`, `main.js`, `style.css`
-
-### 🎨 设计师
-1. [FEATURES.md](FEATURES.md) - 了解视觉效果
-2. [DEMO.md](DEMO.md) - 查看演示
-3. 查看样式文件：`static/css/style.css`
-4. 查看页面模板：`templates/index.html`
-
-### 🚀 运维人员
-1. [QUICKSTART.md](QUICKSTART.md) - 快速启动
-2. [DEPLOYMENT.md](DEPLOYMENT.md) - 部署指南
-3. 查看配置文件：`requirements.txt`, `.env.example`
-4. 查看启动脚本：`start.sh`
-
-### 📊 项目管理者
-1. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 项目总览
-2. [SUMMARY.md](SUMMARY.md) - 完成总结
-3. [FEATURES.md](FEATURES.md) - 功能清单
-
-### 🎯 产品经理
-1. [README.md](README.md) - 产品介绍
-2. [FEATURES.md](FEATURES.md) - 功能特性
-3. [DEMO.md](DEMO.md) - 产品演示
-
-### 👥 最终用户
-1. [QUICKSTART.md](QUICKSTART.md) - 快速上手
-2. [DEMO.md](DEMO.md) - 使用演示
-
----
-
-## 🔍 按主题查找内容
-
-### 安装和启动
-- [QUICKSTART.md](QUICKSTART.md) - 快速启动
-- [DEPLOYMENT.md](DEPLOYMENT.md) - 生产部署
-- `start.sh` - 启动脚本
-
-### 功能和特性
-- [FEATURES.md](FEATURES.md) - 功能详解
-- [README.md](README.md) - 特性列表
-- [DEMO.md](DEMO.md) - 功能演示
-
-### 技术实现
-- [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 技术实现
-- [FILE_STRUCTURE.md](FILE_STRUCTURE.md) - 代码结构
-- 源代码文件
-
-### 测试和验证
-- `test_app.py` - 单元测试
-- [DEMO.md](DEMO.md) - 功能测试
-- [SUMMARY.md](SUMMARY.md) - 测试结果
-
-### 配置和优化
-- [DEPLOYMENT.md](DEPLOYMENT.md) - 性能优化
-- `.env.example` - 环境配置
-- `requirements.txt` - 依赖配置
-
----
-
-## 📖 推荐阅读顺序
-
-### 新手用户
-1. [README.md](README.md) - 了解项目
-2. [QUICKSTART.md](QUICKSTART.md) - 快速启动
-3. [DEMO.md](DEMO.md) - 学习使用
-
-### 开发人员
-1. [README.md](README.md) - 项目介绍
-2. [FILE_STRUCTURE.md](FILE_STRUCTURE.md) - 代码结构
-3. [FEATURES.md](FEATURES.md) - 功能实现
-4. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 技术细节
-
-### 运维人员
-1. [QUICKSTART.md](QUICKSTART.md) - 快速启动
-2. [DEPLOYMENT.md](DEPLOYMENT.md) - 部署指南
-3. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 性能指标
-
-### 项目验收
-1. [SUMMARY.md](SUMMARY.md) - 完成总结
-2. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 项目总览
-3. [DEMO.md](DEMO.md) - 功能演示
-
----
-
-## 🆘 获取帮助
-
-### 常见问题
-查看 [QUICKSTART.md](QUICKSTART.md) 的"常见问题"部分
-
-### 故障排查
-查看 [DEPLOYMENT.md](DEPLOYMENT.md) 的"故障排查"部分
-
-### 演示问题
-查看 [DEMO.md](DEMO.md) 的"故障演示"部分
-
----
-
-## 📊 文档统计
-
-- **文档总数**: 9个
-- **总字数**: 约15000字
-- **代码示例**: 50+个
-- **配置示例**: 20+个
-
----
-
-**选择你需要的文档，开始探索吧！** 🚀
-
diff --git a/web_client/INTEGRATION_GUIDE.md b/web_client/INTEGRATION_GUIDE.md
deleted file mode 100644
index 507ac4c..0000000
--- a/web_client/INTEGRATION_GUIDE.md
+++ /dev/null
@@ -1,244 +0,0 @@
-# AI助手Web客户端 - 后端集成指南
-
-## 📋 概述
-
-本Web客户端已成功对接im-api后端聊天服务，支持：
-- ✅ 应用列表加载（支持搜索、按创建时间倒排）
-- ✅ 应用选择
-- ✅ SSE流式对话
-- ✅ 推荐问题加载
-- ✅ 完整的对话交互
-
-## 🔧 配置说明
-
-### 1. 环境变量配置
-
-复制 `.env.example` 为 `.env` 并修改：
-
-```bash
-# im-api后端服务地址
-IM_API_BASE_URL=http://localhost:8080
-
-# 认证Token（可选，如果后端需要认证）
-AUTH_TOKEN=your_jwt_token_here
-
-# 服务端口
-PORT=15000
-```
-
-### 2. 后端API要求
-
-确保im-api后端服务已启动，并提供以下接口：
-
-#### 2.1 获取应用列表
-```
-GET /api/ai-assistant/chatapp
-```
-
-响应格式：
-```json
-{
- "code": 200,
- "message": "success",
- "data": [
- {
- "id": "app_id",
- "appName": "应用名称",
- "appDescription": "应用描述",
- "appAvatar": "头像URL",
- "category": "分类",
- "sortNum": 1,
- "enableRecommendation": true,
- "conversationStarter": "欢迎语",
- "reasoningEnable": false
- }
- ]
-}
-```
-
-#### 2.2 获取推荐问题
-```
-GET /api/ai-assistant/chatapp/{appId}/getRecommendQuestion?pageSize=3¤t=1
-```
-
-响应格式：
-```json
-{
- "code": 200,
- "data": {
- "records": [
- {
- "question": "推荐问题1"
- }
- ]
- }
-}
-```
-
-#### 2.3 发送消息（SSE流式）
-```
-POST /api/ai-assistant/chat/completions/message
-Content-Type: application/json
-```
-
-请求体：
-```json
-{
- "chatId": "chat_id_or_null",
- "appId": "app_id",
- "equipment": "web",
- "messageTag": "AI_TAG",
- "body": {
- "messages": [
- {
- "role": "user",
- "content": "用户消息"
- }
- ],
- "channel": "web",
- "attachmentIds": [],
- "recommendQuestions": [],
- "variables": {},
- "reasoning": "false"
- }
-}
-```
-
-SSE响应格式：
-```
-event: MESSAGE_DETAIL
-data: {
- "detailId": "detail_id",
- "chatId": "chat_id",
- "question": {
- "content": "用户问题",
- "role": "user"
- },
- "answer": {
- "content": "AI回答",
- "role": "assistant"
- },
- "status": "PROCESSING|FINISH|ERROR"
-}
-```
-
-## 🚀 启动步骤
-
-### 1. 安装依赖
-
-```bash
-cd web_client
-pip3 install -r requirements.txt
-```
-
-### 2. 配置环境变量
-
-```bash
-# 复制配置文件
-cp .env.example .env
-
-# 编辑配置
-vim .env
-```
-
-### 3. 启动服务
-
-```bash
-# 使用启动脚本
-./start.sh
-
-# 或直接运行
-python3 app.py
-```
-
-### 4. 访问应用
-
-打开浏览器访问：http://localhost:15000
-
-## 📝 使用流程
-
-1. **选择应用**
- - 页面加载后自动显示应用列表
- - 可以使用搜索框搜索应用
- - 点击应用卡片进入对话
-
-2. **开始对话**
- - 进入对话界面后显示欢迎消息
- - 如果应用启用了推荐问题，会显示快捷回复按钮
- - 在输入框输入消息，按Enter或点击发送按钮
-
-3. **查看回复**
- - AI回复以流式方式实时显示
- - 支持打字指示器动画
- - 自动滚动到最新消息
-
-4. **返回应用列表**
- - 点击左上角返回按钮
- - 可以切换到其他应用
-
-## 🔍 故障排查
-
-### 问题1：应用列表加载失败
-
-**原因**：后端服务未启动或地址配置错误
-
-**解决**：
-1. 检查im-api服务是否启动
-2. 检查 `.env` 中的 `IM_API_BASE_URL` 配置
-3. 查看浏览器控制台和后端日志
-
-### 问题2：消息发送失败
-
-**原因**：认证失败或SSE连接问题
-
-**解决**：
-1. 检查是否需要配置 `AUTH_TOKEN`
-2. 检查浏览器是否支持SSE
-3. 查看网络请求详情
-
-### 问题3：推荐问题不显示
-
-**原因**：应用未启用推荐或后端接口返回空
-
-**解决**：
-1. 检查应用的 `enableRecommendation` 字段
-2. 检查后端推荐问题接口是否正常
-
-## 📊 技术架构
-
-```
-┌─────────────┐ ┌──────────────┐ ┌─────────────┐
-│ 浏览器 │ ───> │ Flask代理层 │ ───> │ im-api后端 │
-│ (前端UI) │ <─── │ (web_client)│ <─── │ (聊天服务) │
-└─────────────┘ └──────────────┘ └─────────────┘
-```
-
-### 代理层功能
-
-1. **请求转发**：将前端请求代理到im-api后端
-2. **SSE流式转发**：支持Server-Sent Events流式响应
-3. **错误处理**：统一的错误处理和日志记录
-4. **CORS支持**：解决跨域问题
-
-## 🎯 下一步优化
-
-1. **认证集成**
- - 集成真实的登录系统
- - 从登录获取JWT token
- - 支持token刷新
-
-2. **功能增强**
- - 支持文件上传
- - 支持语音输入
- - 支持多会话管理
- - 支持历史记录
-
-3. **性能优化**
- - 添加请求缓存
- - 优化SSE连接管理
- - 添加重连机制
-
-## 📞 联系方式
-
-如有问题，请联系：huazm@glodon.com
-
diff --git a/web_client/PROJECT_OVERVIEW.md b/web_client/PROJECT_OVERVIEW.md
deleted file mode 100644
index 7285403..0000000
--- a/web_client/PROJECT_OVERVIEW.md
+++ /dev/null
@@ -1,197 +0,0 @@
-# 📋 项目总览
-
-## 🎯 项目目标
-
-创建一个100%还原 `docs/ai-assistant.html` 原型设计的Web版本AI助手对话客户端，提供完整的视觉效果和交互体验。
-
-## ✅ 完成情况
-
-### 核心功能 (100%)
-
-- ✅ **双栏布局** - 左侧用户信息面板 + 右侧对话区域
-- ✅ **实时对话** - 支持发送消息和接收AI回复
-- ✅ **打字动画** - AI回复时的打字指示器
-- ✅ **快捷回复** - 预设问题快速输入
-- ✅ **主题切换** - 4种配色方案
-- ✅ **待办管理** - 任务添加和勾选
-- ✅ **响应式设计** - 适配不同屏幕尺寸
-
-### 视觉效果 (100%)
-
-- ✅ **粒子背景** - 50个动态浮动粒子
-- ✅ **玻璃效果** - 毛玻璃背景模糊
-- ✅ **霓虹边框** - 发光边框效果
-- ✅ **渐变气泡** - 用户和AI消息的渐变背景
-- ✅ **滑入动画** - 消息出现的滑入效果
-- ✅ **脉冲动画** - 发送按钮的脉冲效果
-- ✅ **语音波形** - 语音按钮的波形动画
-- ✅ **悬停效果** - 按钮悬停的发光和位移
-
-### API集成 (100%)
-
-- ✅ **健康检查** - `/api/health`
-- ✅ **应用列表** - `/api/applications`
-- ✅ **发送消息** - `/api/chat/send`
-- ✅ **CORS支持** - 跨域请求支持
-- ✅ **错误处理** - 统一的错误响应格式
-
-### 测试覆盖 (100%)
-
-- ✅ **单元测试** - 9个测试用例全部通过
-- ✅ **端点测试** - 所有API端点测试通过
-- ✅ **静态文件测试** - CSS/JS文件访问测试通过
-- ✅ **CORS测试** - 跨域头测试通过
-
-## 📁 文件清单
-
-### 核心文件
-```
-web_client/
-├── app.py # Flask应用主文件 (145行)
-├── requirements.txt # Python依赖
-├── test_app.py # 单元测试 (145行)
-├── start.sh # 启动脚本
-├── .env.example # 环境配置示例
-│
-├── static/
-│ ├── css/
-│ │ └── style.css # 自定义样式 (219行)
-│ ├── js/
-│ │ └── main.js # 前端交互 (323行)
-│ └── assets/ # 静态资源目录
-│
-└── templates/
- └── index.html # 主页面模板 (255行)
-```
-
-### 文档文件
-```
-├── README.md # 项目说明
-├── QUICKSTART.md # 快速启动指南
-├── DEPLOYMENT.md # 部署指南
-└── PROJECT_OVERVIEW.md # 本文档
-```
-
-## 🎨 设计还原度
-
-### 布局结构 (100%)
-- ✅ 左侧面板宽度：320px
-- ✅ 顶部导航栏高度：64px
-- ✅ 圆角半径：完全匹配原型
-- ✅ 间距和内边距：精确还原
-
-### 颜色方案 (100%)
-```css
-/* 主色调 */
---primary: #6366f1; /* 靛蓝色 */
---secondary: #8b5cf6; /* 紫色 */
-
-/* 背景色 */
---bg-dark: #0f172a; /* 深空黑 */
---bg-slate: #1e293b; /* 石板灰 */
-
-/* 文字色 */
---text-white: #ffffff; /* 白色 */
---text-slate: #94a3b8; /* 浅灰 */
-```
-
-### 动画效果 (100%)
-- ✅ 粒子浮动：6s ease-in-out
-- ✅ 消息滑入：0.3s ease-out
-- ✅ 打字动画：1.4s infinite
-- ✅ 脉冲效果：2s infinite
-- ✅ 波形动画：1.2s infinite
-
-## 🔧 技术实现
-
-### 后端技术
-- **Flask 2.3+** - Web框架
-- **Flask-CORS** - 跨域支持
-- **Python 3.12** - 运行环境
-
-### 前端技术
-- **Tailwind CSS** - 样式框架
-- **Vanilla JavaScript** - 原生JS交互
-- **Font Awesome 6.4** - 图标库
-- **Google Fonts** - Pacifico + Inter字体
-
-### 特色技术
-- **CSS动画** - 纯CSS实现的各种动画效果
-- **玻璃态设计** - backdrop-filter实现毛玻璃
-- **渐变效果** - linear-gradient实现多种渐变
-- **响应式布局** - Flexbox + Grid布局
-
-## 📊 性能指标
-
-### 加载性能
-- ✅ 首屏加载：< 1s
-- ✅ 静态资源：使用CDN加速
-- ✅ 代码压缩：生产环境可启用
-
-### 运行性能
-- ✅ 动画流畅：60fps
-- ✅ 内存占用：< 50MB
-- ✅ CPU占用：< 5%
-
-### 兼容性
-- ✅ Chrome 90+
-- ✅ Firefox 88+
-- ✅ Safari 14+
-- ✅ Edge 90+
-
-## 🚀 部署状态
-
-### 开发环境
-- ✅ 本地运行：http://localhost:5001
-- ✅ 热重载：支持
-- ✅ 调试模式：已启用
-
-### 生产环境
-- ⏳ Gunicorn部署：待配置
-- ⏳ Nginx反向代理：待配置
-- ⏳ HTTPS证书：待配置
-- ⏳ Docker容器化：待配置
-
-## 📈 后续计划
-
-### 功能增强
-- [ ] 支持流式响应（SSE）
-- [ ] 支持文件上传
-- [ ] 支持语音输入
-- [ ] 支持多会话管理
-- [ ] 支持消息历史记录
-- [ ] 支持用户认证
-
-### 性能优化
-- [ ] 启用Gzip压缩
-- [ ] 静态资源CDN
-- [ ] 数据库缓存
-- [ ] Redis会话存储
-
-### 监控运维
-- [ ] 日志收集
-- [ ] 性能监控
-- [ ] 错误追踪
-- [ ] 健康检查
-
-## 🎉 项目亮点
-
-1. **100%还原** - 完全还原原型设计的视觉效果
-2. **纯前端动画** - 所有动画效果使用纯CSS实现
-3. **响应式设计** - 适配各种屏幕尺寸
-4. **模块化代码** - 清晰的代码结构和注释
-5. **完整测试** - 9个测试用例全部通过
-6. **详细文档** - 包含快速启动、部署等完整文档
-
-## 📞 技术支持
-
-如遇问题，请检查：
-1. 浏览器控制台错误
-2. Flask日志输出
-3. 网络请求状态
-4. 相关文档说明
-
----
-
-**项目已完成，可以投入使用！** ✅
-
diff --git a/web_client/QUICKSTART.md b/web_client/QUICKSTART.md
deleted file mode 100644
index ad1e104..0000000
--- a/web_client/QUICKSTART.md
+++ /dev/null
@@ -1,140 +0,0 @@
-# 🚀 快速启动指南
-
-## 一键启动
-
-### 方法1：使用启动脚本（推荐）
-
-```bash
-cd test-client/web_client
-./start.sh
-```
-
-### 方法2：手动启动
-
-```bash
-cd test-client/web_client
-
-# 安装依赖（首次运行）
-pip3 install -r requirements.txt
-
-# 启动服务
-python3 app.py
-```
-
-### 方法3：指定端口启动
-
-```bash
-# 如果5000端口被占用，可以指定其他端口
-PORT=5001 python3 app.py
-```
-
-## 访问应用
-
-启动成功后，在浏览器中打开：
-
-- **默认地址**: http://localhost:5000
-- **自定义端口**: http://localhost:5001 （如果使用了PORT=5001）
-
-## 🎨 界面预览
-
-启动后你将看到：
-
-### 左侧面板
-- 👤 **用户画像** - 显示用户信息和个性化推荐
-- ✅ **待办事项** - 任务管理功能
-- 🔔 **提醒设置** - 定时提醒展示
-
-### 右侧主区域
-- 🎨 **主题切换** - 4种配色方案（深空黑、极光蓝、霓虹紫、科技绿）
-- 💬 **对话区域** - AI助手聊天界面
-- ⚡ **快捷回复** - 常用问题快速输入
-- 🎤 **语音输入** - 语音波形动画效果
-
-## 💡 使用技巧
-
-### 发送消息
-1. 在底部输入框输入文字
-2. 按 `Enter` 键或点击发送按钮
-3. 等待AI回复（会显示打字动画）
-
-### 快捷回复
-点击顶部的快捷回复按钮，自动填充常用问题：
-- 💡 今日天气如何？
-- 📅 明天的会议安排
-- ✅ 帮我制定工作计划
-
-### 切换主题
-点击顶部导航栏的主题按钮：
-- **深空黑** - 默认深色主题
-- **极光蓝** - 蓝色科技风
-- **霓虹紫** - 紫色梦幻风
-- **科技绿** - 绿色矩阵风
-
-### 管理待办
-在左侧面板的待办事项区域：
-1. 输入新任务
-2. 按 `Enter` 或点击 `+` 按钮添加
-3. 勾选复选框标记完成
-
-## 🔧 常见问题
-
-### Q: 端口被占用怎么办？
-A: 使用环境变量指定其他端口：
-```bash
-PORT=5001 python3 app.py
-```
-
-### Q: 样式显示不正常？
-A: 检查以下几点：
-1. 确保 `static/css/style.css` 文件存在
-2. 清除浏览器缓存后刷新
-3. 检查浏览器控制台是否有错误
-
-### Q: 无法发送消息？
-A: 检查：
-1. 浏览器控制台的Network标签查看请求
-2. 确认后端API服务是否启动
-3. 检查CORS配置
-
-### Q: 如何连接真实的AI助手API？
-A: 编辑 `app.py`，确保以下导入正确：
-```python
-from api_client import AIAssistantClient
-from config import APPLICATIONS, AI_ASSISTANT_CONFIG
-```
-
-## 📊 技术栈
-
-- **后端**: Flask 2.3+
-- **前端**: Tailwind CSS + Vanilla JS
-- **字体**: Pacifico + Inter
-- **图标**: Font Awesome 6.4.0
-
-## 🎯 下一步
-
-1. ✅ 启动应用
-2. ✅ 体验界面效果
-3. ✅ 测试对话功能
-4. 🔄 集成真实API
-5. 🚀 部署到生产环境
-
-## 📝 开发模式
-
-当前运行在开发模式，支持：
-- ✅ 热重载（修改代码自动重启）
-- ✅ 详细错误信息
-- ✅ 调试工具
-
-**注意**: 生产环境请使用 WSGI 服务器（如 Gunicorn）
-
-## 🆘 获取帮助
-
-如遇问题，请检查：
-1. 终端输出的错误信息
-2. 浏览器控制台的错误
-3. Flask日志输出
-
----
-
-**享受使用AI助手Web客户端！** 🎉
-
diff --git a/web_client/README.md b/web_client/README.md
deleted file mode 100644
index 4fbbde0..0000000
--- a/web_client/README.md
+++ /dev/null
@@ -1,219 +0,0 @@
-# AI助手Web客户端
-
-这是一个100%还原 `docs/ai-assistant.html` 原型设计的Web版本AI助手对话客户端。
-
-## ✨ 特性
-
-### 视觉效果
-- ✅ 完全还原原型的双栏布局（左侧用户信息面板 + 右侧对话区域）
-- ✅ 精确匹配的颜色方案和渐变效果
-- ✅ 动态粒子背景效果
-- ✅ 消息滑入动画
-- ✅ AI打字指示器动画
-- ✅ 按钮悬停发光效果
-- ✅ 语音波形动画
-
-### 功能特性
-- ✅ 实时对话交互
-- ✅ 智能回复快捷按钮
-- ✅ 主题切换（深空黑、极光蓝、霓虹紫、科技绿）
-- ✅ 字体选择
-- ✅ 待办事项管理
-- ✅ 提醒设置展示
-- ✅ 连接状态指示
-
-### 技术栈
-- **后端**: Flask 2.3+
-- **前端**: HTML5 + Tailwind CSS + Vanilla JavaScript
-- **字体**: Pacifico (标题) + Inter (正文)
-- **图标**: Font Awesome 6.4.0
-
-## 📁 项目结构
-
-```
-web_client/
-├── app.py # Flask应用主文件
-├── requirements.txt # Python依赖
-├── README.md # 本文档
-├── static/
-│ ├── css/
-│ │ └── style.css # 自定义样式（动画、效果）
-│ ├── js/
-│ │ └── main.js # 前端交互逻辑
-│ └── assets/ # 静态资源（图片等）
-└── templates/
- └── index.html # 主页面模板
-```
-
-## 🚀 快速开始
-
-### 1. 安装依赖
-
-```bash
-cd test-client/web_client
-pip install -r requirements.txt
-```
-
-### 2. 启动服务
-
-```bash
-python app.py
-```
-
-默认端口：`5000`
-
-### 3. 访问应用
-
-打开浏览器访问：`http://localhost:5000`
-
-## 🎨 界面还原度
-
-### 布局结构
-- ✅ 左侧固定宽度（320px）用户信息面板
-- ✅ 右侧自适应对话区域
-- ✅ 顶部导航栏（64px高度）
-- ✅ 底部输入区域
-
-### 颜色方案
-```css
-/* 背景渐变 */
-background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
-
-/* 主色调 */
---primary: #6366f1;
---secondary: #8b5cf6;
-
-/* 用户消息气泡 */
-background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
-
-/* AI消息气泡 */
-background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
-```
-
-### 动画效果
-1. **粒子背景** - 50个动态浮动粒子
-2. **消息滑入** - 0.3s ease-out 动画
-3. **打字指示器** - 3个点的波浪动画
-4. **按钮发光** - hover时的阴影和位移效果
-5. **脉冲动画** - 2s循环的扩散效果
-6. **语音波形** - 5个条形的波动动画
-
-## 🔌 API集成
-
-### 已预留的API接口
-
-#### 1. 获取应用列表
-```javascript
-GET /api/applications
-```
-
-#### 2. 发送聊天消息
-```javascript
-POST /api/chat/send
-Content-Type: application/json
-
-{
- "appId": 15,
- "message": "你好",
- "chatId": "optional_chat_id",
- "stream": false
-}
-```
-
-#### 3. 健康检查
-```javascript
-GET /api/health
-```
-
-### 集成真实API
-
-编辑 `app.py`，确保父目录的 `api_client.py` 和 `config.py` 可以正确导入：
-
-```python
-from api_client import AIAssistantClient
-from config import APPLICATIONS, AI_ASSISTANT_CONFIG
-```
-
-## 🎯 使用说明
-
-### 基础对话
-1. 在底部输入框输入消息
-2. 点击发送按钮或按Enter键
-3. 等待AI回复（显示打字指示器）
-
-### 快捷回复
-点击顶部的快捷回复按钮，自动填充常用问题
-
-### 主题切换
-点击顶部导航栏的主题按钮切换不同配色方案
-
-### 待办事项
-在左侧面板添加和管理待办事项
-
-## 🔧 配置说明
-
-### 环境变量
-
-创建 `.env` 文件（可选）：
-
-```bash
-# 服务端口
-PORT=5000
-
-# 调试模式
-DEBUG=True
-
-# API基础URL（如果需要代理）
-API_BASE_URL=http://localhost:8082
-```
-
-### 修改默认应用
-
-编辑 `static/js/main.js`：
-
-```javascript
-let currentAppId = 15; // 修改为你的应用ID
-```
-
-## 📱 响应式设计
-
-- ✅ 桌面端（1920x1080及以上）- 完整布局
-- ✅ 平板端（768px-1920px）- 自适应布局
-- ✅ 移动端（<768px）- 优化的单栏布局
-
-## 🐛 故障排查
-
-### 样式未加载
-- 检查 `static/css/style.css` 文件是否存在
-- 确认Flask静态文件路径配置正确
-
-### JavaScript未执行
-- 检查浏览器控制台是否有错误
-- 确认 `static/js/main.js` 文件是否存在
-
-### API调用失败
-- 检查后端服务是否启动
-- 查看浏览器Network标签的请求详情
-- 确认CORS配置正确
-
-## 📝 开发计划
-
-- [ ] 支持流式响应（SSE）
-- [ ] 支持文件上传
-- [ ] 支持语音输入
-- [ ] 支持多会话管理
-- [ ] 支持消息历史记录
-- [ ] 支持用户认证
-
-## 📄 许可
-
-内部测试工具，仅供开发和测试使用。
-
-## 🤝 贡献
-
-如需修改或扩展功能，请遵循以下原则：
-1. 保持与原型设计的一致性
-2. 添加注释说明修改内容
-3. 测试所有浏览器兼容性
-4. 更新本README文档
-
diff --git a/web_client/SUCCESS.md b/web_client/SUCCESS.md
deleted file mode 100644
index 2091092..0000000
--- a/web_client/SUCCESS.md
+++ /dev/null
@@ -1,288 +0,0 @@
-# 🎉 项目成功完成！
-
-## ✅ 项目状态
-
-**状态**: 已完成并成功运行
-**完成时间**: 2025-12-25
-**完成度**: 100%
-**质量**: ⭐⭐⭐⭐⭐
-
----
-
-## 🚀 当前运行状态
-
-### 服务器信息
-- **状态**: ✅ 运行中
-- **端口**: 5001
-- **地址**: http://localhost:5001
-- **模式**: 开发模式（调试已启用）
-
-### API健康检查
-```json
-{
- "code": 200,
- "data": {
- "api_client_available": false,
- "status": "healthy"
- },
- "message": "OK"
-}
-```
-✅ API正常工作
-
-### 消息测试
-```json
-{
- "code": 200,
- "data": {
- "answer": "这是对\"你好\"的模拟回复。实际使用时会调用真实的AI助手API。",
- "chatId": "mock_chat_id_001",
- "messageId": "mock_message_id_001"
- },
- "message": "success"
-}
-```
-✅ 消息发送正常
-
----
-
-## 📊 项目成果
-
-### 交付物统计
-- **代码文件**: 5个（1087行代码）
-- **配置文件**: 3个
-- **文档文件**: 10个（约20000字）
-- **测试用例**: 9个（100%通过）
-
-### 功能实现
-- ✅ 界面布局 - 100%还原
-- ✅ 视觉效果 - 100%还原
-- ✅ 动画效果 - 100%还原
-- ✅ 交互功能 - 100%实现
-- ✅ API接口 - 100%实现
-- ✅ 单元测试 - 100%通过
-
-### 性能指标
-- ✅ 首屏加载: < 1s
-- ✅ 动画帧率: 60fps
-- ✅ 内存占用: < 50MB
-- ✅ CPU占用: < 5%
-
----
-
-## 🎯 核心亮点
-
-### 1. 100%还原原型设计
-完全按照 `docs/ai-assistant.html` 实现：
-- 精确的布局结构
-- 完全一致的颜色方案
-- 流畅的动画效果
-- 完整的交互功能
-
-### 2. 纯CSS动画
-所有动画使用纯CSS实现：
-- 粒子背景（50个动态粒子）
-- 消息滑入动画
-- 打字指示器
-- 脉冲效果
-- 语音波形
-
-### 3. 完整的文档
-提供10份详细文档：
-- README.md - 项目说明
-- QUICKSTART.md - 快速启动
-- DEPLOYMENT.md - 部署指南
-- FEATURES.md - 功能详解
-- DEMO.md - 演示指南
-- PROJECT_OVERVIEW.md - 项目总览
-- SUMMARY.md - 完成总结
-- FILE_STRUCTURE.md - 文件结构
-- INDEX.md - 文档索引
-- CHECKLIST.md - 验收清单
-
-### 4. 全面的测试
-9个单元测试覆盖所有功能：
-- 页面渲染测试
-- API接口测试
-- 静态文件测试
-- CORS支持测试
-- 响应格式测试
-
----
-
-## 📁 项目文件
-
-### 核心代码
-```
-web_client/
-├── app.py # Flask应用 (145行)
-├── templates/
-│ └── index.html # 主页面 (255行)
-├── static/
-│ ├── css/
-│ │ └── style.css # 样式 (219行)
-│ └── js/
-│ └── main.js # 交互 (323行)
-└── test_app.py # 测试 (145行)
-```
-
-### 配置文件
-```
-├── requirements.txt # Python依赖
-├── .env.example # 环境配置
-└── start.sh # 启动脚本
-```
-
-### 文档文件
-```
-├── README.md # 项目说明
-├── QUICKSTART.md # 快速启动
-├── DEPLOYMENT.md # 部署指南
-├── FEATURES.md # 功能详解
-├── DEMO.md # 演示指南
-├── PROJECT_OVERVIEW.md # 项目总览
-├── SUMMARY.md # 完成总结
-├── FILE_STRUCTURE.md # 文件结构
-├── INDEX.md # 文档索引
-├── CHECKLIST.md # 验收清单
-└── SUCCESS.md # 本文档
-```
-
----
-
-## 🎬 快速开始
-
-### 1. 访问应用
-打开浏览器访问：http://localhost:5001
-
-### 2. 体验功能
-- 发送消息
-- 使用快捷回复
-- 切换主题
-- 管理待办事项
-
-### 3. 查看文档
-从 [INDEX.md](INDEX.md) 开始浏览所有文档
-
----
-
-## 🔧 技术栈
-
-### 后端
-- Flask 2.3+ - Web框架
-- Flask-CORS - 跨域支持
-- Python 3.12 - 运行环境
-
-### 前端
-- Tailwind CSS - 样式框架
-- Vanilla JavaScript - 原生JS
-- Font Awesome 6.4 - 图标库
-- Google Fonts - Pacifico + Inter
-
----
-
-## 📈 下一步
-
-### 集成真实API
-1. 确保 `test-client/api_client.py` 可用
-2. 确保 `test-client/config.py` 配置正确
-3. 重启应用，自动连接真实API
-
-### 部署到生产
-1. 阅读 [DEPLOYMENT.md](DEPLOYMENT.md)
-2. 使用Gunicorn或uWSGI
-3. 配置Nginx反向代理
-4. 启用HTTPS
-
-### 功能增强
-1. 支持流式响应（SSE）
-2. 支持文件上传
-3. 支持语音输入
-4. 支持多会话管理
-
----
-
-## 🎓 学习资源
-
-### 新手用户
-1. [QUICKSTART.md](QUICKSTART.md) - 5分钟快速上手
-2. [DEMO.md](DEMO.md) - 功能演示
-
-### 开发人员
-1. [FILE_STRUCTURE.md](FILE_STRUCTURE.md) - 代码结构
-2. [FEATURES.md](FEATURES.md) - 功能实现
-3. [PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md) - 技术细节
-
-### 运维人员
-1. [DEPLOYMENT.md](DEPLOYMENT.md) - 部署指南
-2. [QUICKSTART.md](QUICKSTART.md) - 快速启动
-
----
-
-## 🆘 获取帮助
-
-### 常见问题
-查看 [QUICKSTART.md](QUICKSTART.md) 的"常见问题"部分
-
-### 故障排查
-查看 [DEPLOYMENT.md](DEPLOYMENT.md) 的"故障排查"部分
-
-### 功能演示
-查看 [DEMO.md](DEMO.md) 的完整演示步骤
-
----
-
-## 🎊 项目总结
-
-### 成功指标
-- ✅ 所有功能已实现
-- ✅ 所有测试已通过
-- ✅ 所有文档已完成
-- ✅ 应用正常运行
-
-### 质量保证
-- ✅ 代码质量优秀
-- ✅ 性能指标达标
-- ✅ 兼容性良好
-- ✅ 文档详细完整
-
-### 交付标准
-- ✅ 100%还原原型
-- ✅ 代码可维护
-- ✅ 文档可阅读
-- ✅ 部署可执行
-
----
-
-## 🌟 特别说明
-
-本项目是一个**100%还原原型设计**的Web版本AI助手对话客户端，具有以下特点：
-
-1. **视觉效果完美** - 所有动画和效果都精确还原
-2. **代码质量高** - 清晰的结构、完整的注释
-3. **文档详细** - 10份文档覆盖所有场景
-4. **测试完整** - 9个测试用例全部通过
-5. **性能优秀** - 60fps流畅体验
-
----
-
-## 🎉 恭喜！
-
-**项目已成功完成并运行！**
-
-现在你可以：
-- ✅ 访问 http://localhost:5001 体验应用
-- ✅ 阅读文档了解更多功能
-- ✅ 运行测试验证功能
-- ✅ 部署到生产环境
-
-**感谢使用AI助手Web客户端！** 🚀
-
----
-
-**项目状态**: ✅ 成功
-**准备就绪**: ✅ 是
-**可以使用**: ✅ 是
-
-🎊 **享受使用吧！** 🎊
-
diff --git a/web_client/SUMMARY.md b/web_client/SUMMARY.md
deleted file mode 100644
index 2b63067..0000000
--- a/web_client/SUMMARY.md
+++ /dev/null
@@ -1,281 +0,0 @@
-# 📊 项目完成总结
-
-## 🎯 项目目标
-
-创建一个100%还原 `docs/ai-assistant.html` 原型设计的Web版本AI助手对话客户端。
-
-## ✅ 完成情况
-
-### 总体完成度：100%
-
-所有计划功能已完整实现并测试通过！
-
-## 📁 交付物清单
-
-### 核心代码文件（4个）
-1. ✅ `app.py` - Flask应用主文件（145行）
-2. ✅ `templates/index.html` - 主页面模板（255行）
-3. ✅ `static/css/style.css` - 自定义样式（219行）
-4. ✅ `static/js/main.js` - 前端交互逻辑（323行）
-
-### 配置文件（3个）
-5. ✅ `requirements.txt` - Python依赖
-6. ✅ `.env.example` - 环境配置示例
-7. ✅ `start.sh` - 启动脚本
-
-### 测试文件（1个）
-8. ✅ `test_app.py` - 单元测试（145行，9个测试用例）
-
-### 文档文件（6个）
-9. ✅ `README.md` - 项目说明
-10. ✅ `QUICKSTART.md` - 快速启动指南
-11. ✅ `DEPLOYMENT.md` - 部署指南
-12. ✅ `FEATURES.md` - 功能特性详解
-13. ✅ `DEMO.md` - 演示指南
-14. ✅ `PROJECT_OVERVIEW.md` - 项目总览
-15. ✅ `SUMMARY.md` - 本文档
-
-**总计：15个文件，代码总行数：1087行**
-
-## 🎨 功能实现清单
-
-### 界面布局（100%）
-- ✅ 双栏布局（左侧320px + 右侧自适应）
-- ✅ 用户信息面板
-- ✅ 对话区域
-- ✅ 顶部导航栏
-- ✅ 底部输入区域
-
-### 视觉效果（100%）
-- ✅ 粒子背景（50个动态粒子）
-- ✅ 玻璃态设计
-- ✅ 渐变气泡
-- ✅ 霓虹边框
-- ✅ 消息滑入动画
-- ✅ 打字指示器动画
-- ✅ 脉冲动画
-- ✅ 语音波形动画
-- ✅ 悬停发光效果
-
-### 交互功能（100%）
-- ✅ 发送消息
-- ✅ 接收AI回复
-- ✅ 快捷回复
-- ✅ 主题切换（4种）
-- ✅ 字体选择（4种）
-- ✅ 待办事项管理
-- ✅ 自动滚动
-- ✅ 键盘快捷键
-
-### API接口（100%）
-- ✅ GET /api/health - 健康检查
-- ✅ GET /api/applications - 获取应用列表
-- ✅ POST /api/chat/send - 发送消息
-- ✅ CORS支持
-- ✅ 统一响应格式
-
-### 测试覆盖（100%）
-- ✅ 9个单元测试全部通过
-- ✅ 端点测试
-- ✅ 静态文件测试
-- ✅ CORS测试
-- ✅ 响应格式测试
-
-## 📊 技术指标
-
-### 代码质量
-- ✅ 代码注释完整
-- ✅ 命名规范清晰
-- ✅ 结构模块化
-- ✅ 无语法错误
-- ✅ 无运行时错误
-
-### 性能指标
-- ✅ 首屏加载 < 1s
-- ✅ 动画帧率 60fps
-- ✅ 内存占用 < 50MB
-- ✅ CPU占用 < 5%
-
-### 兼容性
-- ✅ Chrome 90+
-- ✅ Firefox 88+
-- ✅ Safari 14+
-- ✅ Edge 90+
-
-### 响应式
-- ✅ 桌面端（≥1920px）
-- ✅ 平板端（768px-1920px）
-- ✅ 移动端（<768px）
-
-## 🎯 还原度评估
-
-### 视觉还原度：100%
-- ✅ 布局结构完全一致
-- ✅ 颜色方案精确匹配
-- ✅ 圆角半径完全相同
-- ✅ 间距内边距精确还原
-- ✅ 字体大小完全匹配
-
-### 动画还原度：100%
-- ✅ 粒子浮动效果
-- ✅ 消息滑入动画
-- ✅ 打字指示器
-- ✅ 脉冲效果
-- ✅ 波形动画
-- ✅ 悬停效果
-
-### 交互还原度：100%
-- ✅ 消息发送流程
-- ✅ 快捷回复功能
-- ✅ 主题切换
-- ✅ 待办管理
-- ✅ 所有按钮交互
-
-## 🚀 部署状态
-
-### 开发环境
-- ✅ 本地运行成功
-- ✅ 端口：5001
-- ✅ 调试模式：已启用
-- ✅ 热重载：正常工作
-
-### 测试环境
-- ✅ 单元测试：9/9 通过
-- ✅ 功能测试：全部通过
-- ✅ 性能测试：达标
-- ✅ 兼容性测试：通过
-
-### 生产环境
-- ⏳ 待部署（已提供完整部署文档）
-
-## 📈 项目亮点
-
-### 1. 100%还原原型
-完全按照 `docs/ai-assistant.html` 的设计实现，包括：
-- 精确的布局结构
-- 完全一致的颜色方案
-- 流畅的动画效果
-- 完整的交互功能
-
-### 2. 纯前端动画
-所有动画效果使用纯CSS实现，无需JavaScript：
-- 性能优秀（60fps）
-- 代码简洁
-- 易于维护
-
-### 3. 模块化设计
-清晰的代码结构：
-- HTML负责结构
-- CSS负责样式
-- JavaScript负责交互
-- 职责分离明确
-
-### 4. 完整的文档
-提供6份详细文档：
-- 快速启动指南
-- 部署指南
-- 功能特性详解
-- 演示指南
-- 项目总览
-- 本总结文档
-
-### 5. 全面的测试
-9个单元测试覆盖所有核心功能：
-- 页面渲染
-- API接口
-- 静态文件
-- CORS支持
-- 响应格式
-
-## 🎓 技术栈总结
-
-### 后端
-- Flask 2.3+ - Web框架
-- Flask-CORS - 跨域支持
-- Python 3.12 - 运行环境
-
-### 前端
-- Tailwind CSS - 样式框架
-- Vanilla JavaScript - 原生JS
-- Font Awesome 6.4 - 图标库
-- Google Fonts - Pacifico + Inter
-
-### 工具
-- pip - 包管理
-- unittest - 测试框架
-- bash - 启动脚本
-
-## 📝 使用说明
-
-### 快速启动
-```bash
-cd test-client/web_client
-./start.sh
-```
-
-### 访问地址
-http://localhost:5001
-
-### 运行测试
-```bash
-python3 test_app.py
-```
-
-## 🔮 后续建议
-
-### 功能增强
-1. 集成真实的AI助手API
-2. 支持流式响应（SSE）
-3. 支持文件上传
-4. 支持语音输入
-5. 支持多会话管理
-6. 支持消息历史记录
-
-### 性能优化
-1. 启用Gzip压缩
-2. 静态资源CDN
-3. 数据库缓存
-4. Redis会话存储
-
-### 部署优化
-1. 使用Gunicorn
-2. 配置Nginx反向代理
-3. 启用HTTPS
-4. Docker容器化
-
-## ✨ 项目成果
-
-### 代码成果
-- ✅ 1087行高质量代码
-- ✅ 15个完整文件
-- ✅ 9个测试用例
-- ✅ 0个已知bug
-
-### 文档成果
-- ✅ 6份详细文档
-- ✅ 完整的使用说明
-- ✅ 详细的部署指南
-- ✅ 清晰的演示步骤
-
-### 功能成果
-- ✅ 100%还原原型设计
-- ✅ 所有功能正常工作
-- ✅ 性能指标达标
-- ✅ 兼容性良好
-
-## 🎉 项目总结
-
-本项目成功实现了以下目标：
-
-1. **完整还原** - 100%还原原型设计的视觉效果和交互体验
-2. **高质量代码** - 清晰的结构、完整的注释、规范的命名
-3. **完善的测试** - 9个测试用例全部通过
-4. **详细的文档** - 6份文档覆盖所有使用场景
-5. **优秀的性能** - 60fps流畅动画、快速加载
-
-**项目已完成，可以投入使用！** ✅
-
----
-
-**感谢使用AI助手Web客户端！** 🎊
-
diff --git a/web_client/app.py b/web_client/app.py
deleted file mode 100644
index dac452a..0000000
--- a/web_client/app.py
+++ /dev/null
@@ -1,227 +0,0 @@
-"""
-AI助手Web客户端 - Flask应用
-对接im-api后端聊天服务
-@author huazm
-"""
-
-import os
-import sys
-import json
-import logging
-import requests
-from flask import Flask, render_template, request, jsonify, Response, stream_with_context
-from flask_cors import CORS
-
-# 配置日志
-logging.basicConfig(
- level=logging.INFO,
- format='%(asctime)s - %(name)s - %(levelname)s - %(message)s'
-)
-logger = logging.getLogger(__name__)
-
-# 创建Flask应用
-app = Flask(__name__)
-app.config['SECRET_KEY'] = 'ai-assistant-web-client-secret-key'
-CORS(app) # 启用CORS
-
-# API后端地址配置（api模块提供HTTP接口）
-API_BASE_URL = os.environ.get('API_BASE_URL', 'http://localhost:18090')
-# api模块的接口路径前缀是/api/ai-assistant
-API_PREFIX = '/api/ai-assistant'
-
-# 认证token（实际使用时应该从登录获取）
-# 这里暂时使用环境变量或固定值
-AUTH_TOKEN = os.environ.get('AUTH_TOKEN', '')
-
-
-@app.route('/')
-def index():
- """主页面"""
- return render_template('index.html')
-
-
-def get_auth_headers():
- """
- 获取认证请求头
- 从前端请求中获取Authorization头并传递给后端
- """
- headers = {
- 'Content-Type': 'application/json'
- }
-
- # 优先使用前端传递的Authorization头
- auth_header = request.headers.get('Authorization')
- if auth_header:
- headers['Authorization'] = auth_header
- elif AUTH_TOKEN:
- # 如果前端没有传递，使用环境变量中的token
- headers['Authorization'] = f'Bearer {AUTH_TOKEN}'
-
- return headers
-
-
-@app.route('/api/ai-assistant/chatapp', methods=['GET'])
-def get_applications():
- """
- 代理获取应用列表请求到api后端
- """
- try:
- url = f'{API_BASE_URL}{API_PREFIX}/chatapp'
- logger.info(f"代理请求: GET {url}")
-
- response = requests.get(
- url,
- headers=get_auth_headers(),
- timeout=30
- )
-
- logger.info(f"响应状态码: {response.status_code}")
-
- # 直接返回后端响应
- return Response(
- response.content,
- status=response.status_code,
- content_type=response.headers.get('Content-Type', 'application/json')
- )
-
- except requests.exceptions.RequestException as e:
- logger.error(f"代理请求失败: {e}")
- return jsonify({
- 'code': 500,
- 'message': f'代理请求失败: {str(e)}',
- 'data': None
- }), 500
- except Exception as e:
- logger.error(f"获取应用列表失败: {e}")
- return jsonify({
- 'code': 500,
- 'message': str(e),
- 'data': None
- }), 500
-
-
-@app.route('/api/ai-assistant/chatapp//getRecommendQuestion', methods=['GET'])
-def get_recommend_questions(app_id):
- """
- 代理获取推荐问题请求到api后端
- """
- try:
- # 获取查询参数
- page_size = request.args.get('pageSize', '10')
- current = request.args.get('current', '1')
-
- url = f'{API_BASE_URL}{API_PREFIX}/chatapp/{app_id}/getRecommendQuestion'
- params = {
- 'pageSize': page_size,
- 'current': current
- }
-
- logger.info(f"代理请求: GET {url} with params {params}")
-
- response = requests.get(
- url,
- params=params,
- headers=get_auth_headers(),
- timeout=30
- )
-
- return Response(
- response.content,
- status=response.status_code,
- content_type=response.headers.get('Content-Type', 'application/json')
- )
-
- except Exception as e:
- logger.error(f"获取推荐问题失败: {e}")
- return jsonify({
- 'code': 500,
- 'message': str(e),
- 'data': None
- }), 500
-
-
-@app.route('/api/ai-assistant/chat/completions/message', methods=['POST'])
-def send_message():
- """
- 代理发送消息请求到api后端（SSE流式响应）
- """
- try:
- data = request.get_json()
-
- url = f'{API_BASE_URL}{API_PREFIX}/chat/completions/message'
- logger.info(f"代理SSE请求: POST {url}")
- logger.info(f"请求体: {json.dumps(data, ensure_ascii=False)}")
-
- # 发送POST请求并流式读取响应
- response = requests.post(
- url,
- json=data,
- headers=get_auth_headers(),
- stream=True,
- timeout=300 # 5分钟超时
- )
-
- # 流式转发SSE响应
- def generate():
- try:
- for line in response.iter_lines():
- if line:
- decoded_line = line.decode('utf-8')
- logger.debug(f"SSE数据: {decoded_line}")
- yield f"{decoded_line}\n"
- except Exception as e:
- logger.error(f"流式响应错误: {e}")
- yield f"event: error\ndata: {json.dumps({'error': str(e)})}\n\n"
-
- return Response(
- stream_with_context(generate()),
- mimetype='text/event-stream',
- headers={
- 'Cache-Control': 'no-cache',
- 'X-Accel-Buffering': 'no'
- }
- )
-
- except Exception as e:
- logger.error(f"发送消息失败: {e}")
- return jsonify({
- 'code': 500,
- 'message': str(e),
- 'data': None
- }), 500
-
-
-@app.route('/api/health', methods=['GET'])
-def health_check():
- """
- 健康检查
- """
- # 检查api后端是否可用
- api_available = False
- try:
- response = requests.get(
- f'{API_BASE_URL}/actuator/health',
- timeout=5
- )
- api_available = response.status_code == 200
- except:
- pass
-
- return jsonify({
- 'code': 200,
- 'message': 'OK',
- 'data': {
- 'status': 'healthy',
- 'api_available': api_available,
- 'api_url': API_BASE_URL
- }
- })
-
-
-if __name__ == '__main__':
- port = int(os.environ.get('PORT', 15000))
- debug = os.environ.get('DEBUG', 'True').lower() == 'true'
-
- logger.info(f"启动AI助手Web客户端，端口: {port}, 调试模式: {debug}")
- app.run(host='0.0.0.0', port=port, debug=debug)
-
diff --git a/web_client/requirements.txt b/web_client/requirements.txt
deleted file mode 100644
index 20c0f50..0000000
--- a/web_client/requirements.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-# AI助手Web客户端依赖包
-
-# Flask Web框架
-Flask>=2.3.0
-
-# CORS支持
-Flask-CORS>=4.0.0
-
-# HTTP请求库（用于调用后端API）
-requests>=2.31.0
-
-# 环境变量管理（可选）
-python-dotenv>=1.0.0
-
diff --git a/web_client/start.sh b/web_client/start.sh
deleted file mode 100755
index 0cb2591..0000000
--- a/web_client/start.sh
+++ /dev/null
@@ -1,57 +0,0 @@
-#!/bin/bash
-
-# AI助手Web客户端启动脚本
-
-echo "========================================="
-echo " AI助手Web客户端启动脚本"
-echo "========================================="
-echo ""
-
-# 检查Python环境
-if ! command -v python3 &> /dev/null; then
- echo "❌ 错误: 未找到Python3，请先安装Python 3.7+"
- exit 1
-fi
-
-echo "✅ Python版本: $(python3 --version)"
-echo ""
-
-# 检查是否在正确的目录
-if [ ! -f "app.py" ]; then
- echo "❌ 错误: 请在web_client目录下运行此脚本"
- exit 1
-fi
-
-# 检查依赖是否安装
-echo "📦 检查依赖..."
-if ! python3 -c "import flask" 2>/dev/null; then
- echo "⚠️ Flask未安装，正在安装依赖..."
- pip3 install -r requirements.txt
- if [ $? -ne 0 ]; then
- echo "❌ 依赖安装失败"
- exit 1
- fi
- echo "✅ 依赖安装成功"
-else
- echo "✅ 依赖已安装"
-fi
-
-echo ""
-echo "========================================="
-echo " 启动Web服务器..."
-echo "========================================="
-echo ""
-
-# 读取配置
-PORT=${PORT:-15000}
-API_BASE_URL=${API_BASE_URL:-http://localhost:8080}
-
-echo "🌐 访问地址: http://localhost:$PORT"
-echo "🔗 后端API: $API_BASE_URL"
-echo "📝 按 Ctrl+C 停止服务"
-echo ""
-
-# 启动Flask应用
-export PORT=$PORT
-export API_BASE_URL=$API_BASE_URL
-python3 app.py
diff --git a/web_client/static/css/style.css b/web_client/static/css/style.css
deleted file mode 100644
index 10c0df1..0000000
--- a/web_client/static/css/style.css
+++ /dev/null
@@ -1,220 +0,0 @@
-/* AI助手Web客户端样式 - 100%还原原型设计 */
-
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
-@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Inter:wght@300;400;500;600;700&display=swap');
-
-/* 全局样式 */
-body {
- min-height: 1024px;
- background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
- overflow: hidden;
- font-family: 'Inter', sans-serif;
- margin: 0;
- padding: 0;
-}
-
-/* 玻璃效果 */
-.glass-effect {
- background: rgba(30, 41, 59, 0.3);
- backdrop-filter: blur(10px);
- border: 1px solid rgba(100, 100, 100, 0.2);
-}
-
-/* 霓虹边框 */
-.neon-border {
- box-shadow: 0 0 10px rgba(99, 102, 241, 0.5), 0 0 20px rgba(99, 102, 241, 0.3);
-}
-
-/* 用户消息气泡 */
-.user-bubble {
- background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
- box-shadow: 0 0 15px rgba(99, 102, 241, 0.4);
-}
-
-/* AI消息气泡 */
-.ai-bubble {
- background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
- box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);
-}
-
-/* 脉冲动画 */
-.pulse {
- animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
- 0% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7); }
- 70% { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0); }
- 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
-}
-
-/* 发光按钮 */
-.glow-button {
- transition: all 0.3s ease;
-}
-
-.glow-button:hover {
- box-shadow: 0 0 15px rgba(99, 102, 241, 0.8);
- transform: translateY(-2px);
-}
-
-/* 粒子背景 */
-.particles {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
- pointer-events: none;
-}
-
-.particle {
- position: absolute;
- border-radius: 50%;
- background: rgba(99, 102, 241, 0.3);
- animation: float 6s infinite ease-in-out;
-}
-
-@keyframes float {
- 0%, 100% { transform: translateY(0) translateX(0); opacity: 0.3; }
- 50% { transform: translateY(-20px) translateX(10px); opacity: 0.8; }
-}
-
-/* 打字指示器 */
-.typing-indicator {
- display: inline-flex;
- align-items: center;
-}
-
-.typing-dot {
- width: 8px;
- height: 8px;
- background: #10b981;
- border-radius: 50%;
- margin: 0 2px;
- animation: typing 1.4s infinite ease-in-out;
-}
-
-.typing-dot:nth-child(2) { animation-delay: 0.2s; }
-.typing-dot:nth-child(3) { animation-delay: 0.4s; }
-
-@keyframes typing {
- 0%, 60%, 100% { transform: translateY(0); }
- 30% { transform: translateY(-5px); }
-}
-
-/* 滑入动画 */
-.slide-in {
- animation: slideIn 0.3s ease-out;
-}
-
-@keyframes slideIn {
- from {
- opacity: 0;
- transform: translateY(20px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-
-/* 淡入动画 */
-.fade-in {
- animation: fadeIn 0.5s ease-in;
-}
-
-@keyframes fadeIn {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-/* 通知徽章 */
-.notification-badge {
- position: absolute;
- top: -5px;
- right: -5px;
- background: #ef4444;
- color: white;
- border-radius: 50%;
- width: 20px;
- height: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 12px;
- animation: pulse 2s infinite;
-}
-
-/* 语音波形 */
-.voice-wave {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.wave-bar {
- width: 2px;
- height: 10px;
- background: #6366f1;
- margin: 0 1px;
- animation: wave 1.2s infinite ease-in-out;
-}
-
-.wave-bar:nth-child(2) { animation-delay: 0.2s; }
-.wave-bar:nth-child(3) { animation-delay: 0.4s; }
-.wave-bar:nth-child(4) { animation-delay: 0.6s; }
-.wave-bar:nth-child(5) { animation-delay: 0.8s; }
-
-@keyframes wave {
- 0%, 100% { height: 10px; }
- 50% { height: 20px; }
-}
-
-/* 滚动条样式 */
-::-webkit-scrollbar {
- width: 8px;
-}
-
-::-webkit-scrollbar-track {
- background: rgba(30, 41, 59, 0.3);
-}
-
-::-webkit-scrollbar-thumb {
- background: rgba(99, 102, 241, 0.5);
- border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
- background: rgba(99, 102, 241, 0.7);
-}
-
-/* 主题颜色变量 */
-:root {
- --primary: #6366f1;
- --secondary: #8b5cf6;
- --bg-dark: #0f172a;
- --bg-slate: #1e293b;
- --text-white: #ffffff;
- --text-slate: #94a3b8;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
- .user-bubble, .ai-bubble {
- max-width: 80% !important;
- }
-}
-
-/* 隐藏元素 */
-.hidden {
- display: none !important;
-}
-
-/* 加载动画 */
-.loading {
- opacity: 0.6;
- pointer-events: none;
-}
-
diff --git a/web_client/static/js/main.js b/web_client/static/js/main.js
deleted file mode 100644
index aceed05..0000000
--- a/web_client/static/js/main.js
+++ /dev/null
@@ -1,761 +0,0 @@
-/**
- * AI助手Web客户端 - 前端交互逻辑
- * 对接im-api后端聊天服务
- * @author huazm
- */
-
-// 全局变量
-let currentChatId = null;
-let currentAppId = null;
-let currentAppInfo = null;
-let allApps = [];
-let isTyping = false;
-let abortController = null; // 用于取消fetch请求
-let authToken = null; // 认证token
-
-// API配置
-const API_BASE_URL = '/api/ai-assistant'; // api后端地址
-
-/**
- * Token管理功能
- */
-// 打开Token设置模态框
-function openTokenModal() {
- const modal = document.getElementById('token-modal');
- const input = document.getElementById('token-input');
- const status = document.getElementById('token-status-modal');
-
- // 加载已保存的token
- const savedToken = localStorage.getItem('authToken');
- if (savedToken) {
- input.value = savedToken;
- status.textContent = '已设置';
- status.className = 'font-medium text-green-400';
- } else {
- input.value = '';
- status.textContent = '未设置';
- status.className = 'font-medium text-slate-400';
- }
-
- modal.classList.remove('hidden');
-}
-
-// 关闭Token设置模态框
-function closeTokenModal() {
- const modal = document.getElementById('token-modal');
- modal.classList.add('hidden');
-}
-
-// 保存Token
-function saveToken() {
- const input = document.getElementById('token-input');
- const token = input.value.trim();
-
- if (token) {
- // 保存到localStorage
- localStorage.setItem('authToken', token);
- authToken = token;
-
- // 更新状态显示
- const statusModal = document.getElementById('token-status-modal');
- statusModal.textContent = '已设置';
- statusModal.className = 'font-medium text-green-400';
-
- console.log('Token已保存');
-
- // 关闭模态框
- closeTokenModal();
-
- // 重新加载应用列表
- loadApplications();
- } else {
- alert('请输入有效的Token');
- }
-}
-
-// 获取认证请求头
-function getAuthHeaders() {
- const headers = {
- 'Content-Type': 'application/json'
- };
-
- // 从localStorage加载token
- const savedToken = localStorage.getItem('authToken');
- if (savedToken) {
- authToken = savedToken;
- headers['Authorization'] = `Bearer ${savedToken}`;
- }
-
- return headers;
-}
-
-// 页面加载时初始化token
-function initToken() {
- const savedToken = localStorage.getItem('authToken');
- if (savedToken) {
- authToken = savedToken;
- console.log('已加载保存的Token');
- }
-}
-
-/**
- * 创建动态粒子背景
- */
-function createParticles() {
- const particlesContainer = document.getElementById('particles');
- const particleCount = 50;
-
- for (let i = 0; i < particleCount; i++) {
- const particle = document.createElement('div');
- particle.className = 'particle';
-
- // 随机位置和大小
- const size = Math.random() * 4 + 1;
- const posX = Math.random() * 100;
- const posY = Math.random() * 100;
-
- particle.style.width = `${size}px`;
- particle.style.height = `${size}px`;
- particle.style.left = `${posX}%`;
- particle.style.top = `${posY}%`;
-
- // 随机动画延迟
- particle.style.animationDelay = `${Math.random() * 5}s`;
-
- particlesContainer.appendChild(particle);
- }
-}
-
-/**
- * 加载应用列表
- */
-async function loadApplications() {
- try {
- const response = await fetch(`${API_BASE_URL}/chatapp`, {
- method: 'GET',
- headers: getAuthHeaders()
- });
-
- const result = await response.json();
- console.log('API返回数据:', result);
-
- // 兼容两种数据格式：result.data 或 result.result
- const apps = result.data || result.result;
-
- if (result.code === 200 && apps) {
- allApps = apps;
- // 按sortNum倒排
- allApps.sort((a, b) => {
- if (b.sortNum !== undefined && a.sortNum !== undefined) {
- return a.sortNum - b.sortNum; // 从小到大排序
- }
- return 0;
- });
- renderApplications(allApps);
- } else {
- showError('加载应用列表失败');
- }
- } catch (error) {
- console.error('加载应用列表失败:', error);
- showError('加载应用列表失败: ' + error.message);
- }
-}
-
-/**
- * 渲染应用列表
- */
-function renderApplications(apps) {
- const appList = document.getElementById('app-list');
-
- if (!apps || apps.length === 0) {
- appList.innerHTML = `
- AI 助手对话界面
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `;
- return;
- }
-
- appList.innerHTML = apps.map(app => `
- 暂无可用的智能体
-
-
- `).join('');
-}
-
-/**
- * 搜索应用
- */
-function searchApplications(keyword) {
- if (!keyword.trim()) {
- renderApplications(allApps);
- return;
- }
-
- const filtered = allApps.filter(app => {
- const searchText = keyword.toLowerCase();
- return (app.appName && app.appName.toLowerCase().includes(searchText)) ||
- (app.appDescription && app.appDescription.toLowerCase().includes(searchText)) ||
- (app.scopeDescription && app.scopeDescription.toLowerCase().includes(searchText)) ||
- (app.category && app.category.toLowerCase().includes(searchText));
- });
-
- renderApplications(filtered);
-}
-
-/**
- * 选择应用并进入对话
- */
-async function selectApplication(appId) {
- try {
- // 查找应用信息
- currentAppInfo = allApps.find(app => app.id === appId);
- if (!currentAppInfo) {
- showError('应用信息不存在');
- return;
- }
-
- currentAppId = appId;
- currentChatId = null; // 重置聊天ID，开始新对话
-
- // 隐藏应用选择面板，显示对话面板
- document.getElementById('app-selector-panel').classList.add('hidden');
- document.getElementById('chat-panel').classList.remove('hidden');
-
- // 更新顶部应用信息
- updateCurrentAppInfo();
-
- // 清空对话内容
- clearChatContainer();
-
- // 显示欢迎消息
- showWelcomeMessage();
-
- // 加载快捷回复（如果有）
- loadQuickReplies();
-
- } catch (error) {
- console.error('选择应用失败:', error);
- showError('选择应用失败: ' + error.message);
- }
-}
-
-/**
- * 更新当前应用信息显示
- */
-function updateCurrentAppInfo() {
- if (!currentAppInfo) return;
-
- const appAvatar = document.getElementById('current-app-avatar');
- const appName = document.getElementById('current-app-name');
- const appDesc = document.getElementById('current-app-desc');
-
- if (currentAppInfo.appAvatar) {
- appAvatar.src = currentAppInfo.appAvatar;
- appAvatar.style.display = 'block';
- } else {
- appAvatar.style.display = 'none';
- }
-
- appName.textContent = currentAppInfo.appName || 'AI 助手';
- appDesc.textContent = currentAppInfo.appDescription || currentAppInfo.scopeDescription || '';
-}
-
-/**
- * 清空对话容器
- */
-function clearChatContainer() {
- const chatContainer = document.getElementById('chat-container');
- chatContainer.innerHTML = '';
-}
-
-/**
- * 显示欢迎消息
- */
-function showWelcomeMessage() {
- const chatContainer = document.getElementById('chat-container');
- const welcomeMsg = currentAppInfo.conversationStarter || '你好！我是' + (currentAppInfo.appName || 'AI助手') + '，有什么可以帮助你的吗？';
-
- chatContainer.innerHTML = `
-
- `;
-}
-
-/**
- * 加载快捷回复
- */
-async function loadQuickReplies() {
- const quickReplyContainer = document.getElementById('quick-reply-container');
- const quickReplyButtons = document.getElementById('quick-reply-buttons');
-
- // 如果应用启用了推荐问题
- if (currentAppInfo.enableRecommendation) {
- try {
- const response = await fetch(`${API_BASE_URL}/chatapp/${currentAppId}/getRecommendQuestion?pageSize=3¤t=1`, {
- method: 'GET',
- headers: getAuthHeaders()
- });
-
- const result = await response.json();
-
- if (result.code === 200 && result.data && result.data.records && result.data.records.length > 0) {
- quickReplyButtons.innerHTML = result.data.records.map(q => `
-
- `).join('');
- quickReplyContainer.classList.remove('hidden');
- } else {
- quickReplyContainer.classList.add('hidden');
- }
- } catch (error) {
- console.error('加载推荐问题失败:', error);
- quickReplyContainer.classList.add('hidden');
- }
- } else {
- quickReplyContainer.classList.add('hidden');
- }
-}
-
-/**
- * 返回应用选择
- */
-function backToApps() {
- // 取消正在进行的请求
- if (abortController) {
- abortController.abort();
- abortController = null;
- }
-
- // 重置状态
- currentAppId = null;
- currentAppInfo = null;
- currentChatId = null;
-
- // 切换面板
- document.getElementById('chat-panel').classList.add('hidden');
- document.getElementById('app-selector-panel').classList.remove('hidden');
-}
-
-/**
- * 添加消息到聊天容器
- */
-function addMessage(message, isUser = true) {
- const chatContainer = document.getElementById('chat-container');
-
- // 移除欢迎消息
- const welcomeDiv = chatContainer.querySelector('.flex.justify-center');
- if (welcomeDiv) {
- welcomeDiv.remove();
- }
-
- // 移除打字指示器
- removeTypingIndicator();
-
- const messageDiv = document.createElement('div');
- messageDiv.className = `flex ${isUser ? 'justify-end' : 'justify-start'} slide-in`;
-
- const bubbleClass = isUser ? 'user-bubble' : 'ai-bubble';
- const roundedClass = isUser ? 'rounded-br-md' : 'rounded-bl-md';
-
- messageDiv.innerHTML = `
-
-
-
- ${app.appAvatar ?
- `
` :
- ``
- }
-
-
-
- - ${app.appName || '未命名应用'} -
-- ${app.appDescription || app.scopeDescription || '暂无描述'} -
- ${app.category ? ` - - ${app.category} - - ` : ''} -
-
- `;
-
- chatContainer.appendChild(messageDiv);
- scrollToBottom();
-}
-
-/**
- * 显示打字指示器
- */
-function showTypingIndicator() {
- if (isTyping) return;
-
- isTyping = true;
- const chatContainer = document.getElementById('chat-container');
-
- const typingDiv = document.createElement('div');
- typingDiv.id = 'typing-indicator';
- typingDiv.className = 'flex justify-start';
- typingDiv.innerHTML = `
- ${escapeHtml(message)}
-
-
- `;
-
- chatContainer.appendChild(typingDiv);
- scrollToBottom();
-}
-
-/**
- * 移除打字指示器
- */
-function removeTypingIndicator() {
- const typingIndicator = document.getElementById('typing-indicator');
- if (typingIndicator) {
- typingIndicator.remove();
- isTyping = false;
- }
-}
-
-/**
- * 滚动到底部
- */
-function scrollToBottom() {
- const chatContainer = document.getElementById('chat-container');
- chatContainer.scrollTop = chatContainer.scrollHeight;
-}
-
-/**
- * HTML转义
- */
-function escapeHtml(text) {
- const div = document.createElement('div');
- div.textContent = text;
- return div.innerHTML;
-}
-
-/**
- * 发送消息（使用SSE流式响应）
- */
-async function sendMessage() {
- const input = document.getElementById('message-input');
- const message = input.value.trim();
-
- if (!message || !currentAppId) return;
-
- // 添加用户消息
- addMessage(message, true);
- input.value = '';
-
- // 显示打字指示器
- showTypingIndicator();
-
- try {
- // 构建请求体
- const requestBody = {
- chatId: currentChatId,
- appId: currentAppId,
- equipment: 'web',
- messageTag: 'AI_TAG',
- body: {
- messages: [
- {
- role: 'user',
- content: message
- }
- ],
- channel: 'web',
- attachmentIds: [],
- recommendQuestions: [],
- variables: {},
- reasoning: currentAppInfo.reasoningEnable ? 'true' : 'false'
- }
- };
-
- // 使用fetch进行SSE连接（支持自定义请求头）
- const url = `${API_BASE_URL}/chat/completions/message`;
-
- // 取消之前的请求
- if (abortController) {
- abortController.abort();
- }
-
- // 创建新的AbortController
- abortController = new AbortController();
-
- // 使用fetch发送POST请求，处理流式响应
- const response = await fetch(url, {
- method: 'POST',
- headers: getAuthHeaders(),
- body: JSON.stringify(requestBody),
- signal: abortController.signal
- });
-
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
-
- let aiMessage = '';
- let messageDiv = null;
-
- // 读取流式响应
- 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: ')) {
- const data = line.substring(6).trim();
-
- if (data === '[DONE]') {
- continue;
- }
-
- try {
- const json = JSON.parse(data);
-
- // 处理不同类型的事件
- if (json.detailId) {
- // 保存chatId
- if (json.chatId && !currentChatId) {
- currentChatId = json.chatId;
- }
-
- // 更新AI回复
- if (json.answer && json.answer.content) {
- aiMessage = json.answer.content;
-
- // 移除打字指示器
- removeTypingIndicator();
-
- // 更新或创建消息气泡
- if (!messageDiv) {
- messageDiv = createAIMessageBubble(aiMessage);
- } else {
- updateAIMessageBubble(messageDiv, aiMessage);
- }
- }
-
- // 检查是否完成
- if (json.status === 'FINISH' || json.status === 'ERROR') {
- if (json.status === 'ERROR') {
- showError('AI回复出错');
- }
- break;
- }
- }
- } catch (parseError) {
- console.error('解析SSE数据失败:', parseError);
- }
- }
- }
- }
-
- // 确保移除打字指示器
- removeTypingIndicator();
-
- } catch (error) {
- console.error('发送消息失败:', error);
- removeTypingIndicator();
- showError('发送消息失败: ' + error.message);
- }
-}
-
-/**
- * 创建AI消息气泡
- */
-function createAIMessageBubble(content) {
- const chatContainer = document.getElementById('chat-container');
-
- const messageDiv = document.createElement('div');
- messageDiv.className = 'flex justify-start slide-in';
- messageDiv.innerHTML = `
-
-
-
-
-
-
-
-
- `;
-
- chatContainer.appendChild(messageDiv);
- scrollToBottom();
-
- return messageDiv;
-}
-
-/**
- * 更新AI消息气泡
- */
-function updateAIMessageBubble(messageDiv, content) {
- const contentElement = messageDiv.querySelector('.ai-message-content');
- if (contentElement) {
- contentElement.innerHTML = escapeHtml(content);
- scrollToBottom();
- }
-}
-
-/**
- * 显示错误消息
- */
-function showError(message) {
- const chatContainer = document.getElementById('chat-container');
-
- const errorDiv = document.createElement('div');
- errorDiv.className = 'flex justify-center my-4';
- errorDiv.innerHTML = `
-
- ${escapeHtml(message)}
-
- `;
-
- chatContainer.appendChild(errorDiv);
- scrollToBottom();
-
- // 3秒后自动移除
- setTimeout(() => {
- errorDiv.remove();
- }, 3000);
-}
-
-/**
- * 快捷回复按钮点击
- */
-function sendQuickReply(text) {
- const input = document.getElementById('message-input');
- input.value = text;
- sendMessage();
-}
-
-/**
- * 快捷回复填充（不发送）
- */
-function handleQuickReply(text) {
- const input = document.getElementById('message-input');
- input.value = text;
- input.focus();
-}
-
-/**
- * 主题切换
- */
-function changeTheme(theme) {
- const body = document.body;
-
- // 移除所有主题类
- body.classList.remove('theme-dark', 'theme-blue', 'theme-purple', 'theme-green');
-
- // 添加新主题类
- body.classList.add(`theme-${theme}`);
-
- // 更新背景渐变
- const gradients = {
- dark: 'linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%)',
- blue: 'linear-gradient(135deg, #0c4a6e 0%, #075985 50%, #0c4a6e 100%)',
- purple: 'linear-gradient(135deg, #581c87 0%, #6b21a8 50%, #581c87 100%)',
- green: 'linear-gradient(135deg, #064e3b 0%, #065f46 50%, #064e3b 100%)'
- };
-
- body.style.background = gradients[theme] || gradients.dark;
-}
-
-/**
- * 字体切换
- */
-function changeFont(font) {
- const chatContainer = document.getElementById('chat-container');
- chatContainer.style.fontFamily = font;
-}
-
-/**
- * 开始新会话
- */
-function startNewChat() {
- currentChatId = null;
- clearChatContainer();
- showWelcomeMessage();
-}
-
-/**
- * 页面加载完成后初始化
- */
-document.addEventListener('DOMContentLoaded', function() {
- console.log('AI助手Web客户端已加载');
-
- // 创建粒子背景
- createParticles();
-
- // 加载应用列表
- loadApplications();
-
- // 绑定应用搜索
- const searchInput = document.getElementById('app-search-input');
- if (searchInput) {
- searchInput.addEventListener('input', function(e) {
- searchApplications(e.target.value);
- });
- }
-
- // 绑定返回按钮
- const backButton = document.getElementById('back-to-apps-btn');
- if (backButton) {
- backButton.addEventListener('click', backToApps);
- }
-
- // 绑定发送按钮事件
- const sendButton = document.getElementById('send-button');
- if (sendButton) {
- sendButton.addEventListener('click', sendMessage);
- }
-
- // 绑定输入框回车事件
- const messageInput = document.getElementById('message-input');
- if (messageInput) {
- messageInput.addEventListener('keypress', function(e) {
- if (e.key === 'Enter' && !e.shiftKey) {
- e.preventDefault();
- sendMessage();
- }
- });
- }
-
- // 绑定字体切换
- const fontSelect = document.getElementById('font-select');
- if (fontSelect) {
- fontSelect.addEventListener('change', function() {
- changeFont(this.value);
- });
- }
-
- // 初始化Token
- initToken();
-
- console.log('AI助手Web客户端初始化完成');
-});
\ No newline at end of file
diff --git a/web_client/templates/index.html b/web_client/templates/index.html
deleted file mode 100644
index 70c589f..0000000
--- a/web_client/templates/index.html
+++ /dev/null
@@ -1,244 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- AI 助手
-选择一个智能体开始对话
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 正在加载智能体列表...
-
-
-
-
-
-
-
diff --git a/web_client/test_api_connection.py b/web_client/test_api_connection.py
deleted file mode 100755
index c195f13..0000000
--- a/web_client/test_api_connection.py
+++ /dev/null
@@ -1,151 +0,0 @@
-#!/usr/bin/env python3
-"""
-测试api后端连接
-@author huazm
-"""
-
-import os
-import sys
-import requests
-import json
-
-# 配置
-API_BASE_URL = os.environ.get('API_BASE_URL', 'http://localhost:8080')
-API_PREFIX = '/api/ai-assistant'
-
-def test_health():
- """测试健康检查"""
- print("=" * 60)
- print("测试1: 健康检查")
- print("=" * 60)
- try:
- url = f'{API_BASE_URL}/actuator/health'
- print(f"请求: GET {url}")
- response = requests.get(url, timeout=5)
- print(f"状态码: {response.status_code}")
- print(f"响应: {response.text}")
- return response.status_code == 200
- except Exception as e:
- print(f"❌ 错误: {e}")
- return False
-
-def test_get_applications():
- """测试获取应用列表"""
- print("\n" + "=" * 60)
- print("测试2: 获取应用列表")
- print("=" * 60)
- try:
- url = f'{API_BASE_URL}{API_PREFIX}/chatapp'
- print(f"请求: GET {url}")
- response = requests.get(url, timeout=10)
- print(f"状态码: {response.status_code}")
-
- if response.status_code == 200:
- data = response.json()
- print(f"响应数据结构: {json.dumps(data, ensure_ascii=False, indent=2)[:500]}...")
-
- if data.get('code') == 200 and data.get('data'):
- apps = data['data']
- print(f"\n✅ 成功获取 {len(apps)} 个应用")
- if apps:
- print(f"\n第一个应用示例:")
- print(json.dumps(apps[0], ensure_ascii=False, indent=2))
- return True
- else:
- print(f"❌ 响应格式不正确")
- return False
- else:
- print(f"❌ 请求失败: {response.text}")
- return False
- except Exception as e:
- print(f"❌ 错误: {e}")
- return False
-
-def test_get_recommend_questions(app_id):
- """测试获取推荐问题"""
- print("\n" + "=" * 60)
- print("测试3: 获取推荐问题")
- print("=" * 60)
- try:
- url = f'{API_BASE_URL}{API_PREFIX}/chatapp/{app_id}/getRecommendQuestion'
- params = {'pageSize': 3, 'current': 1}
- print(f"请求: GET {url}")
- print(f"参数: {params}")
- response = requests.get(url, params=params, timeout=10)
- print(f"状态码: {response.status_code}")
-
- if response.status_code == 200:
- data = response.json()
- print(f"响应: {json.dumps(data, ensure_ascii=False, indent=2)[:500]}...")
-
- if data.get('code') == 200:
- records = data.get('data', {}).get('records', [])
- print(f"\n✅ 成功获取 {len(records)} 个推荐问题")
- for i, q in enumerate(records, 1):
- print(f" {i}. {q.get('question', 'N/A')}")
- return True
- else:
- print(f"⚠️ 响应code不为200")
- return False
- else:
- print(f"❌ 请求失败: {response.text}")
- return False
- except Exception as e:
- print(f"❌ 错误: {e}")
- return False
-
-def main():
- """主函数"""
- print("\n" + "🔍 " * 20)
- print("AI助手Web客户端 - API连接测试")
- print("🔍 " * 20)
- print(f"\n后端地址: {API_BASE_URL}")
- print(f"API前缀: {API_PREFIX}\n")
-
- results = []
-
- # 测试1: 健康检查
- results.append(("健康检查", test_health()))
-
- # 测试2: 获取应用列表
- apps_ok = test_get_applications()
- results.append(("获取应用列表", apps_ok))
-
- # 测试3: 获取推荐问题（使用第一个应用）
- if apps_ok:
- # 尝试获取第一个应用的ID
- try:
- url = f'{API_BASE_URL}{API_PREFIX}/chatapp'
- response = requests.get(url, timeout=10)
- data = response.json()
- if data.get('code') == 200 and data.get('data'):
- first_app_id = data['data'][0]['id']
- results.append(("获取推荐问题", test_get_recommend_questions(first_app_id)))
- else:
- results.append(("获取推荐问题", False))
- except:
- results.append(("获取推荐问题", False))
- else:
- results.append(("获取推荐问题", False))
-
- # 打印测试结果
- print("\n" + "=" * 60)
- print("测试结果汇总")
- print("=" * 60)
- for name, success in results:
- status = "✅ 通过" if success else "❌ 失败"
- print(f"{name:20s} {status}")
-
- all_passed = all(result[1] for result in results)
- print("\n" + "=" * 60)
- if all_passed:
- print("🎉 所有测试通过！Web客户端可以正常使用。")
- else:
- print("⚠️ 部分测试失败，请检查后端服务配置。")
- print("=" * 60 + "\n")
-
- return 0 if all_passed else 1
-
-if __name__ == '__main__':
- sys.exit(main())
-
diff --git a/web_client/test_app.py b/web_client/test_app.py
deleted file mode 100644
index 592b477..0000000
--- a/web_client/test_app.py
+++ /dev/null
@@ -1,159 +0,0 @@
-"""
-AI助手Web客户端测试
-测试Flask应用的各个端点
-"""
-
-import unittest
-import json
-from app import app
-
-
-class TestWebClient(unittest.TestCase):
- """Web客户端测试类"""
-
- def setUp(self):
- """测试前准备"""
- self.app = app
- self.app.config['TESTING'] = True
- self.client = self.app.test_client()
-
- def test_index_page(self):
- """测试主页面"""
- response = self.client.get('/')
- self.assertEqual(response.status_code, 200)
- self.assertIn(b'AI', response.data)
-
- def test_health_check(self):
- """测试健康检查端点"""
- response = self.client.get('/api/health')
- self.assertEqual(response.status_code, 200)
-
- data = json.loads(response.data)
- self.assertEqual(data['code'], 200)
- self.assertEqual(data['message'], 'OK')
- self.assertIn('status', data['data'])
- self.assertEqual(data['data']['status'], 'healthy')
-
- def test_get_applications(self):
- """测试获取应用列表"""
- response = self.client.get('/api/applications')
- self.assertEqual(response.status_code, 200)
-
- data = json.loads(response.data)
- self.assertEqual(data['code'], 200)
- self.assertIn('data', data)
- self.assertIsInstance(data['data'], list)
-
- def test_send_message_without_content(self):
- """测试发送空消息"""
- response = self.client.post(
- '/api/chat/send',
- data=json.dumps({
- 'appId': 15,
- 'message': '',
- 'chatId': None,
- 'stream': False
- }),
- content_type='application/json'
- )
- self.assertEqual(response.status_code, 400)
-
- data = json.loads(response.data)
- self.assertEqual(data['code'], 400)
-
- def test_send_message_with_content(self):
- """测试发送正常消息"""
- response = self.client.post(
- '/api/chat/send',
- data=json.dumps({
- 'appId': 15,
- 'message': '你好',
- 'chatId': None,
- 'stream': False
- }),
- content_type='application/json'
- )
- self.assertEqual(response.status_code, 200)
-
- data = json.loads(response.data)
- self.assertEqual(data['code'], 200)
- self.assertIn('data', data)
- self.assertIn('answer', data['data'])
-
- def test_cors_headers(self):
- """测试CORS头"""
- response = self.client.get('/api/health')
- self.assertIn('Access-Control-Allow-Origin', response.headers)
-
- def test_static_files(self):
- """测试静态文件访问"""
- # 测试CSS文件
- response = self.client.get('/static/css/style.css')
- self.assertEqual(response.status_code, 200)
-
- # 测试JS文件
- response = self.client.get('/static/js/main.js')
- self.assertEqual(response.status_code, 200)
-
-
-class TestAPIResponses(unittest.TestCase):
- """API响应格式测试"""
-
- def setUp(self):
- """测试前准备"""
- self.app = app
- self.app.config['TESTING'] = True
- self.client = self.app.test_client()
-
- def test_response_format(self):
- """测试响应格式统一性"""
- response = self.client.get('/api/health')
- data = json.loads(response.data)
-
- # 检查必需字段
- self.assertIn('code', data)
- self.assertIn('message', data)
- self.assertIn('data', data)
-
- # 检查字段类型
- self.assertIsInstance(data['code'], int)
- self.assertIsInstance(data['message'], str)
-
- def test_error_response_format(self):
- """测试错误响应格式"""
- response = self.client.post(
- '/api/chat/send',
- data=json.dumps({'message': ''}),
- content_type='application/json'
- )
- data = json.loads(response.data)
-
- # 错误响应也应该有统一格式
- self.assertIn('code', data)
- self.assertIn('message', data)
- self.assertEqual(data['code'], 400)
-
-
-def run_tests():
- """运行所有测试"""
- # 创建测试套件
- loader = unittest.TestLoader()
- suite = unittest.TestSuite()
-
- # 添加测试
- suite.addTests(loader.loadTestsFromTestCase(TestWebClient))
- suite.addTests(loader.loadTestsFromTestCase(TestAPIResponses))
-
- # 运行测试
- runner = unittest.TextTestRunner(verbosity=2)
- result = runner.run(suite)
-
- # 返回测试结果
- return result.wasSuccessful()
-
-
-if __name__ == '__main__':
- import sys
- success = run_tests()
- sys.exit(0 if success else 1)
-
-
-
-
- 设置认证Token
- -
-
-
-
- - 当前状态: 未设置 -
-
-
-
-
-