用途:为现有 Next.js 应用添加账户/组织设置页面,其侧边栏把标签归入四个标题:Workspace(Organization、Management、Integrations)、Finance(Monetization、Billing)、AI & data(Benchmarks、Memory)和 System(Advanced)。某组内标签全部被关闭时该组整体消失,小型组织只见两三个标题而非四个。
前置条件:需先完成认证(/iblai-vibe-auth),并配置 MCP 服务器与技能(.mcp.json 中的 @iblai/mcp)。页面读取 localStorage 中的 userData、tenant/current_tenant 和 tenants,管理员状态由 tenants 数组推导。
用法:将 assets/account-page.tsx.j2 渲染为 app/(app)/account/page.tsx 并替换 {{ }} 占位符;Account 组件来自 @iblai/iblai-js/web-containers/next。SDK 组件本身无外层背景,需用白色容器包裹(bg-white rounded-lg border border-[var(--border-color)] overflow-hidden),并为外层容器设定高度(如 h-[80vh] 或 min-h-[640px])以让侧边栏与内容面板独立滚动。多数标签要求 isAdmin 为 true;Management 与 Billing 由 RBAC 与付费墙控制。targetTab 传入不可见标签时会回退到首个可见标签。onTabChange 在 Billing/Monetization 打开时触发,可同步到 URL。
限制:使用 enableRbac 必须同时传 rbacPermissions,否则 Management 会整体隐藏。Billing 不由 URL 驱动。验证需运行 pnpm build、pnpm test,并启动开发服务器检查各标签不出现 404 或空白。其他细节(如收费、价格)暂未提供。