diff --git a/ui/litellm-dashboard/src/components/agents/add_agent_form.tsx b/ui/litellm-dashboard/src/components/agents/add_agent_form.tsx index 3929a9e183..eee19171fb 100644 --- a/ui/litellm-dashboard/src/components/agents/add_agent_form.tsx +++ b/ui/litellm-dashboard/src/components/agents/add_agent_form.tsx @@ -197,7 +197,7 @@ const AddAgentForm: React.FC = ({ const handleNext = async () => { try { if (currentStep === 0) { - await form.validateFields(["agent_name"]); + await form.validateFields(); const agentName = form.getFieldValue("agent_name"); if (agentName && !newKeyName) { setNewKeyName(`${agentName}-key`); diff --git a/ui/litellm-dashboard/src/components/agents/agent_config.ts b/ui/litellm-dashboard/src/components/agents/agent_config.ts index e87b191b19..14b6729bf9 100644 --- a/ui/litellm-dashboard/src/components/agents/agent_config.ts +++ b/ui/litellm-dashboard/src/components/agents/agent_config.ts @@ -212,14 +212,14 @@ export const SKILL_FIELD_CONFIG = { }, tags: { name: "tags", - label: "Tags (comma-separated)", + label: "Tags", required: true, - placeholder: "e.g., hello world, greeting", + placeholder: "Type a tag and press Enter", }, examples: { name: "examples", - label: "Examples (comma-separated)", - placeholder: "e.g., hi, hello world", + label: "Examples", + placeholder: "Type an example and press Enter", }, }; diff --git a/ui/litellm-dashboard/src/components/agents/agent_form_fields.tsx b/ui/litellm-dashboard/src/components/agents/agent_form_fields.tsx index 42e55b8c56..27b93838ce 100644 --- a/ui/litellm-dashboard/src/components/agents/agent_form_fields.tsx +++ b/ui/litellm-dashboard/src/components/agents/agent_form_fields.tsx @@ -56,7 +56,7 @@ const AgentFormFields: React.FC = ({ showAgentName = true, {/* Skills */} {shouldShow(AGENT_FORM_CONFIG.skills.key) && ( - + {(fields, { add, remove }) => ( <> @@ -94,20 +94,26 @@ const AgentFormFields: React.FC = ({ showAgentName = true, label={SKILL_FIELD_CONFIG.tags.label} name={[field.name, 'tags']} rules={[{ required: SKILL_FIELD_CONFIG.tags.required, message: 'Required' }]} - getValueFromEvent={(e) => e.target.value.split(',').map((s: string) => s.trim())} - getValueProps={(value) => ({ value: Array.isArray(value) ? value.join(', ') : value })} > - + +