QueueLane
优先级泳道队列板 · 横向泳道 + 道头聚合队列指标(深度/平均等待/吞吐) · 只读队列监视器(区别 Kanban 拖拽工作流·FIFO+aging) + maxVisible 折叠「还有 N 条」 + onItemClick · groupByLane 保序分组纯函数带单测 · 任务总线/优先级队列(零依赖)
P0 紧急2 条均等 0.4s
- 实时风控审批#1Sonnet 4.6等 0.2s
- 支付异常诊断#2Opus 4.7等 0.5s
P1 高3 条均等 1.2s
- 工单意图分类#1Haiku 4.5等 0.9s
- 代码评审建议#2Sonnet 4.6等 1.4s
- 合同条款抽取#3Opus 4.7等 1.8s
P2 普通4 条均等 3.5s
- 周报摘要生成#1Haiku 4.5等 3.1s
- 图像内容审核#2DeepSeek V4等 4.0s
- FAQ 向量召回#3Haiku 4.5等 2.7s
- 翻译批处理#4DeepSeek V4等 5.2s
P3 低2 条均等 12s
- 历史日志归档分析#1Haiku 4.5等 11s
- 离线知识库重建#2DeepSeek V4等 18s
全状态
P0 紧急2 条均等 0.4s
- 实时风控审批#1Sonnet 4.6等 0.2s
- 支付异常诊断#2Opus 4.7等 0.5s
P1 高3 条均等 1.2s
- 工单意图分类#1Haiku 4.5等 0.9s
- 代码评审建议#2Sonnet 4.6等 1.4s
- 合同条款抽取#3Opus 4.7等 1.8s
P2 普通4 条均等 3.5s
- 周报摘要生成#1Haiku 4.5等 3.1s
- 图像内容审核#2DeepSeek V4等 4.0s
- FAQ 向量召回#3Haiku 4.5等 2.7s
- 翻译批处理#4DeepSeek V4等 5.2s
P3 低2 条均等 12s
- 历史日志归档分析#1Haiku 4.5等 11s
- 离线知识库重建#2DeepSeek V4等 18s
文本生成2 条吞吐 42/min
- 营销文案改写#1Sonnet 4.6等 0.8s
- 邮件草拟#2Haiku 4.5等 1.1s
代码2 条吞吐 18/min
- 单测补全#1Sonnet 4.6等 1.6s
- SQL 优化建议#2Opus 4.7等 2.2s
图像1 条吞吐 9/min
- 海报生成#1图像编排器等 4.5s
检索增强2 条吞吐 65/min
- 政策问答召回#1Haiku 4.5等 0.3s
- 工单相似检索#2Haiku 4.5等 0.5s
Playground
P0 紧急2 条均等 0.4s
- 实时风控审批#1Sonnet 4.6等 0.2s
- 支付异常诊断#2Opus 4.7等 0.5s
P1 高3 条均等 1.2s
- 工单意图分类#1Haiku 4.5等 0.9s
- 代码评审建议#2Sonnet 4.6等 1.4s
- 合同条款抽取#3Opus 4.7等 1.8s
P2 普通4 条均等 3.5s
- 周报摘要生成#1Haiku 4.5等 3.1s
- 图像内容审核#2DeepSeek V4等 4.0s
- FAQ 向量召回#3Haiku 4.5等 2.7s
- 翻译批处理#4DeepSeek V4等 5.2s
P3 低2 条均等 12s
- 历史日志归档分析#1Haiku 4.5等 11s
- 离线知识库重建#2DeepSeek V4等 18s
<QueueLane
lanes={[
{ id: "p0", label: "P0 紧急", tone: "var(--color-chart-3)", meta: "均等 0.4s" },
{ id: "p1", label: "P1 高", tone: "var(--color-chart-4)" },
]}
items={queue}
maxVisible={4}
onItemClick={(job) => openDetail(job.id)}
renderItem={(job, i) => <JobCard job={job} rank={i + 1} />}
/>