用途：在已正确渲染 <Chat> 的基础上，为 /iblai-vibe-agent-chat 的 Chat 聊天界面左侧加上 SDK 的 AppSidebar，获得 ibl.ai 完整外壳，包括 Projects 下拉（列出、创建、重命名、删除、导航）、Pinned Messages、Recent Messages，以及宿主定义的顶部内容项和底部菜单项。侧边栏通过 shadcn 的 SidebarProvider 由宿主配置主题。
主要能力：新建路由 app/agents/[mentorId]/chat-projects/page.tsx，在 <SidebarProvider> 内以 <AppSidebar> 与 <Chat> 并排布局。AppSidebar 属性：contentItems、footerItems 必填；logo、showProjects、showPinnedMessages、showRecentMessages 可选；projectsConfig 在 showProjects 时必填，含 tenantKey、username、isLoggedIn、activeProjectId、activeMentorId、navigateToProject、navigateToMentorInProject，可选 executeWithTrialCheck、renderUnauthenticatedTrigger。MenuItem 含 icon、label、onClick、可选 hasBorder。
使用方式：前提为 /iblai-vibe-agent-chat 已可用，且 @iblai/iblai-js 从 @iblai/iblai-js/web-containers/next 导出 SidebarProvider 与 AppSidebar，否则会报 useSidebar must be used within a SidebarProvider。将 SDK 图标复制到 public/：public/icons/new-project.svg、public/icons/projects.svg、public/placeholder.svg（SDK 按绝对路径引用，包内未附带）。随后创建上述路由，用 pnpm build 与 pnpm dev 验证指定 URL。
适用场景：需在 ibl.ai agent 聊天页提供项目与消息导航壳的宿主应用。
限制与注意：不要给 SDK AppSidebar 添加自定义样式、颜色或 CSS 覆盖，保持组件原样；除非用户明确要求，不要实现暗色模式。SDK 已知缺口：SidebarProvider 等未在公共 barrel 导出，图标按绝对路径引用但未随包发布。品牌规范见 BRAND.md，通用配置见 docs/skill-setup.md。