SuperAPI AI 工具集

iblai-vibe-agent-dataset

前端与建站

查看项目

更新于 10-15 22:16

技能介绍

用途:为 Next.js 应用添加智能体的 Datasets 标签页,它是更广泛的智能体设置(agent-settings)家族中的一个标签,所有标签共用同一个 AgentSettingsProvider 包装。表格可搜索、可分页,列包括名称、类型、token、间隔、可见性和状态,并提供 Add Resource 上传插槽与逐行删除操作。

前置条件:需先完成认证(/iblai-vibe-auth);在 .mcp.json 中配置好 MCP 服务器与 skills(@iblai/mcp);路由需被 AgentSettingsProvider 包裹;需要向用户索取真实的 mentorId(智能体 UUID),不可自行编造。

使用方式:先在项目根目录检查 iblai.env,确认存在 PLATFORM、DOMAIN、TOKEN 变量;缺失时提示下载模板:curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env。随后从 @iblai/iblai-js/web-containers/next 导入 AgentDatasetsTab,在 app/(app)/agents/[mentorId]/datasets/page.tsx 中挂载。可选通过 labels 覆盖文案、onSelect 与 selectedDatasetId 处理选中、AddResourceModal 注入自定义上传弹窗(省略时按钮显示但不弹窗)、PaginationComponent 注入分页(省略时不渲染分页 UI)。可用 MCP 工具 get_component_info 查询 AgentDatasetsTab 与 AgentSettingsProvider。相关导出含 DatasetsTabLabels 与 Dataset 类型。

验证:运行 /iblai-vibe-ops-test;pnpm build 须零错误,pnpm test 的 vitest 须通过;启动 pnpm dev 后用 npx playwright screenshot http://localhost:3000/agents/<id>/dataset /tmp/agent-dataset.png 截图验证。

限制与注意:Redux store 必须包含 mentorReducer 与 mentorMiddleware;initializeDataLayer() 需 5 个参数(v1.2+);@reduxjs/toolkit 通过 next.config.ts 中 webpack aliases 去重;需安装 peer 依赖 sonner 与 @iblai/iblai-web-mentor(pnpm add sonner @iblai/iblai-web-mentor);AddResourceModal 因独立应用使用 Dropbox/Google Drive/OneDrive 选择器带来深层依赖,需由使用方自行注入实现;品牌规范见 BRAND.md。其余信息暂未提供。