```json
{
"summary

```json
{
"summary": "优化了流程步骤组件，添加了箭头指示和当前步骤高亮效果",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"container mx-auto px-4 py-12 relative\">\n <div class=\"flex flex-wrap justify-between -mx-2\">\n \n <!-- Steps with arrows -->\n <div class=\"w-full md:w-1/4 px-2 mb-8 md:mb-0 relative\">\n <div class=\"bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition-shadow duration-300 h-full border-2 border-blue-500\">\n <div class=\"text-blue-500 text-4xl mb-4\"><i class=\"el-icon-edit-outline\"></i></div>\n <h3 class=\"text-xl font-semibold mb-2\">1. 场景输入</h3>\n <p class=\"text-gray-600\">粘贴或输入测试设计场景描述文本</p>\n </div>\n <div class=\"hidden md:block absolute top-1/2 right-0 transform translate-x-1/2 -translate-y-1/2\">\n <svg class=\"w-8 h-8 text-blue-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7M5 5l7 7-7 7\"></path>\n </svg>\n </div>\n </div>\n \n <div class=\"w-full md:w-1/4 px-2 mb-8 md:mb-0 relative\">\n <div class=\"bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition-shadow duration-300 h-full\">\n <div class=\"text-gray-500 text-4xl mb-4\"><i class=\"el-icon-data-analysis\"></i></div>\n <h3 class=\"text-xl font-semibold mb-2\">2. 智能分析</h3>\n <p class=\"text-gray-600\">系统自动提取关键测试维度与验证点</p>\n </div>\n <div class=\"hidden md:block absolute top-1/2 right-0 transform translate-x-1/2 -translate-y-1/2\">\n <svg class=\"w-8 h-8 text-gray-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7M5 5l7 7-7 7\"></path>\n </svg>\n </div>\n </div>\n \n <div class=\"w-full md:w-1/4 px-2 mb-8 md:mb-0 relative\">\n <div class=\"bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition-shadow duration-300 h-full\">\n <div class=\"text-gray-500 text-4xl mb-4\"><i class=\"el-icon-c-scale-to-original\"></i></div>\n <h3 class=\"text-xl font-semibold mb-2\">3. 用例生成</h3>\n <p class=\"text-gray-600\">选择复用/仿写/新建三种模式生成用例</p>\n </div>\n <div class=\"hidden md:block absolute top-1/2 right-0 transform translate-x-1/2 -translate-y-1/2\">\n <svg class=\"w-8 h-8 text-gray-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7M5 5l7 7-7 7\"></path>\n </svg>\n </div>\n </div>\n \n <div class=\"w-full md:w-1/4 px-2 mb-8 md:mb-0\">\n <div class=\"bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition-shadow duration-300 h-full\">\n <div class=\"text-gray-500 text-4xl mb-4\"><i class=\"el-icon-finished\"></i></div>\n <h3 class=\"text-xl font-semibold mb-2\">4. 关联管理</h3>\n <p class=\"text-gray-600\">一键建立与测试需求的双向追溯关系</p>\n </div>\n </div>\n </div>\n \n <!-- Progress indicator -->\n <div class=\"mt-8 flex justify-center\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"w-3 h-3 rounded-full bg-blue-500\"></div>\n <div class=\"w-3 h-3 rounded-full bg-gray-300\"></div>\n <div class=\"w-3 h-3 rounded-full bg-gray-300\"></div>\n <div class=\"w-3 h-3 rounded-full bg-gray-300\"></div>\n </div>\n </div>\n</div>"
},
"next": [
"添加点击切换功能",
"加入动画过渡效果",
"添加步骤进度条",
"优化移动端显示",
"添加完成状态"
]
}
```