iblai-vibe-agent-chat-sidebar
SolidWrap the Chat surface with the SDK's AppSidebar — projects dropdown, pinned/recent messages, and host-supplied content/footer menu items
AI & Automation 15 stars
5 forks Updated today MIT
Install
Quality Score: 83/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
# /iblai-vibe-agent-chat-sidebar
Add the SDK's `AppSidebar` next to the `Chat` component to get the full
ibl.ai shell: a **Projects** dropdown (list, create, rename, delete,
navigate), **Pinned Messages**, **Recent Messages**, host-defined content
items (top of sidebar) and footer items (bottom). The sidebar is fully
host-themable through shadcn's `SidebarProvider` and works on top of the
`/iblai-vibe-agent-chat` route wiring.


> **Builds on top of `/iblai-vibe-agent-chat`.** This skill assumes the host
> already has `<Chat>` rendering correctly — same providers, same store
> slices, same peer deps. If you haven't done that yet, run
> `/iblai-vibe-agent-chat` first.
Do NOT add custom styles, colors, or CSS overrides to the SDK
`AppSidebar`. It ships with its own styling. Keep the component as-is.
Do NOT implement dark mode unless the user explicitly asks for it.
> **Common setup (brand, conventions, env files, verification):** see
> [docs/skill-setup.md](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/docs/skill-setup.md).
## Prerequisites
- `/iblai-vibe-agent-chat` must be working — the `Chat` component renders at
`/agents/<ment...
Details
- Author
- iblai
- Repository
- iblai/vibe
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
AI & Automation Solid
iblai-vibe-agent-chat
Add the in-process Chat SDK component (full agent surface — message stream, canvas, file attach, voice, prompts) to a Next.js app
15 Updated today
iblai AI & Automation Solid
iblai-vibe-agent-access
Add the agent Access tab (role-based access control for editor and chat roles) to your Next.js app
15 Updated today
iblai AI & Automation Solid
iblai-vibe-agent-safety
Add the agent Safety tab (moderation prompts and flagged content) to your Next.js app
15 Updated today
iblai