Skip to content

feat: modernize admin components and add channel remarks - #645

Merged
zijiren233 merged 14 commits into
labring:mainfrom
zijiren233:feat/channel-remark-modern-ui
Sep 6, 2026
Merged

feat: modernize admin components and add channel remarks#645
zijiren233 merged 14 commits into
labring:mainfrom
zijiren233:feat/channel-remark-modern-ui

Conversation

@zijiren233

@zijiren233 zijiren233 commented Sep 5, 2026

Copy link
Copy Markdown
Member

变更内容

统一管理端各页面的组件视觉和交互,改善数据密集页面的可读性、移动端使用和首屏加载,并补齐渠道元数据及更新语义。

  • 重构共享表格、输入框、选择器、分页、状态标签、弹窗、标签页、导航和登录页。表格支持列显隐、紧凑行距和键盘打开行,数据直接展示,后台刷新保留已有行。
  • 覆盖渠道、模型、组别、API Keys、日志、仪表盘、消耗排行和 MCP。整理表单分区、数值输入、价格摘要与操作区,压缩日志顶部,将日志详情拆为基本信息、计费条件和请求响应。
  • 组别模型配置从 17 列整理为 7 列摘要,完整覆盖值可展开查看,明确区分继承、零值和 false。修复模型搜索选择器的键盘交互。
  • 修复窄屏长内容撑开弹窗、标签被裁切、图表图例与时间轴重叠、深色 JSON 对比度和小额消费显示为零等问题。
  • MCP 配置按需展开,README 使用 Markdown;编辑和重置回填已保存配置,保留空字符串和额外字段;目录详情入口与复制按钮独立。
  • 渠道备注贯通搜索、API、导入导出和前端展示;现有搜索框支持备注内容。列表和搜索接口支持独立的 backup_only 筛选:省略返回全部,true 仅备用,false 仅常规渠道;关键词不解释备用布尔状态。增加 (backup_only, deleted_at, id) 复合索引,保留用于备注精确筛选的索引;remark= 可筛选空备注及旧记录的 NULL 备注。
  • 渠道复制保留名称、备注及配置;渠道 README 使用 Markdown + GFM。批量渠道信息查询包含软删除记录,保留历史日志、排行及渠道引用的名称和备注。
  • API 和模型层使用指针字段设计渠道可选更新:省略或 null 保留原值,显式空字符串、false、0、空数组和空对象按校验规则写入。数据库只更新请求提供的字段,避免旧快照覆盖其他字段的新值;同步修正 Swagger 更新请求类型和参数说明。
  • 渠道名称统一显示当前禁用状态,可与仅备用并存;批量元数据接口返回状态,启停后同步刷新名称引用及模型路由。手机筛选器保留名称、状态和 ID,详情标签支持换行,模型渠道列表移除重复的备用标记。
  • 渠道列表、模型渠道引用及编辑/复制表单统一按后端规则展示默认值:优先级为 0 或缺失时显示 10,空分组显示 default;清空优先级后恢复默认值,分组选择器提供 default 选项,并修正优先级范围提示。
  • 升级 React 19、Vite 8、Tailwind 4 等依赖,按需加载图表和 Bash/JSON 语法高亮,修正分包匹配。当前最大 JS 分包约 479 KB;模型页面相关分包由约 677 KB 降至 108 KB。

验证

  • 前端 TypeScript、生产构建、34 个测试通过;ESLint 0 errors,保留 23 个既有 hooks/fast-refresh warnings。
  • 后端全量 go test -timeout 60s -count=1 ./...golangci-lint run ./... 通过。SQLite 和 PostgreSQL 实际测试覆盖备注搜索、独立备用筛选、组合条件、分页、软删除、索引顺序、可选字段及旧快照更新。重试候选测试按无序集合断言,避免依赖 map 遍历顺序,连续运行 100 次通过。
  • API 联调验证备用 true/false 筛选、备注组合搜索、显式清空、null 保持原值和非法布尔参数返回 400;在 Edge 原生 browser use 中通过现有搜索框实际验证备注匹配,测试渠道已清理。
  • 在 Edge 原生 browser use 中验证零优先级/空分组的默认展示、编辑和复制回填、清空后的默认值恢复,以及自定义优先级和分组的实际保存;完成页面截图检查,临时渠道已清理。
  • 前后端联调,使用 Codex 原生 browser use 在 Edge 和 Chrome 中实际打开和操作页面,包含桌面、390×844 CSS 像素手机视口、明暗主题和中英文切换。
  • 实际验证表格密度/列显隐、表单必填校验、日期选择、模型搜索的键盘选择/清空、组别零值/false 覆盖、密钥创建、渠道备注搜索及复制、删除渠道后的历史日志和排行。
  • 在 Edge 和 Chrome 中验证渠道名称禁用标记、与备用状态并存、从日志详情启停后即时刷新、手机筛选器和明暗主题。软删除后历史日志仍显示名称及保存的状态;补充元数据持久化和共享名称组件状态测试。
  • 实际创建、编辑重置和删除临时 MCP,检查 Markdown 详情与移动端弹窗;检查模型 API 文档高亮、日志请求响应、仪表盘趋势切换和图表绘制。
  • Chrome 额外验证生产构建登录、全部管理路由和懒加载日志详情,控制台无错误或警告。测试资源及临时服务已清理。

浏览器联调使用本地模拟上游产生真实代理请求和统计数据;未对外部模型供应商及所有第三方 MCP 集成逐一发起请求。图表已做实际截图及尺寸检查,未执行画布像素级断言。

@zijiren233 zijiren233 changed the title feat: add channel remarks and modernize admin UI feat: modernize admin components and add channel remarks Sep 6, 2026
@zijiren233
zijiren233 merged commit e380407 into labring:main Sep 6, 2026
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant