iblai-vibe-agent-chat-sidebar

Solid

Wrap 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

View on GitHub

Quality Score: 83/100

Stars 20%
40
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

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. ![Sidebar overview](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-agent-chat-sidebar/iblai-vibe-agent-chat-sidebar-1-overview.png) ![Project active](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-agent-chat-sidebar/iblai-vibe-agent-chat-sidebar-2-project-active.png) > **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