Add a new property to the agents board by modifying four files in sequence.
Schema reference: See references/schema.md for data structures.
Ask the user for:
- Property key (camelCase, e.g.,
contextWindow
)
- Display label (short, e.g., "Context Window")
- Tooltip description (1 sentence explaining the property)
- Cell type:
badge
(yes/no/partial) or text
(free-form)
- Group:
identity
, packaging
, or features
Add the property to every agent in
src/data/agents-detailed.json
:
"propertyKey": {
"value": null,
"detail": null
}
Insert after the last feature property, before
additionalInfo
.
Add the property key to the appropriate group's
columns
array in
src/data/groups.json
:
{
"id": "features",
"label": "Features",
"columns": ["existingProp", "propertyKey"]
}
Add column definition to the
columns
array in
src/components/AgentTable.jsx
:
{ key: 'propertyKey', label: 'Label', sortable: true, cellType: 'badge', tooltip: 'Description' }
Insert at the position matching its group order.
Add transformation in
src/hooks/useAgentsData.js
:
propertyKey: agent.propertyKey.value,
propertyKeyDetail: agent.propertyKey.detail,
If the property is in
packaging
or
features
group
and has
cellType: 'badge'
, add it to the
featureOptions
array in
src/components/FilterBar.jsx
:
{ key: 'propertyKey', label: 'Label' }
Insert in the appropriate section (Packaging or Features) following the existing order.
01-update-agent.md - Add under Features section:
- [ ] **Property Label** (`propertyKey`)
- New value: <!-- yes/no/partial/null -->
- Detail:
02-add-new-agent.md - Add new section with property definition, value format, and examples.