UI Design System
build dev

AgentStatus

表示智能体的运行和等待状态。中文惯用名:智能体状态。
稳定本期新增已接入

元信息

字段值
规范 IDcomponent.agent-status
名称AgentStatus
二级分类AI 与会话(ai-chat)
用途表示智能体的运行和等待状态
描述中文惯用名:智能体状态。

预览

静态结构:flex 行 = 状态图标(running → loader-circle 旋转 text-info;waiting → clock text-warning;done → circle-check text-success;error → circle-x text-destructive)+ 文本 + 可选「已用时 Xs」。

DSL 结构

DslNode
{
  "type": "AgentStatus",
  "props": {
    "status": "running",
    "text": "正在执行数据分析",
    "elapsed": 12
  }
}

何时用

何时使用

  • 表示智能体的运行和等待状态:执行过程行(含耗时)。

何时不用

  • 业务状态(审核 / 发布):使用通用分类 Status。

变体

变体视觉形态适用场景
running旋转图标执行中
waiting时钟图标排队 / 等待输入
done / error对勾 / 叉完成 / 失败

API 属性

属性类型默认值说明
status`'running''waiting''done'
textstring—状态文本
elapsednumber—耗时(秒)
className / stylestring / CSSProperties—通用:根节点 class 合并 / 内联样式

使用规范

  • running 必须有终态流转(done / error),不长期悬挂。

正例

  • ✓ 任务面板:AgentStatus 实时展示「检索文档 · 已用时 3s」。

反例

  • ✕ 用 AgentStatus 表达订单状态(应使用 Status)。

Design Token 映射

不适用:组件 tokenRefs 为空:样式 Token 数据尚未接入,三层映射(Primitive → Semantic → Component)待样式 Token 接入后回填。