Skip to content

feat(ui): implement approved ModelPing workbench redesign - #11

Merged
vdeng-ai merged 4 commits into
mainfrom
codex/modelping-workbench-ui
Oct 5, 2026
Merged

vdeng-ai merged 4 commits into
mainfrom
codex/modelping-workbench-ui

Conversation

@vdeng-ai

@vdeng-ai vdeng-ai commented Oct 5, 2026 •

Copy link
Copy Markdown
Owner

按已确认的双栏视觉稿完成模型测试、会话历史、端点状态和供应商配置四页。桌面保留连接/参数左栏与测试右栏,手机使用折叠设置、指标卡片、固定测试/保存操作和底部导航。修复时间戳重叠、菜单过宽、固定栏遮挡与旧样式堆叠;将模型分组绑定到供应商配置,并实现自定义模型添加。保留协议检测、持久化和服务端安全逻辑,无新增运行依赖。

视觉核对使用六张已确认的桌面/手机稿与八张最新浏览器截图,通过 view_image 逐页检查。桌面应用视口 1488×1056(浏览器截图以 0.85 比例显示),手机 393×852;手机内容宽度与滚动宽度均为 378px,无横向溢出。

核对项 原稿证据 实现与修复
布局/间距 双栏测试与历史稿的 360px 左栏、两块设置区 连接与参数块分别约 518px/406px,校准间距和工具栏密度
排版 表单、表格、协议标签、三级指标 中文标题/控件统一层级,模型 ID/耗时用等宽字体,修复手机时间戳遮挡
色彩/容器 冷色背景、白表面、紫色选择/按钮、粉色错误区 统一共享样式及选中/错误状态,移动历史展开成功项保持白色
图标 选中立方体、实心勾/告警/减号、菜单与复制 增加统一 CubeMark/StatusMark,校准图标大小与描边/填充
响应式 手机折叠设置、底部导航、固定操作栏、供应商更多菜单 清理旧样式冲突,限制菜单宽度,校准固定栏和弹窗层级
文案/数据 四页标题、字段、按钮、错误提示 首屏文案逐项核对;示例日期/数量/模型排序/耗时由真实状态绑定,不提交“示例数据”标注

保留的差异:沿用仓库已有品牌图标与系统主题选项;实际供应商/模型/协议/记录数量和错误信息来自数据;高级字段保留可编辑能力。测试输入与 User-Agent 默认值沿用产品行为。临时夹具不进入生产源码,移除了先前过期的 QA 文档/证据。

验证:npm run verify 通过(类型检查、ESLint、28 个测试文件/169 项测试、客户端和服务端生产构建),git diff --check 通过。浏览器实际操作验证批量测试、401 详情、历史搜索/筛选/响应展开/日志复制、自定义模型添加/移除、端点刷新/取消与预算、供应商修改/撤销/保存/离开保护、菜单 Escape 和主题切换。最终截图使用隔离夹具;尚未使用真实 API Key 进行提供商联调。

文档:英文与中文 README 均已更新英文测试工作台主截图,并加入历史诊断、状态监控、供应商配置和手机端截图画廊。截图使用隔离示例端点与模拟响应,不包含真实 API Key。已验证全部 10 处图片引用和 5 个 PNG 文件,git diff --check 通过;本次文档更新未修改应用源码。

@vdeng-ai
vdeng-ai marked this pull request as ready for review October 5, 2026 14:34
@vdeng-ai
vdeng-ai merged commit cdba748 into main Oct 5, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant