feat/playground: 重构 playground组件

- 更新 Data 和 History组件的样式和布局
- 添加新的功能和交互，如热门搜索和智能体选择
- 优化组件性能和可维护性

src/libs/playground.tsx

@@ -0,0 +1,51 @@
+import RocketSvg from "@/assets/icons/rocket.svg"
+import BulbSvg from "@/assets/icons/bulb.svg"
+import EyeSvg from "@/assets/icons/eye.svg"
+import ASvg from "@/assets/icons/a.svg"
+import BSvg from "@/assets/icons/b.svg"
+import CSvg from "@/assets/icons/c.svg"
+import DSvg from "@/assets/icons/d.svg"
+import ESvg from "@/assets/icons/e.svg"
+import FSvg from "@/assets/icons/f.svg"
+
+export const qaPrompt = [
+  {
+    title: "最近一年大型语言模型的技术进展有哪些？",
+    icon: <img src={RocketSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "生成式AI在企业中有哪些具体应用场景？",
+    icon: <img src={BulbSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "多模态学习技术的最新研究方向是什么？",
+    icon: <img src={EyeSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "当前AI芯片市场格局和未来三年发展趋势如何？",
+    icon: <img src={ASvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "主流深度学习框架性能与易用性对比分析？",
+    icon: <img src={BSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "国内外AI伦理治理框架有哪些最佳实践？",
+    icon: <img src={CSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "大规模知识图谱构建与应用最新进展？",
+    icon: <img src={DSvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "计算机视觉领域近期突破性技术有哪些？",
+    icon: <img src={ESvg} alt="Rocket" className="w-full my-0" />,
+  },
+  {
+    title: "量子计算对AI算法的影响与应用前景？",
+    icon: <img src={FSvg} alt="Rocket" className="w-full my-0" />,
+  },
+].map((item, index) => ({
+  ...item,
+  id: index.toString(),
+}))