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.
$pnpm add @sinups/ai-kit @mantine/core @mantine/hooks @tabler/icons-react