AgentIdentityFields

The field groups that AgentEditor and AgentCreateWizard are built from, exported for your own agent forms. All of them are controlled: they read an AgentDraft, report partial changes through onChange and show messages from errors. AgentIdentityFields renders display name, name and "when to use" description; while autoName is true the name follows the display name through slugifyAgentName, and onNameEdited fires when the user types a name by hand; nameDisabled locks the name when editing an existing agent. AgentPromptField is the system prompt editor with Write and Preview tabs (Markdown preview). AgentModelFields renders the model select (with an Inherit from the session option), max turns, a skills multiselect when skills or the draft has any, and AgentColorPicker. AgentColorPicker can be used alone: clicking the selected color clears it, colors defaults to AGENT_COLORS. Name and model fields sit in pairs when the form is wide and stack below that. Validate with validateAgentDraft and create drafts with createAgentDraft or toAgentDraft.

Getting Started
$pnpm add @sinups/ai-kit @mantine/core @mantine/hooks @tabler/icons-react
Examples
Wide
Narrow
API reference
Prop
Type
Required
autoName
boolean
Yes
Keeps `name` in sync with `displayName` until the name is edited
onNameEdited
() => void
Yes
Called when the name is edited by hand
nameDisabled
boolean
No
Locks the name, for example when editing an existing agent
draft
AgentDraft
Yes
errors
AgentDraftErrors
Yes
onChange
PatchDraft
Yes
labels
AgentFieldLabels
Yes