leo-projects/claude-code-cchui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
87 Commits 1 Branch 0 Tags 2.1 MiB
4eab17155e
Commit Graph

87 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
gaoziman
4eab17155e style(字体): 优化字体系统使用相对单位 
- 移除 ChatInput 和 MessageBubble 中的固定字体大小类
- MarkdownRenderer 标题和内容使用 em 相对单位
- 表格字体大小改为相对单位保持比例
- 聊天输入框添加 z-20 层级避免被代码块遮挡
 2025-12-21 02:47:13 +08:00
gaoziman
470e34e7a8 refactor(代码块): 使用 CSS 变量重构代码块组件样式 
- 使用 CSS 变量替代硬编码颜色值
- 添加 Mac 风格红黄绿交通灯按钮装饰
- 优化工具栏布局和间距
- 支持亮色/暗色主题自动切换
- 改进行号显示样式
 2025-12-21 01:56:41 +08:00
gaoziman
99660ae4f6 style(代码块): 添加代码块 CSS 变量和亮暗主题语法高亮 
- 添加代码块相关 CSS 变量（背景色、边框、行号、阴影等）
- 实现亮色主题语法高亮（Claude Style）
- 实现暗色主题语法高亮（Mac Style 紫灰主题）
- 添加 Mac 红黄绿按钮显示控制变量
- 优化 Prism.js 代码高亮样式，支持主题切换
 2025-12-21 01:56:32 +08:00
gaoziman
1ef4a31d5d style(界面): 优化聊天页面布局和用户菜单显示 
- 调整聊天输入区域左内边距以适配侧边栏
- 移除用户菜单中的 plan 信息显示
- 简化用户信息展示
 2025-12-21 01:15:55 +08:00
gaoziman
600d899532 refactor(聊天头部): 使用 IconRenderer 组件渲染助手图标 
- 替换原有的 emoji 图标为 IconRenderer 组件
- 支持 Lucide 图标和表情符号的统一渲染
- 优化图标样式和主题色适配
 2025-12-21 01:15:35 +08:00
gaoziman
372946de9d style(聊天): 统一消息气泡和输入框圆角样式 
- 将输入框圆角从 rounded-[18px] 改为 rounded-md
- 将用户消息气泡圆角从 rounded-[18px] 改为 rounded-md
- 将助手消息气泡圆角从 rounded-2xl 改为 rounded-md
- 保持界面风格一致性
 2025-12-21 01:15:19 +08:00
gaoziman
1c114a764e feat(代码块): 添加 HTML 代码预览功能 
- 在代码块工具栏添加预览按钮
- 支持 HTML/HTM 类型代码的实时预览
- 集成 HtmlPreviewModal 模态框组件
 2025-12-21 01:15:02 +08:00
gaoziman
959fedf1d0 feat(组件): 新增 HTML 预览模态框组件 
- 支持桌面端、平板、手机三种设备预览模式
- 提供代码视图和预览视图切换
- 支持全屏预览和代码下载功能
- 添加键盘快捷键 ESC 关闭和 F11 全屏
 2025-12-21 01:14:44 +08:00
gaoziman
5307255844 style(界面): 优化聊天页面和侧边栏样式 
- 聊天页面集成 ChatHeader 组件显示助手信息
- 添加淡入、滑入等动画效果样式
- 优化侧边栏布局和新对话按钮交互
- 统一分类标签的视觉样式
 2025-12-20 20:46:51 +08:00
gaoziman
a5fcc9edae feat(对话): 扩展对话管理支持助手关联 
- 对话创建接口支持关联助手ID和系统提示词
- 对话查询接口返回关联的助手信息
- 聊天接口支持使用助手系统提示词
- useConversations Hook 扩展助手相关参数
 2025-12-20 20:46:35 +08:00
gaoziman
2d4bdfb7f5 feat(聊天): 添加新对话弹窗和聊天头部组件 
- 新增 NewChatModal 新对话弹窗，支持快速开始和助手选择
- 新增 ChatHeader 聊天头部组件，显示当前助手和模型信息
- 支持搜索助手和显示收藏助手
- 集成 IconRenderer 显示助手图标
 2025-12-20 20:46:19 +08:00
gaoziman
c987fcf909 feat(助手库): 添加助手库页面和组件 
- 新增助手库页面，支持分类浏览和搜索
- 新增 AssistantCard 助手卡片组件
- 新增 AssistantDetailModal 助手详情弹窗
- 新增 AssistantEditModal 助手编辑弹窗
- 新增 AssistantSelector 助手选择器组件
- 集成 IconRenderer 组件显示 lucide 图标
 2025-12-20 20:46:05 +08:00
gaoziman
34aa3e50cf feat(API): 添加助手管理接口 
- 新增助手 CRUD 接口 (GET/POST/PUT/DELETE)
- 新增助手分类查询接口
- 新增助手收藏/取消收藏接口
- 新增最近使用助手查询接口
- 支持按分类、搜索关键词筛选助手
 2025-12-20 20:45:56 +08:00
gaoziman
ee112a5ea3 feat(数据库): 添加助手系统数据表结构 
- 新增 assistant_categories 助手分类表
- 新增 assistants 助手表，支持系统提示词和标签
- 新增 assistant_favorites 用户收藏表
- 添加数据库迁移脚本 0006_safe_spitfire.sql
- 添加助手种子数据脚本
 2025-12-20 20:45:44 +08:00
gaoziman
bcb2141915 feat(图标系统): 添加图标选择器和渲染器组件 
- 新增 icons.ts 图标配置文件，定义图标分类和中文标签
- 新增 IconRenderer 组件，支持渲染 lucide 图标和 emoji
- 新增 IconPicker 组件，提供分类浏览和搜索功能
- 支持向后兼容已有的 emoji 图标数据
 2025-12-20 20:45:34 +08:00
gaoziman
66a58a2d3d feat(API): 添加文件上传接口 
- 实现 POST /api/files/upload 端点
- 支持图片、PDF、Word、Excel、文本、代码等格式
- 限制最大文件大小为 20MB
- 自动创建 public/uploads 目录存储上传文件
- 使用 nanoid 生成唯一文件名
- 返回文件信息包含 URL、大小、类型等
- 提供 GET 端点获取上传配置
 2025-12-20 12:15:49 +08:00
gaoziman
cb86380e7f feat(页面): 聊天页面集成文件上传功能和动画样式 
聊天页面更新：
- handleSend 方法扩展支持文件参数
- 将上传的文件转换为 sendMessage 所需格式
- 从数据库加载历史消息的上传图片和文档
- MessageBubble 组件传递 uploadedImages 和 uploadedDocuments

全局样式更新：
- 添加 fadeInFast 和 fadeOutFast 淡入淡出动画
- 添加 scaleInFast 缩放动画
- 用于模态框和灯箱的平滑过渡效果
 2025-12-20 12:15:03 +08:00
gaoziman
4cb3f162e3 feat(组件): 聊天输入框和消息气泡支持文件上传 
ChatInput 组件：
- 集成 useFileUpload Hook 实现文件管理
- 支持拖拽文件到输入框上传
- 支持 Ctrl+V 粘贴图片
- 添加文件选择按钮和隐藏的 file input
- 拖拽时显示覆盖层提示
- 输入框上方显示已选文件预览

MessageBubble 组件：
- 显示用户上传的图片缩略图
- 点击图片打开 Lightbox 大图预览
- 显示用户上传的文档卡片
- 点击文档打开预览弹窗
- 代码执行图片也支持点击放大
 2025-12-20 12:14:41 +08:00
gaoziman
00b8589e03 feat(API): 扩展聊天接口支持多模态消息 
请求参数扩展：
- 新增 displayMessage 字段用于数据库存储原始用户输入
- 新增 images 字段支持用户上传的图片（Base64格式）
- 新增 uploadedImages 和 uploadedDocuments 用于持久化

多模态消息处理：
- Claude API 支持 image 类型内容块
- Codex API 支持 input_image 格式
- 用户消息保存时存储上传的图片和文档

系统提示词增强：
- 添加文档深度分析规范
- 定义七步文档分析框架
- 包含批判性评价和实践价值分析指导
 2025-12-20 12:14:18 +08:00
gaoziman
acf17557c2 feat(Hooks): 添加文件上传Hook和扩展流式聊天支持 
useFileUpload Hook：
- 实现文件添加、删除、清空功能
- 支持拖拽上传和粘贴上传
- 文件类型验证和大小限制
- 管理上传进度状态

useStreamChat Hook 扩展：
- 新增 UploadedFile 和 UploadedDocument 接口
- 支持图片文件转换为 Base64 格式
- 识别并读取文本类文件内容
- 扩展 sendMessage 参数支持文件数组
- 将文档内容附加到消息中发送给 AI
 2025-12-20 12:13:56 +08:00
gaoziman
d98e540037 feat(组件): 添加文件预览列表组件 
- 实现 FilePreviewItem 展示单个文件信息
- 根据文件类型显示对应图标和颜色
- 图片文件显示缩略图预览
- 显示文件名、大小和上传状态
- 支持上传进度条展示
- 提供悬浮删除按钮
 2025-12-20 12:13:35 +08:00
gaoziman
cb01e2dffb feat(UI): 添加模态框、图片灯箱和文档预览组件 
Modal 组件：
- 支持 ESC 键关闭和点击遮罩关闭
- 可配置关闭按钮显示、最大宽度、全屏模式
- 添加淡入和缩放动画效果

ImageLightbox 组件：
- 支持多图片浏览和左右键导航
- 实现缩放、下载功能
- 支持触摸手势滑动切换
- 底部指示点和图片计数显示

DocumentPreview 组件：
- 支持代码文件语法高亮显示
- Markdown 文件渲染预览
- 提供复制和下载功能
 2025-12-20 12:13:15 +08:00
gaoziman
e99c72f02a feat(类型): 添加文件上传类型定义 
- 定义 FileType 类型支持多种文件格式（图片、PDF、文档、代码等）
- 实现 UploadFile 接口包含完整的文件上传状态管理
- 添加 FileUploadConfig 配置接口和默认配置
- 提供 MIME 类型与文件类型映射
- 实现文件大小格式化和验证工具函数
 2025-12-20 12:12:54 +08:00
gaoziman
799fb3ab58 feat(数据库): 扩展消息表支持用户上传的图片和文档 
- 新增 uploadedImages 字段存储用户上传的图片（Base64编码数组）
- 新增 uploadedDocuments 字段存储用户上传的文档数据
- 定义 UploadedDocumentData 接口，包含文档名称、大小、类型和内容
 2025-12-20 12:12:33 +08:00
gaoziman
e2679208aa style(渲染): 优化Markdown渲染和数据格式 
- 行内代码简化样式，仅使用等宽字体
- 列表项标记颜色调整为品牌色
- Mock数据更新适配新的模型格式
- 首页模型格式转换逻辑更新
 2025-12-20 01:05:25 +08:00
gaoziman
2a4ede5726 feat(页面): 聊天页面标题增强功能 
- 标题区域新增下拉菜单，支持重命名和删除对话
- 添加内联标题编辑模式
- 优化模型格式转换，区分 name 和 displayName
- 完善键盘快捷键支持（Enter 确认、Escape 取消）
 2025-12-20 01:05:11 +08:00
gaoziman
3112bc1f42 feat(组件): 优化侧边栏和消息交互 
- 侧边栏新增对话重命名功能
- 优化下拉菜单交互，添加点击外部关闭
- 用户消息气泡新增悬停复制按钮
- 调整菜单文案为英文保持统一
 2025-12-20 01:04:56 +08:00
gaoziman
844df69b7c feat(组件): 模型选择器支持多模型类型 
- ModelSelector 组件支持可选的 selectedModel
- ModelCardSelector 新增 Claude 和 Codex 模型分组展示
- 添加模型类型切换提示，提醒用户不同模型的功能差异
- 优化模型选择交互体验
 2025-12-20 01:04:42 +08:00
gaoziman
da19858c2d refactor(API): 重构聊天接口支持多模型类型 
- 拆分 Claude 和 Codex 模型的处理逻辑为独立函数
- 新增 handleClaudeChat 函数处理 Claude 系列模型
- 新增 handleCodexChat 函数处理 Codex 系列模型（OpenAI Response API 格式）
- 添加 isCodexModel 工具函数用于模型类型判断
- 优化代码结构，提高可维护性
 2025-12-20 01:04:28 +08:00
gaoziman
55dcb618af feat(类型): 更新模型类型定义 
- Model 接口新增 displayName 字段
- 添加 modelType 类型（claude | codex）用于区分模型类型
 2025-12-20 01:04:14 +08:00
gaoziman
c978504f4a feat(数据库): 添加多模型类型支持 
- 在 models 表中新增 modelType 字段，支持区分 claude 和 codex 类型
- 添加 Codex 系列模型数据（gpt-5.1-codex, gpt-5.1-codex-max, gpt-5.2-codex）
- 更新 Claude 模型的 displayName 命名
- 新增数据库迁移文件
 2025-12-20 01:04:02 +08:00
gaoziman
54578ddd2d chore: 更新Mock数据和工具服务 
- 更新 mock 数据配置
- 优化 webFetch 工具服务
 2025-12-19 22:37:42 +08:00
gaoziman
1ea5a8c916 chore(依赖): 添加用户认证相关依赖 
- 添加 jose 用于 JWT Token 处理
- 添加 nodemailer 用于发送邮件
- 添加 bcryptjs 用于密码加密
 2025-12-19 22:37:30 +08:00
gaoziman
ac5f555163 refactor(UI): 整合认证功能并优化界面 
- 布局集成 AuthProvider 和 Toaster 组件
- 更新应用标题为 LionCode
- 侧边栏集成用户信息展示
- 设置页面支持已登录用户
- 用户菜单添加登出功能
- 优化全局样式
 2025-12-19 22:37:19 +08:00
gaoziman
a7e846d733 feat(API): 对话接口添加用户数据隔离 
- 获取对话列表时按用户过滤
- 创建对话时关联当前用户
- 删除对话时验证所有权
- 所有对话操作需要登录认证
 2025-12-19 22:36:56 +08:00
gaoziman
bfbeef726d feat(组件): 添加通用UI组件 
- 添加 BrandIcon 品牌图标组件
- 添加 ThemeToggle 主题切换组件
- 添加 Toast 消息提示组件
 2025-12-19 22:36:42 +08:00
gaoziman
abcea67980 feat(页面): 实现认证相关页面UI 
- 实现登录页面，支持邮箱验证码登录
- 实现注册页面，支持邮箱验证注册
- 实现重置密码页面
- 统一认证页面布局和样式
 2025-12-19 22:36:32 +08:00
gaoziman
b0b912274f feat(认证): 添加认证状态管理和路由保护 
- 实现 AuthProvider 管理全局认证状态
- 实现 middleware 路由保护中间件
- 支持受保护路由自动重定向到登录页
- 支持已登录用户自动跳转首页
 2025-12-19 22:36:21 +08:00
gaoziman
733c93a91c feat(认证): 实现用户认证API和工具库 
- 实现 JWT Token 生成和验证
- 实现登录、注册、登出、重置密码 API
- 实现邮箱验证码发送功能（配置从环境变量读取）
- 实现密码加密和验证工具
- 支持获取当前用户信息
 2025-12-19 22:36:08 +08:00
gaoziman
629ff540fc feat(数据库): 添加用户认证相关数据表 
- 新增 users 用户表，支持邮箱注册和登录
- 新增 verification_codes 验证码表，支持多种验证场景
- 为 user_settings 表添加 userId 关联字段
- 为 conversations 表添加 userId 关联字段
- 定义表关系实现用户数据隔离
- 更新数据库迁移文件
 2025-12-19 22:35:54 +08:00
gaoziman
7d8a6a6939 feat(前端): 流式聊天支持 Pyodide 图形渲染 
useStreamChat.ts:
- 处理 pyodide_execution_required 事件触发浏览器端执行
- 处理 tool_execution_result 事件接收服务端执行结果
- 添加 Pyodide 加载状态管理和进度显示
- 实现图片数据保存到数据库
- ChatMessage 类型增加 images 和 pyodideStatus 属性

page.tsx:
- 从数据库加载历史消息的图片数据
- 传递 images 和 pyodideStatus 到 MessageBubble 组件
 2025-12-19 20:21:00 +08:00
gaoziman
e5c5593686 feat(组件): 消息气泡支持图形展示 
MessageBubble.tsx:
- 集成 CodeExecutionResult 组件显示代码执行图片
- 添加 Pyodide 加载状态显示
- 支持 images 和 pyodideStatus 属性
- 新增 ToolResultDisplay 子组件处理工具结果

MarkdownRenderer.tsx:
- 修复图片组件属性传递问题
- 改用 spread 操作符传递所有 img 属性
 2025-12-19 20:20:33 +08:00
gaoziman
58d288637a feat(组件): 添加代码执行结果展示组件 
- 新增 CodeExecutionResult 组件展示代码执行输出和图形
- 支持 Base64 图片渲染和点击放大查看
- 显示执行引擎（Pyodide/Piston）和执行时间
- 新增 PyodideLoading 组件显示 Python 环境加载进度
- 支持暗色主题
 2025-12-19 20:20:11 +08:00
gaoziman
5fe0552338 feat(API): 聊天接口支持 Pyodide 图形代码执行 
- 添加图表绘制规范到系统提示词
- 支持发送 pyodide_execution_required 事件通知前端
- 工具执行结果增加图片数据传递
- 优化图表绘制指导（单次绘图、子图展示、中文支持）
 2025-12-19 20:19:51 +08:00
gaoziman
5cc4fbb7a0 feat(API): 添加消息更新接口 
- 新增 PATCH /api/messages/[messageId] 用于更新消息
- 支持更新消息的图片数据（用于保存 Pyodide 执行结果）
- 支持追加模式更新图片数组
- 新增 GET /api/messages/[messageId] 获取单个消息
 2025-12-19 20:19:26 +08:00
gaoziman
68ba9b3204 feat(工具): 实现混合代码执行架构 
codeExecution.ts:
- 实现 Pyodide + Piston 混合执行架构
- Python 图形代码使用 Pyodide 在浏览器端执行
- 其他代码使用 Piston API 在服务端执行
- 响应增加 images、engine、executionTime 字段

executor.ts:
- 集成代码分析工具判断执行方式
- 支持返回 requiresPyodide 标记浏览器端执行需求
- 传递图片数据到执行结果
 2025-12-19 20:18:58 +08:00
gaoziman
ef45e14534 feat(工具): 添加 Pyodide 浏览器端 Python 运行时 
- 实现基于 WebAssembly 的 Python 运行环境
- 支持 matplotlib 图形渲染并输出为 Base64 图片
- 实现中文字体加载（Noto Sans SC）
- 预注册 seaborn-whitegrid 等多种图表样式
- 单例模式管理 Pyodide 实例，优化加载性能
 2025-12-19 20:18:34 +08:00
gaoziman
ba4e00a341 feat(工具): 添加代码分析工具模块 
- 新增 codeAnalyzer.ts 用于分析代码特征
- 实现 detectGraphicsCode 检测图形绘制代码
- 实现 shouldUsePyodide 判断是否使用浏览器端执行
- 支持 matplotlib、seaborn、plotly 等可视化库检测
 2025-12-19 20:18:11 +08:00
gaoziman
bfcaf5a53a feat(类型): 添加工具调用相关类型定义 
- 添加 ToolCall 接口定义工具调用记录
- 添加 ToolResult 接口定义工具执行结果
- 支持图片数据、执行引擎和执行时间属性
 2025-12-19 20:17:50 +08:00
gaoziman
c59dee8db9 feat(数据库): 为消息表添加 images 字段支持 
- 在 messages 表添加 images jsonb 字段用于存储代码执行产生的图片
- 新增迁移文件 0003_melted_shockwave.sql
- 更新迁移元数据和快照
 2025-12-19 20:17:28 +08:00