feat(dashboard): redesign workflow detail layout #257

Merged
xingyue merged 3 commits from feat/workflow-detail-layout into main 2026-05-14 12:58:05 +00:00
Owner

What

重新设计 Workflow 详情页布局,参考 Thread 详情页的形式。

Why

之前左右结构是左边放介绍、右边放图。现在改成左窄图、右详情,更一致也更实用。

Changes

  • 左侧:窄 sidebar 放流程图,所有节点点亮,可点击导航到对应角色卡片
  • 右侧上方:workflow 整体介绍(名称、描述、hash、版本数、角色数)
  • 右侧下方:每个角色的卡片,包含 description 和 meta schema 表格
  • Meta schema 表格展示 Field / Type / Description,可选字段标 ?
  • 点击图中节点高亮对应角色卡片(与 thread 详情页交互一致)
## What 重新设计 Workflow 详情页布局,参考 Thread 详情页的形式。 ## Why 之前左右结构是左边放介绍、右边放图。现在改成左窄图、右详情,更一致也更实用。 ## Changes - 左侧:窄 sidebar 放流程图,所有节点点亮,可点击导航到对应角色卡片 - 右侧上方:workflow 整体介绍(名称、描述、hash、版本数、角色数) - 右侧下方:每个角色的卡片,包含 description 和 meta schema 表格 - Meta schema 表格展示 Field / Type / Description,可选字段标 `?` - 点击图中节点高亮对应角色卡片(与 thread 详情页交互一致)
xingyue added 1 commit 2026-05-14 08:47:43 +00:00
Left sidebar: compact workflow graph with clickable nodes for navigation.
Right panel: workflow overview card + per-role cards with meta schema tables.

Clicking a node in the graph scrolls to the corresponding role card.
All nodes are lit in static view (workflow definition, not a thread).
xingyue added 1 commit 2026-05-14 08:53:51 +00:00
xingyue added 1 commit 2026-05-14 10:19:06 +00:00
- Nested object: expand properties with └─ indentation
- object[]: show type as 'object[]', expand items.properties
- string[]/number[]: show type directly, no expansion
- oneOf/discriminatedUnion: variant headers with ├/└ connectors
  - Auto-detect discriminator field (const values)
  - Skip discriminator in variant field list
- Recursive to arbitrary depth

Phase 1+2 of #258
xingyue merged commit 510b49287a into main 2026-05-14 12:58:05 +00:00
This repo is archived. You cannot comment on pull requests.
No Reviewers
No Label
1 Participants
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: uncaged/workflow#257