SuperAPI AI 工具集

iblai-datasets-tab

前端与建站

查看项目

更新于 10-16 05:56

技能介绍

用途:在 Next.js 应用中添加智能体 Datasets 标签页,展示可搜索、分页的数据集表格,列为名称、类型、tokens、间隔、可见性和状态,并提供“Add Resource”上传入口与逐行删除操作。它属于 agent-settings 系列中的一个标签页,所有标签页共用 AgentSettingsProvider 包裹。

主要能力:从 @iblai/iblai-js/web-containers/next 导入 AgentDatasetsTab。支持 labels 覆盖文案、onSelect 选中回调、selectedDatasetId 高亮行、AddResourceModal 自定义上传弹窗、PaginationComponent 自定义分页。未提供 AddResourceModal 时按钮显示但不弹窗;未提供 PaginationComponent 时不渲染分页 UI。相关导出还有 DatasetsTabLabels 与 Dataset 类型。

使用方式:前置条件为已配置认证(/iblai-auth)、已执行 iblai add mcp、路由被 AgentSettingsProvider 包裹,并向用户索取真实 mentorId(不要编造)。先检查 CLI 更新:pip install --upgrade iblai-app-cli 或 npm install -g @iblai/cli@latest。确认项目根目录 iblai.env 含 PLATFORM、DOMAIN、TOKEN,缺失时用 curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env 下载模板。在 app/(app)/agents/[mentorId]/datasets/page.tsx 中挂载组件。可用 MCP 工具 get_component_info 查询组件信息。完成后运行 /iblai-test,执行 pnpm build 与 pnpm test,并启动 pnpm dev 在 http://localhost:3000 查看。

限制与注意:不要给 ibl.ai SDK 组件添加自定义样式、颜色或 CSS 覆盖,不要实现暗黑模式(除非用户明确要求)。自定义 UI 遵循品牌色 #0058cc 与渐变 linear-gradient(135deg, #00b0ef, #0058cc),字体为系统 sans-serif,风格为 shadcn/ui new-york。优先使用 SDK 组件,其次 shadcn/ui(npx shadcn@latest add <component>)。Redux store 需包含 mentorReducer 与 mentorMiddleware;initializeDataLayer() 为 5 参数(v1.2+);@reduxjs/toolkit 通过 next.config.ts 的 webpack 别名去重;需安装 peer 依赖 sonner 与 @iblai/iblai-web-mentor。iblai.env 不是 .env.local 替代,仅存 DOMAIN、PLATFORM、TOKEN 三个简写变量。默认包管理器为 pnpm,未安装时回退 npm。