← ClaudeAtlas

iblai-vibe-agent-supportlisted

Add the agent Support tab (human support ticket inbox with availability toggle, filters, ticket detail, status updates, and replies) to your Next.js app
iblai/vibe · ★ 15 · AI & Automation · score 76
Install: claude install-skill iblai/vibe
# /iblai-vibe-agent-support Add the agent **Support tab** -- human support ticket management for the agent. Support lets people chatting with the agent hand the conversation over to a human; each request shows up as a ticket that admins can review, reply to, and resolve. The tab has an availability toggle, user and status filters, a paginated ticket inbox, and a ticket detail pane with status control and a reply thread. This is one tab in the wider agent-settings family. All tabs share the same `AgentSettingsProvider` wrapper. ![Support Tab — Ticket Inbox](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-agent-support/iblai-vibe-agent-support-1-tickets.png) ![Support Tab — Ticket Detail](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-agent-support/iblai-vibe-agent-support-2-ticket-detail.png) ![Support Tab — Conversation and Reply](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-agent-support/iblai-vibe-agent-support-3-reply.png) Do NOT add custom styles, colors, or CSS overrides to ibl.ai SDK components. They ship with their own styling. Keep the components as-is. Do NOT implement dark mode unless the user explicitly asks for it. When building custom UI around SDK components, use the ibl.ai brand: - **Primary**: `#0058cc`, **Gradient**: `linear-gradient(135deg, #00b0ef, #0058cc)` - **Button**: `bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white` - **Font**: System sans-ser