{
  "task_id": "task_create_component_auth_form",
  "entity_id": "component_auth_form",
  "generated_at": "2025-12-18T01:57:52.724088",
  "workflow_version": "v001",
  "target": {
    "type": "component",
    "definition": {
      "id": "component_auth_form",
      "name": "AuthForm",
      "description": "Reusable login/register form component",
      "file_path": "app/components/AuthForm.tsx",
      "status": "PENDING",
      "props": {
        "mode": "'login' | 'register'",
        "onSubmit": "(data: AuthData) => Promise<void>",
        "error": "string | null"
      },
      "features": [
        "Email and password inputs",
        "Name input (register mode only)",
        "Client-side validation",
        "Error display",
        "Loading state",
        "Submit button"
      ]
    }
  },
  "related": {
    "models": [],
    "apis": [],
    "components": []
  },
  "dependencies": {
    "entity_ids": [],
    "definitions": []
  },
  "files": {
    "to_create": [
      "app/components/AuthForm.tsx"
    ],
    "reference": []
  },
  "acceptance": [
    {
      "criterion": "Component renders without errors",
      "verification": "Import and render in test"
    },
    {
      "criterion": "Props are typed correctly",
      "verification": "TypeScript compilation"
    },
    {
      "criterion": "Events fire correctly",
      "verification": "Test event handlers"
    }
  ]
}