Components / Thinking & Reasoning
Orbs
Agent 活动指示光球：5 族 × 5 变体（Lattice 点阵 / Lens 景深 / Ring 八点环 / Globe 球面 / Morph 形变）+ 胶囊形态。仅入库不接入，已移植（1:1 aicss.dev，几何逐值换算自上游 Orb.tsx）。
① 活体演示
上：25 变体矩阵（28px 台面几何 × --orb-k 缩放）。下：胶囊形态（orb + 任务文案）。四态：running / ok（动效暂停）/ error（染 danger）/ empty。
empty 态：组件不渲染（无进行中的 agent 活动）
② 对比台
左：wb-ui 活体（B1 focus 40px + 胶囊）；右：aicss.dev 原站截图存档（2026-08-13 采集，可滚动）。
wb-ui 活体
aicss.dev 原站截图（design/reference/aicss/orbs/screenshot.png）
③ 真实字段说明
无真实事件，仅入库不接入（契约 3.C.1 / 要素 4.4）：orbs 是纯氛围指示，没有也不需要专属 run event（字段真源 packages/contracts/workbench-events.mjs:11-77）。日后可能的用法：作为 run.status = "running" 的装饰性指示（胶囊文案映射 run.progress payload.state/detail）——属增强，另立需求。
| 数据源 | 形态 | 说明 |
|---|---|---|
| （现状） | — | 纯装饰组件，不接入 workbench |
| （日后）run.status / run.progress | payload.status / payload.state, detail | running 时展示胶囊 orb；另立需求 |
④ 用在 workbench 哪个位置
暂不接入。若日后接入，候选位置是 statusLineHtml(:8016) 状态行或 bubbleMeta(:7960) 的运行中指示；在此之前仅作为库组件存档与展示。
⑤ 复制即用代码
引入 tokens + 组件 CSS/JS。全部相对路径、零依赖。
<link rel="stylesheet" href="design/wb-ui/lib/tokens.css"> <link rel="stylesheet" href="design/wb-ui/lib/components/orbs.css"> <script src="design/wb-ui/lib/components/orbs.js"></script>
WbUI.orb.render(el, { variant: "S4" }); // 20px 指示
WbUI.orb.render(el, { variant: "B4", size: 40 }); // 自定尺寸
WbUI.orb.render(el, { variant: "B2", label: "Searching the web…", pill: true }); // 胶囊
// 全部变体：WbUI.orb.VARIANTS（S/B/C/G/M 各 5）；默认文案 WbUI.orb.TASKS
Ported from aicss.dev/components/orbs, fetched 2026-08-13. Internal use only（上游无 license 声明，对外使用前须确认授权——docs/86 R1）。