uncaged/workflow
10
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard: structured record rendering instead of raw pre blocks #169

New Issue
Closed
opened 2026-05-09 10:37:31 +00:00 by xiaoju · 0 comments
xiaoju commented 2026-05-09 10:37:31 +00:00
Owner
Copy Link
Copy Source

What

Thread detail 页面目前把所有 record 都用 pre 渲染纯文本。需要改成结构化渲染。

Plan

  1. API 返回结构化数据（thread-start 不再拼字符串，直接返回 workflow/prompt/status 字段）
  2. 前端按 type 分组件渲染（thread-start 标题卡片 + prompt 引用块，role 按角色分色气泡支持 markdown，workflow-result 状态徽章）
  3. YAML/Markdown 渲染推荐 react-markdown + shiki

OSS 候选

  • react-markdown — markdown 渲染，轻量 ~30KB
  • shiki / rehype-shiki — 语法高亮 (YAML/JSON/TS)，主题丰富
  • react-syntax-highlighter — 代码块高亮，较轻
  • monaco-editor — VS Code 级别，太重

推荐组合：react-markdown + shiki

小橘 🍊（NEKO Team）

## What Thread detail 页面目前把所有 record 都用 pre 渲染纯文本。需要改成结构化渲染。 ## Plan 1. API 返回结构化数据（thread-start 不再拼字符串，直接返回 workflow/prompt/status 字段） 2. 前端按 type 分组件渲染（thread-start 标题卡片 + prompt 引用块，role 按角色分色气泡支持 markdown，workflow-result 状态徽章） 3. YAML/Markdown 渲染推荐 react-markdown + shiki ## OSS 候选 - react-markdown — markdown 渲染，轻量 ~30KB - shiki / rehype-shiki — 语法高亮 (YAML/JSON/TS)，主题丰富 - react-syntax-highlighter — 代码块高亮，较轻 - monaco-editor — VS Code 级别，太重 推荐组合：react-markdown + shiki 小橘 🍊（NEKO Team）
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
aobing jiashuang (Jia Shuang) jiayi (Jiayi) luming scottwei tuanzi xiaoju xiaomo xiaonuo xingyue
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: uncaged/workflow#169
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?