组件 · Agent
SourceBadge
来源标记:标明一个任务或一条评论是 Agent 写的,以及具体是哪一个。三种来源:OAuth 应用(经 MCP 接入的 Agent,如「Claude」)、API 令牌、Bot 账号。
调用方提供:source: { kind: 'app' | 'api_token' | 'bot', name, detail? },用 sourceOf({ via, username, displayName }) 从服务端字段算出来:作者用户名以 -bot 结尾时是 Bot(detail 填它用的令牌名),否则看任务的 created_via 或评论的 via。compact 选紧凑版;完整版可以传 label(如「由 Claude 创建」「通过 Claude 发送」)和 kindLabel(本地化后的种类名)。
两种尺寸
- 紧凑版:任务行、看板卡片。18px 高的紫色胶囊,图标加名字,名字最长 10 个字宽,超出省略,悬停显示全文和种类。
- 完整版:任务详情的标题下方、评论作者名后面。22px 高,图标、完整文字和种类,比如「由 Claude 创建 · OAuth 应用」。
图标:OAuth 应用用 agent,API 令牌用 key,Bot 用 bot。
规则:来源为空(人手动创建)时什么都不显示,不要写「手动创建」。颜色固定用 agent-soft / on-agent-soft,紫色只用来标明 Agent 来源。名字是创建当时的名称,应用或令牌删掉后照样显示。名字用 <bdi> 包住,避免阿拉伯文界面里被拉乱。v0.4 起新组件只按青藤风格设计,萌虎、像素跟着 token 走。