Skip to content

Explain the tools capability tag on hover #286

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mehfuzh merged 1 commit into from
Nov 6, 2026
Merged

Explain the tools capability tag on hover #286

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/app/components/model-meta.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,7 @@ export const CAPABILITY_INFO: Record<string, string> = {
vision: 'Vision — understands and interprets images alongside text',
reasoning: 'Reasoning — plans, picks tools and skills, and thinks before answering',
skills: 'Skills — can invoke skills to extend what it can do',
tools: 'Tools — can use the tools your connected apps offer (like searching Linear or creating an issue) on its own: it picks a tool, reads the result, and continues until the task is done',
};

// Outlined colors for each capability tag, per the app's label style guide.
Expand All @@ -176,6 +177,7 @@ export const CAPABILITY_STYLE: Record<string, { color: string; border: string }>
vision: { color: '#93c5fd', border: 'rgba(147,197,253,0.35)' },
reasoning: { color: '#c4b5fd', border: 'rgba(196,181,253,0.35)' },
skills: { color: '#86efac', border: 'rgba(134,239,172,0.35)' },
tools: { color: '#5eead4', border: 'rgba(94,234,212,0.35)' },
};

// Short explanation for each plan/access tier tag, shown on hover.
Expand Down
Loading