# MEMORY.md - TalkingQ平台 长期记忆

## 项目信息
- **项目名**: TalkingQ AI玩具运营与数据洞察平台
- **类型**: B端运营后台，纯前端（留后端接口）
- **技术栈**: HTML + CSS + Vanilla JS + Chart.js + Lucide Icons
- **品牌色**: #52c41a（绿色，来自商标）、深色侧边栏 #141414

## 项目结构
- 单页应用，index.html 入口
- styles/main.css 全局样式（约4500行）
- scripts/api.js 所有API接口定义（mock实现）
- 各页面模块单独js文件

## 已实现功能
数据仪表盘、智能体开发（ASR/TTS/RAG/语言）、智能体管理、Prompt管理、
设备管理、OTA升级、会话详情、Bad Case管理、RBAC权限、PII隐私保护、系统设置

## 用户偏好
- 颜色风格跟商标一致（绿色为主）
- 全前端实现，留接口供未来后端接入
- 智能体开发需要ASR、TTS、RAG挂载、语言选择功能

## 重要修复记录
### 2026-05-14 - UI 样式缺失修复
- **问题**: agent-dev.js 中使用的 CSS 类（如 `.agent-config-layout`, `.module-panel`, `.chat-test-panel`, `.skill-grid` 等）在 main.css 中完全缺失
- **修复**: 在 main.css 末尾添加了约950行缺失的样式定义，包括：
  - 应用配置页面布局（agent-config-layout, agent-config-left/right）
  - 模块标签和面板样式（module-tabs, module-tab, module-panel）
  - 配置行和子区块样式（config-row, config-subsection）
  - 场景模板网格（scene-template-grid, scene-item）
  - 技能网格（skill-grid, skill-item）
  - 对话测试面板（chat-test-panel, chat-messages, chat-bubble）
  - 统计卡片（stat-card, stat-value, stat-icon）
  - 其他缺失组件样式（tooltip-box, device-status, firmware-version 等）