Skip to content

feat(ui): 落实冰蓝白工作区与用例、编排、报告联动 #125

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
a3384379 merged 11 commits into from
Oct 2, 2026
Merged

feat(ui): 落实冰蓝白工作区与用例、编排、报告联动 #125

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
f1c54f6
feat(ui): implement ice-light workspaces and asset execution links
a3384379 Oct 2, 2026
4182791
Merge remote-tracking branch 'origin/main' into codex/ui-v5-ice-light
a3384379 Oct 2, 2026
1259622
fix(deps): resolve urllib3 and Axios security gate failures
a3384379 Oct 2, 2026
cf77a3f
fix(images): refresh patched Debian runtime libraries
a3384379 Oct 2, 2026
676c65a
fix(ui): restore mobile search and align workspace acceptance
a3384379 Oct 2, 2026
c4cc44c
fix(ci): patch frontend PCRE2 and await workflow drawer focus
a3384379 Oct 2, 2026
eaba4f9
test(ui): isolate catalog checks and stabilize review dialogs
a3384379 Oct 2, 2026
ce23a9b
fix(images): require patched libraries in cached environment daemon
a3384379 Oct 2, 2026
3969269
test(assets): verify visible rows without costly button style queries
a3384379 Oct 2, 2026
0d6d228
Merge remote-tracking branch 'origin/main' into codex/ui-v5-ice-light
a3384379 Oct 2, 2026
4dcd237
test(ui): stabilize protocol import selection and record merge valida…
a3384379 Oct 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 9 additions & 8 deletions docs/design/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
# UI 设计基线

当前 UI 方向：浅色、高信息密度的企业开发工具风格，参考 Linear、Postman、n8n 与 GitHub Actions。
当前基线为 v5 冰蓝白：浅色导航、工作区、画布、代码区和弹层，系统深色模式下也使用同一套浅色语义色。

- V3 主色：`#5b5cf0`；深色导航：`#101936`；成功、失败、运行、跳过使用统一语义色。
- 侧栏约 220～240px，节点属性面板约 340～400px。
- API 路径、变量、代码和 JSON 使用等宽字体。
- Workflow 页面采用左节点库、中画布、右属性、底日志、顶操作栏布局。
- V3 HTML 设计源与 2560×1440 视觉基准位于
[`FlowTest_V3_UI_CN_HD`](../../FlowTest_V3_UI_CN_HD/README.md)，并补充 1440×900 桌面验收；
不承诺移动端布局。
- 主操作色 `#1765E8`，工作区 `#F3F8FF`，画布 `#F7FBFF`。源码颜色入口为 `frontend/src/theme/ice-theme.ts`。
- 常用任务栏 68px；26 个模块保留在可搜索的模块目录。流程检查器默认 320px，小视口使用抽屉。
- 流程编排保留真实节点和端口、内联控制区域、应用/保存/发布/执行的生命周期；接口管理采用目录、请求、响应工作区。
- 报告详情采用执行轨迹与证据工作区，可按执行、节点、请求尝试次数定位历史画布，并从画布返回完整报告。流程设置、来源定位与检查器配置/输入输出/校验均连接已有定义和处理器。
- 1440×900、1280×800、1600×1000 是桌面核对视口；390px 报告采用单列证据和表格内部滚动。
- 当前实现、验证范围及必要视觉差异见 [实施记录](ui-v5/implementation.md)、[视觉差异](ui-v5/visual-deviations.md) 和 [80 项验收矩阵](ui-v5/acceptance.csv)。

历史 V3 设计源保留在 [`FlowTest_V3_UI_CN_HD`](../../FlowTest_V3_UI_CN_HD/README.md)。其中紫色主色、深色导航和旧面板尺寸已由 v5 替代。
81 changes: 81 additions & 0 deletions docs/design/ui-v5/acceptance.csv
View file
Open in desktop

Large diffs are not rendered by default.

133 changes: 133 additions & 0 deletions docs/design/ui-v5/changed-files.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
docs/design/README.md
docs/design/ui-v5/acceptance.csv
docs/design/ui-v5/changed-files.txt
docs/design/ui-v5/implementation.md
docs/design/ui-v5/modules.csv
docs/design/ui-v5/nodes.csv
docs/design/ui-v5/source-inventory.csv
docs/design/ui-v5/visual-deviations.md
frontend/e2e/grouped-navigation.spec.ts
frontend/e2e/s15-test-assets.spec.ts
frontend/e2e/s16-advanced-workflow.spec.ts
frontend/e2e/s21-ai-review.spec.ts
frontend/e2e/s23-multi-protocol.spec.ts
frontend/e2e/s30-failure-intelligence.spec.ts
frontend/e2e/s31-release-gate.spec.ts
frontend/e2e/s58-failure-repair.spec.ts
frontend/e2e/support/auth.ts
frontend/e2e/support/navigation.ts
frontend/e2e/support/workflow-editor.ts
frontend/e2e/v1-acceptance.spec.ts
frontend/e2e/workflow-editor-audit.spec.ts
frontend/e2e/workflow-editor-interactions.spec.ts
frontend/e2e/workflow-editor-layout.spec.ts
frontend/e2e/workflow-editor-visual.spec.ts
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-01-default-edit-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-02-add-node-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-03-node-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-04-edge-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-05-inspector-resized-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-06-fullscreen-config-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-07-focus-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-08-run-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1280x800-09-history-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-01-default-edit-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-02-add-node-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-03-node-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-04-edge-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-05-inspector-resized-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-06-fullscreen-config-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-07-focus-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-08-run-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1440x900-09-history-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-01-default-edit-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-02-add-node-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-03-node-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-04-edge-selected-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-05-inspector-resized-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-06-fullscreen-config-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-07-focus-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-08-run-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/1920x1080-09-history-mode-chromium-linux.png
frontend/e2e/workflow-editor-visual.spec.ts-snapshots/README.md
frontend/src/App.test.tsx
frontend/src/App.tsx
frontend/src/features/api-console/APIWorkbench.tsx
frontend/src/features/api-console/ExecutionResultPanel.test.tsx
frontend/src/features/api-console/ExecutionResultPanel.tsx
frontend/src/features/api-console/use-api-console.ts
frontend/src/features/dashboard/DashboardTrendChart.tsx
frontend/src/features/evidence/AssertionEvidence.test.tsx
frontend/src/features/evidence/AssertionEvidence.tsx
frontend/src/features/evidence/assertion-model.ts
frontend/src/features/navigation/ShellSidebar.test.tsx
frontend/src/features/navigation/ShellSidebar.tsx
frontend/src/features/navigation/use-navigation-state.ts
frontend/src/features/reports/ReportExecutionWorkspace.tsx
frontend/src/features/reports/ReportTrendChart.tsx
frontend/src/features/reports/report-service.ts
frontend/src/features/reports/use-reports.ts
frontend/src/features/task-plans/task-plan-service.ts
frontend/src/features/test-assets/AssetDetailDrawer.tsx
frontend/src/features/test-assets/AssetPlanDialog.test.tsx
frontend/src/features/test-assets/AssetPlanDialog.tsx
frontend/src/features/test-assets/AssetRunEvidence.tsx
frontend/src/features/test-assets/AssetTableContext.tsx
frontend/src/features/test-assets/asset-run-view-model.test.ts
frontend/src/features/test-assets/asset-run-view-model.ts
frontend/src/features/test-assets/asset-workspace-service.test.ts
frontend/src/features/test-assets/asset-workspace-service.ts
frontend/src/features/test-assets/test-asset-service.ts
frontend/src/features/test-assets/test-asset-view-model.ts
frontend/src/features/test-assets/use-asset-history.ts
frontend/src/features/test-assets/use-test-assets.test.tsx
frontend/src/features/test-assets/use-test-assets.ts
frontend/src/features/workflows/FlowProposalReviewDialog.test.tsx
frontend/src/features/workflows/execution-navigation.test.ts
frontend/src/features/workflows/execution-navigation.ts
frontend/src/features/workflows/use-workflow-tabs.ts
frontend/src/features/workflows/use-workflows.ts
frontend/src/flow/WorkflowDesigner.test.tsx
frontend/src/flow/WorkflowDesigner.tsx
frontend/src/flow/WorkflowInspectorShell.tsx
frontend/src/flow/WorkflowNodeInspector.test.tsx
frontend/src/flow/WorkflowNodeInspector.tsx
frontend/src/flow/WorkflowNodeLibrary.tsx
frontend/src/flow/WorkflowNodeRelations.test.tsx
frontend/src/flow/WorkflowNodeRelations.tsx
frontend/src/flow/WorkflowRegionCanvas.tsx
frontend/src/flow/WorkflowRunInspector.test.tsx
frontend/src/flow/WorkflowRunInspector.tsx
frontend/src/flow/WorkflowRunTrajectory.tsx
frontend/src/flow/WorkflowRuntimeDock.tsx
frontend/src/flow/WorkflowSettingsEditor.test.tsx
frontend/src/flow/WorkflowSettingsEditor.tsx
frontend/src/flow/WorkflowViewport.test.ts
frontend/src/flow/WorkflowWorkspaceShell.test.tsx
frontend/src/flow/WorkflowWorkspaceShell.tsx
frontend/src/flow/editor/layout-preferences.test.ts
frontend/src/flow/editor/layout-preferences.ts
frontend/src/flow/editor/node-presentation.test.ts
frontend/src/flow/editor/node-presentation.ts
frontend/src/flow/editor/use-node-selection-guard.tsx
frontend/src/flow/workflow-editor.css
frontend/src/main.tsx
frontend/src/pages/ApiConsolePage.test.tsx
frontend/src/pages/ApiConsolePage.tsx
frontend/src/pages/DashboardPage.test.tsx
frontend/src/pages/DashboardPage.tsx
frontend/src/pages/ReleaseGatePage.test.tsx
frontend/src/pages/ReleaseGatePage.tsx
frontend/src/pages/ReportsPage.test.tsx
frontend/src/pages/ReportsPage.tsx
frontend/src/pages/TestAssetsPage.test.tsx
frontend/src/pages/TestAssetsPage.tsx
frontend/src/pages/TestAssetsWorkspace.test.tsx
frontend/src/pages/WorkflowsPage.test.tsx
frontend/src/pages/WorkflowsPage.tsx
frontend/src/styles.css
frontend/src/theme/AppearanceSettings.test.tsx
frontend/src/theme/AppearanceSettings.tsx
frontend/src/theme/IceThemeProvider.tsx
frontend/src/theme/ice-theme.ts
frontend/src/theme/use-reduced-motion.ts
Loading
Loading