注意力掩码 <AttentionMask />
一张 query × key 的方格图，右边 2–4 种模式（全注意力、因果、局部窗口、稀疏）；每一步换一种掩码，亮格和“亮格数 / 总格数”随之变化。
- 分组
- AI · 注意力模式示意
- 组件
AttentionMask·#attention-mask- 交互
- → 换下一种掩码
适合
- 解释稀疏注意力、滑动窗口、因果掩码
- 说明长上下文为什么能省算力
不适合
- 要展示真实注意力权重：这是示意图，不是热力图（用 Heatmap）
- 模式超过 4 种
内容上限
| 1 | size 8–16；window、stride 为小整数 |
| 2 | modes 2–4 种：label ≤ 10 字，note ≤ 40 字 |
| 3 | label（图上方）≤ 12 字，默认“示意图” |
| 4 | 需要 build: 'reveal'；不逐步时显示最后一种 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名，2–8 字 |
title · 必填 | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
size | number | 每边格数，默认 12 |
window | number | 局部窗口宽度，默认 3 |
stride | number | 稀疏模式中全局列的间隔，默认 4 |
modes · 必填 | { label, kind: 'full' | 'causal' | 'window' | 'sparse', note }[] | 每种一个 build 步骤 |
label | string | 图上方标注 |
示例代码
<AttentionMask kicker="注意力" title="不是每个词都要看全部" modes={[{ label: '全注意力', kind: 'full', note: '…' }, { label: '稀疏', kind: 'sparse', note: '…' }]} />