IvyLabs Design BostonIvy 爬山虎 v0.4.0

组件 · 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(本地化后的种类名)。

两种尺寸

图标:OAuth 应用用 agent,API 令牌用 key,Bot 用 bot。

规则:来源为空(人手动创建)时什么都不显示,不要写「手动创建」。颜色固定用 agent-soft / on-agent-soft,紫色只用来标明 Agent 来源。名字是创建当时的名称,应用或令牌删掉后照样显示。名字用 <bdi> 包住,避免阿拉伯文界面里被拉乱。v0.4 起新组件只按青藤风格设计,萌虎、像素跟着 token 走。

预览