Layout Tour
After you sign in to the inbox, the Unified Inbox on app.kazenly.com uses a familiar three-part layout: sidebar (left), header (top), and a main area split into a conversation list and chat pane.
This article names each region. Chapter 4 goes deeper on individual Inbox tabs.
Overall Structure
Desktop — sidebar on the left; header, list, chat, and footer on the right:
┌──────────────────┬────────────────────────────────────────────────────────┐
│ SIDEBAR │ HEADER │
│ │ Live · your name · avatar · Account Settings · Help │
│ ├─────────────────────────────┬──────────────────────────┤
│ Dashboard │ CONVERSATION LIST │ CHAT PANE │
│ Inbox ▾ │ │ │
│ Assigned │ Search conversations… │ Select a conversation │
│ Queued │ All · WhatsApp · Instagram │ │
│ Unread … │ Assigned to Me (count) │ or open thread: │
│ Conversations │ │ messages + composer │
│ Settings │ │ │
│ Help │ │ │
│ ├─────────────────────────────┴──────────────────────────┤
│ [avatar] │ FOOTER · app version │
└──────────────────┴────────────────────────────────────────────────────────┘
| Region | What it is |
|---|---|
| Sidebar | Main navigation — Dashboard, Inbox (expandable), Conversations, … Settings, Help (by role; Help for everyone) |
| Header | Connection (Live / Offline), your identity, Account Settings, Help, Logout (via avatar) |
| Conversation list | Search, channel filters, active tab title, and scrollable threads (~one third of the width on desktop) |
| Chat pane | Empty state until you pick a thread; then the full conversation view |
| Footer | App version (support and debugging) |
On mobile, the sidebar is hidden until you tap the menu button (☰) in the header. The conversation list is full width until you open a chat; then the chat pane takes over with a back control.
Sidebar (Left)
The sidebar is your main navigation. Items depend on your role (admin, agent, support, teacher, and others). Typical sections:
| Sidebar item | Purpose |
|---|---|
| Dashboard | Parallel conversation lists (All, Bot, Agent, Unread, Assigned, My Unread, Overdue) |
| Inbox | Day-to-day work tabs — expands to show children below |
| Conversations | Ops table including Expired threads (not shown in Inbox tabs) |
| Automations | Instagram and WhatsApp automation builders (when your role allows) |
| Broadcasts | Campaigns, templates, contact lists |
| Contacts | Contact directory |
| Questions | Pending customer questions (WhatsApp) |
| Analytics | System reports |
| Settings | Channels, flows, users — not Account Dashboard Settings on kazenly.com |
| Help | Opens product docs (docs.kazenly.com) in a new tab — available to every role |
Inbox Children (Sidebar)
Under Inbox, the live submenu includes:
- Assigned →
/inbox/assigned(default when you open Inbox) - Queued
- Unread
- Bot
- Agent
- Lists
- Spam (quarantined / moderated threads)
Badge counts appear next to each child when there are matching conversations.
On desktop, the sidebar can collapse to an icon rail (toggle at the bottom). Inbox and Automations open flyout menus when collapsed.
At the bottom of the sidebar: your avatar opens the same menu as the header — Account Settings, Help, and Logout.
Header (Top)
The header spans the main content area.
| Area | Desktop | Mobile |
|---|---|---|
| Left | — | Menu button (opens sidebar) |
| Centre | App title Kazenly Dashboard | App icon + Kazenly |
| Right | Name, role, Live / Offline, avatar | Connection dot + avatar |
Exact header copy for connection status and notifications: Live vs Offline · Header Notifications (Not Shown).
Avatar menu:
- Account Settings
- Help — opens the Kazenly help site (
docs.kazenly.com) in a new tab - Logout
There is no notifications bell in the live header.
Main Area — Conversation List (Left Column)
On Inbox routes (/inbox/* and /lists), the left column (~one third on desktop) is the conversation list:
- Search — placeholder Search conversations...
- Arrange conversations — optional grouping (agent, status, date) via the fold control
- Channel filters — All · WhatsApp · Instagram (Filter by Channel)
- Tab title — e.g. Assigned to Me (12) with a count
- Scrollable list of conversation rows
Each row shows contact name, preview, channel (WhatsApp / Instagram), assignment (Bot, agent name, or Expired), and labels such as Pending or Queued when applicable (Open, Pending, Queued, Expired).
On the Unread tab only, a checkbox: Show only my unread conversations.
Main Area — Chat Pane (Right Column)
Until you select a thread, the right side shows an empty state:
- Select a conversation
- Choose a conversation from the inbox to start chatting
When a conversation is open, the chat pane fills the right side (composer, messages, handover, and channel-specific rules). On mobile, a back control returns you to the list.
Footer
A slim footer under the main area shows the app version string (for support and debugging).
Routes You Land On
| URL pattern | What loads |
|---|---|
/inbox | Redirects to Assigned |
/inbox/assigned | Inbox · Assigned to Me |
/inbox/queued | Inbox · Queued |
/inbox/unread | Inbox · Unread |
/inbox/bot | Inbox · Bot |
/inbox/agent | Inbox · Agent |
/inbox/spam | Inbox · Spam |
/lists / /lists/:id | Inbox · Lists |
/dashboard | Dashboard page (same broad layout, different list views) |
Conversations (/conversations) uses a table layout instead of the split inbox chat view — see chapter 5.
What This Layout Does Not Include
- Account Dashboard billing or Open Inbox — those live on kazenly.com (chapter 18)
- Header notifications bell — not shipped (article 1.6)
- A Close conversation button — conversations expire automatically, not via manual close
Next Steps
- Filter by Channel (article 2.2)
- Open, Pending, Queued, Expired (article 2.3)
- Your Availability (article 2.4)
- Live vs Offline (article 2.5)
- Using Dashboard (article 3.1) — filter chips on
/dashboard - Assigned (article 4.1) — default Inbox tab