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

32 Commits

Author SHA1 Message Date
gaoziman
470e34e7a8 refactor(代码块): 使用 CSS 变量重构代码块组件样式 
- 使用 CSS 变量替代硬编码颜色值
- 添加 Mac 风格红黄绿交通灯按钮装饰
- 优化工具栏布局和间距
- 支持亮色/暗色主题自动切换
- 改进行号显示样式
 2025-12-21 01:56:41 +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
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
bcb2141915 feat(图标系统): 添加图标选择器和渲染器组件 
- 新增 icons.ts 图标配置文件，定义图标分类和中文标签
- 新增 IconRenderer 组件，支持渲染 lucide 图标和 emoji
- 新增 IconPicker 组件，提供分类浏览和搜索功能
- 支持向后兼容已有的 emoji 图标数据
 2025-12-20 20:45:34 +08:00
gaoziman
4cb3f162e3 feat(组件): 聊天输入框和消息气泡支持文件上传 
ChatInput 组件：
- 集成 useFileUpload Hook 实现文件管理
- 支持拖拽文件到输入框上传
- 支持 Ctrl+V 粘贴图片
- 添加文件选择按钮和隐藏的 file input
- 拖拽时显示覆盖层提示
- 输入框上方显示已选文件预览

MessageBubble 组件：
- 显示用户上传的图片缩略图
- 点击图片打开 Lightbox 大图预览
- 显示用户上传的文档卡片
- 点击文档打开预览弹窗
- 代码执行图片也支持点击放大
 2025-12-20 12:14:41 +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
e2679208aa style(渲染): 优化Markdown渲染和数据格式 
- 行内代码简化样式，仅使用等宽字体
- 列表项标记颜色调整为品牌色
- Mock数据更新适配新的模型格式
- 首页模型格式转换逻辑更新
 2025-12-20 01:05:25 +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
ac5f555163 refactor(UI): 整合认证功能并优化界面 
- 布局集成 AuthProvider 和 Toaster 组件
- 更新应用标题为 LionCode
- 侧边栏集成用户信息展示
- 设置页面支持已登录用户
- 用户菜单添加登出功能
- 优化全局样式
 2025-12-19 22:37:19 +08:00
gaoziman
bfbeef726d feat(组件): 添加通用UI组件 
- 添加 BrandIcon 品牌图标组件
- 添加 ThemeToggle 主题切换组件
- 添加 Toast 消息提示组件
 2025-12-19 22:36:42 +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
aa469438c2 refactor(components): 全局组件适配暗色主题 
- 聊天页面 header 和输入区域背景色使用 CSS 变量
- ChatInput 输入框背景色适配
- ModelSelector/ToolsDropdown 下拉菜单背景色适配
- QuickActions 按钮背景色适配
- Sidebar 侧边栏及下拉菜单背景色适配
- UserMenu 悬停效果颜色适配
 2025-12-19 15:58:15 +08:00
gaoziman
749247affa feat(ui): 添加 ConfirmDialog 确认对话框组件 
- 支持默认和危险两种样式变体
- 支持 ESC 键关闭和点击外部关闭
- 支持 loading 状态和自定义按钮文案
- 支持自定义内容区域
 2025-12-19 15:57:31 +08:00
gaoziman
b400781b89 refactor(sidebar): 用户区域集成弹出菜单 
- 移除原有的用户信息链接样式
- 集成 UserMenu 组件替代原有设计
- 支持主题切换、设置导航、登出等功能
 2025-12-19 13:58:54 +08:00
gaoziman
5444e7a579 feat(providers): 添加全局设置提供者 
- 新增 SettingsProvider 组件用于管理全局设置状态
- 在 Layout 中集成 SettingsProvider
- 应用启动时自动加载字体大小和主题设置
 2025-12-19 13:57:22 +08:00
gaoziman
29b2d99a82 feat(ui): 新增设置相关 UI 组件 
- FontSizePicker: 字体大小选择器，支持实时预览
- ModelCardSelector: 模型卡片选择组件（Haiku/Sonnet/Opus）
- UserMenu: 用户菜单弹出组件，支持主题切换和设置导航
 2025-12-19 13:56:22 +08:00
gaoziman
3a244eb989 refactor(layout): 重构侧边栏支持实时会话管理 
- 集成 useConversations 和 useSettings hooks
- 实现新建会话功能并自动跳转
- 实现删除会话功能及确认交互
- 按时间分组显示会话列表（今天、昨天、更早）
- 添加加载状态和操作菜单
- 优化会话列表的交互体验
 2025-12-18 11:30:21 +08:00
gaoziman
a213cddf55 refactor(features): 优化聊天输入和消息气泡组件 
ChatInput:
- 修复中文输入法回车误发送问题
- 移除未使用的历史记录按钮

MessageBubble:
- 集成 MarkdownRenderer 实现富文本渲染
- 添加 AI 思考内容折叠展示
- 添加流式输出状态和错误提示
- 优化复制功能添加成功反馈
 2025-12-18 11:29:52 +08:00
gaoziman
227a96b232 feat(markdown): 添加 Markdown 渲染组件 
- 添加 MarkdownRenderer 组件支持 GFM 语法渲染
- 添加 CodeBlock 组件支持代码块语法高亮
- 集成 Prism.js 实现多语言语法高亮
- 支持代码复制功能
 2025-12-18 11:29:19 +08:00
gaoziman
e161da75c7 feat(ui): Toggle 组件添加 disabled 属性支持 
- 添加 disabled 属性用于禁用开关
- 禁用状态下显示半透明效果和禁止光标
 2025-12-18 11:28:55 +08:00
gaoziman
c2a48986b4 feat(features): 添加核心功能组件 
- ModelSelector: 模型选择下拉框组件
- ToolsDropdown: 工具管理下拉框组件
- MessageBubble: 聊天消息气泡组件
- QuickActions: 快捷操作按钮组件
- Welcome: 欢迎页问候组件
- ChatInput: 聊天输入框组件，集成模型选择和工具管理
 2025-12-17 22:54:26 +08:00
gaoziman
5347bc7c2f feat(layout): 添加应用布局组件 
- AppLayout: 主应用布局，包含侧边栏和主内容区
- Sidebar: 侧边栏组件，包含新建对话、聊天历史、用户信息
 2025-12-17 22:54:08 +08:00
gaoziman
ee9dc67708 feat(ui): 添加基础 UI 组件 
- Avatar: 用户头像组件，支持图片和文字头像
- Toggle: 开关切换组件，用于设置项
- AILogo: AI 助手 Logo 组件，品牌标识
 2025-12-17 22:53:52 +08:00