Agent capability matrix
Agents down the rows, tools / modalities / permissions across the columns. Each cell reads available, limited, or missing — a quiet grid for comparing what a fleet can and cannot do.
Included in the single kansho full pack. Components are not offered as separate installs.
Capability grid
| Agent | Web search | Code exec | Image | Deploy | Vault |
|---|---|---|---|---|---|
| Plan & dispatch | Available | Limited | Missing | Available | Limited |
| Sandbox runner | Missing | Available | Missing | Limited | Missing |
| Image annotator | Missing | Missing | Available | Missing | Missing |
| Vault rotator | Missing | Limited | Missing | Missing | Available |
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Legend
components/ui/legend.tsxComponent documentation
Legend
components/ui/legend.tsxPurpose
Pairs labelled chart or matrix categories with supplied swatches.
Appropriate use
Use next to a visualization when colour or symbol encodings need an explicit key.
Example
components/ui/legend.tsx has a representative live example in the "Capability grid" section on /components/agent-capability-matrix.
States
Its meaningful state is the caller-provided item set; wrapping adapts to available width.
API and props
Legend accepts items with id, label, and swatch plus className.
Dependencies
React and the Kansho cn utility.
Accessibility
Labels are visible text; swatches should be decorative because meaning is carried by each label.
Limitations
It does not enforce list semantics or validate that swatch contrast is sufficient.
Source
Source: components/ui/legend.tsx.
Full pack
components/ui/legend.tsx is documented at /components/agent-capability-matrix and installs only through the single Kansho full pack; no individual component install is offered.
Agent Capability Matrix
components/agent-setup/agent-capability-matrix.tsxPurpose
Compares agents against a caller-defined set of capabilities.
Appropriate use
Use for a read-only compatibility overview before assigning work or selecting an agent.
Example
components/agent-setup/agent-capability-matrix.tsx has a representative live example in the "Capability grid" section on /components/agent-capability-matrix.
States
Capability levels are available, limited, or missing; omitted cells render missing and the legend can be hidden.
API and props
AgentCapabilityMatrix accepts columns, rows, showKey, and className; cells are keyed by column id.
Dependencies
Direct imports are React, Lucide icons, and cn.
Accessibility
The matrix is a native table with column and row headers; each cell has screen-reader text and the visible key repeats the icon meanings.
Limitations
It is read-only, treats unknown cells as missing, and does not provide sorting or filtering.
Source
Source: components/agent-setup/agent-capability-matrix.tsx.
Full pack
components/agent-setup/agent-capability-matrix.tsx is documented at /components/agent-capability-matrix and installs only through the single Kansho full pack; no individual component install is offered.