用途:在 Next.js 应用中添加 ibl.ai 的进程内项目界面,包含项目落地页——聊天输入、项目文件、项目指令以及分配给项目的智能体列表。该技能复用 SDK 的 Chat 组件:传入 projectId 时,SDK 会自动把默认欢迎/探索界面替换为 ProjectLandingPage。同一个 <Chat> 同时支持两种模式,本技能只负责添加路由与 URL 参数传递。
主要能力:新增路由 /agents/[mentorId]/projects/[projectId],从 URL 读取两个 ID 并传给 <Chat>,由 SDK 渲染项目落地页(聊天输入 + Project files / Add project instructions 卡片 + Project Agents 网格)。点击 Project files 打开 ProjectFilesModal,点击 Add project instructions 打开 ProjectInstructionsModal,Add Agent 打开 AddMentorToProjectModal。
使用方式:本技能是 /iblai-agent-chat 之上的薄增量,需先完成 /iblai-agent-chat 的 provider/store/peer-dep 接线。需要 agent/mentor ID 和真实 projectId。最低 SDK 版本:@iblai/iblai-js ^1.11.0、@iblai/web-containers ^1.7.0、@iblai/web-utils ^1.7.0、@iblai/data-layer ^1.5.7、@iblai/agent-ai ^2.6.0。若版本过低可执行:pnpm add @iblai/iblai-js@^1.11.0 @iblai/web-containers@^1.7.0 @iblai/web-utils@^1.7.0 @iblai/data-layer@^1.5.7 @iblai/agent-ai@^2.6.0。随后创建 app/agents/[mentorId]/projects/[projectId]/page.tsx,渲染 <Chat> 并传入 projectId={projectId}。
限制:不要给 SDK 组件添加自定义样式、颜色或 CSS 覆盖,也不要实现暗色模式(除非用户明确要求)。projectId 需为用户有权访问的项目;若项目 404,界面会渲染为空并在控制台出现 data-layer API 错误,应确认 projectId 存在。若聊天 WebSocket 无法连接,属于后端问题。CLI 集成仅为提案,尚未实现。