```json
{
"summary

```json
{
"summary": "当前工作流已完成数据分析仪表盘的基本框架搭建，下一步将优化图表数据展示效果",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"p-6\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"text-xl font-bold text-gray-800\">数据分析仪表盘</h3>\n <div class=\"flex space-x-2\">\n <button class=\"px-3 py-1 bg-blue-100 text-blue-600 rounded-md text-sm font-medium hover:bg-blue-200 transition-colors\">柱状图</button>\n <button class=\"px-3 py-1 bg-gray-100 text-gray-600 rounded-md text-sm font-medium hover:bg-gray-200 transition-colors\">折线图</button>\n <button class=\"px-3 py-1 bg-gray-100 text-gray-600 rounded-md text-sm font-medium hover:bg-gray-200 transition-colors\">饼图</button>\n </div>\n </div>\n \n <div class=\"relative h-80 bg-gray-50 rounded-lg border border-gray-200\">\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"w-full h-full p-4 flex flex-col\">\n <div class=\"flex-grow flex items-end space-x-2 justify-center\">\n <div class=\"w-8 h-16 bg-blue-400 rounded-t-sm\" style=\"height: 30%\"></div>\n <div class=\"w-8 h-32 bg-green-400 rounded-t-sm\" style=\"height: 60%\"></div>\n <div class=\"w-8 h-48 bg-purple-400 rounded-t-sm\" style=\"height: 90%\"></div>\n <div class=\"w-8 h-24 bg-yellow-400 rounded-t-sm\" style=\"height: 45%\"></div>\n <div class=\"w-8 h-40 bg-red-400 rounded-t-sm\" style=\"height: 75%\"></div>\n </div>\n <div class=\"flex justify-center mt-2 space-x-8 text-xs text-gray-500\">\n <span>周一</span>\n <span>周二</span>\n <span>周三</span>\n <span>周四</span>\n <span>周五</span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n <div class=\"bg-blue-50 p-4 rounded-lg transition-transform hover:scale-105\">\n <div class=\"flex items-center\">\n <div class=\"p-2 rounded-full bg-blue-100 mr-3\">\n <img src=\"/assets/images/svg/vscode.svg\" alt=\"\" class=\"w-5 h-5\">\n </div>\n <div>\n <p class=\"text-sm text-gray-500\">总访问量</p>\n <p class=\"font-bold text-gray-800\">12,345 <span class=\"text-green-500 text-xs\">↑12%</span></p>\n </div>\n </div>\n </div>\n \n <div class=\"bg-purple-50 p-4 rounded-lg transition-transform hover:scale-105\">\n <div class=\"flex items-center\">\n <div class=\"p-2 rounded-full bg-purple-100 mr-3\">\n <img src=\"/assets/images/svg/user.svg\" alt=\"\" class=\"w-5 h-5\">\n </div>\n <div>\n <p class=\"text-sm text-gray-500\">新用户</p>\n <p class=\"font-bold text-gray-800\">3,210 <span class=\"text-red-500 text-xs\">↓5%</span></p>\n </div>\n </div>\n </div>\n \n <div class=\"bg-green-50 p-4 rounded-lg transition-transform hover:scale-105\">\n <div class=\"flex items-center\">\n <div class=\"p-2 rounded-full bg-green-100 mr-3\">\n <img src=\"/assets/images/svg/calendar.svg\" alt=\"\" class=\"w-5 h-5\">\n </div>\n <div>\n <p class=\"text-sm text-gray-500\">转化率</p>\n <p class=\"font-bold text-gray-800\">24.5% <span class=\"text-green-500 text-xs\">↑3.2%</span></p>\n </div>\n </div>\n </div>\n \n <div class=\"bg-yellow-50 p-4 rounded-lg transition-transform hover:scale-105\">\n <div class=\"flex items-center\">\n <div class=\"p-2 rounded-full bg-yellow-100 mr-3\">\n <img src=\"/assets/images/svg/sand-clock.svg\" alt=\"\" class=\"w-5 h-5\">\n </div>\n <div>\n <p class=\"text-sm text-gray-500\">平均时长</p>\n <p class=\"font-bold text-gray-800\">4m 32s <span class=\"text-green-500 text-xs\">↑15s</span></p>\n </div>\n </div>\n </div>\n </div>\n \n <div class=\"mt-6 flex justify-between items-center\">\n <div class=\"flex space-x-2\">\n <button class=\"px-4 py-2 bg-white border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors\">\n 导出数据\n </button>\n <button class=\"px-4 py-2 bg-white border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors\">\n 分享\n </button>\n </div>\n \n <div class=\"flex items-center space-x-2\">\n <span class=\"text-sm text-gray-500\">主题颜色:</span>\n <div class=\"flex space-x-1\">\n <button class=\"w-6 h-6 rounded-full bg-blue-500 border-2 border-white shadow\"></button>\n <button class=\"w-6 h-6 rounded-full bg-purple-500 border border-gray-200\"></button>\n <button class=\"w-6 h-6 rounded-full bg-green-500 border border-gray-200\"></button>\n <button class=\"w-6 h-6 rounded-full bg-yellow-500 border border-gray-200\"></button>\n </div>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加图表切换事件",
"增加实时数据",
"优化数据动画",
"添加加载状态",
"增加数据筛选"
]
}
```