Navigation and layout

platform v0.9.11verified 2026-05-14

Every authenticated page in TelWeb shares the same frame: a sidebar for primary navigation, a header for search and quick actions, and a content area.

Sidebar expanded

Sidebar

The sidebar is the primary navigation:

Item	Path	Access
Dashboard	/dashboard	All users
Apps	/apps	All users
Conversations	/conversations	MEMBER, ADMIN, SUPERUSER
Settings	/settings	All users

The Conversations item is only visible if you have at least MEMBER role in your current team (or are a SUPERUSER). VIEWERs do not see it.

Header bar

The header sits at the top of every page.

Screenshotguide/navigation/headerunregistered

Header bar

Highlight: search input with Cmd+K hint, admin gear icon, language toggle, avatar button

Global search

• Shortcut: Cmd+K (macOS) or Ctrl+K (Windows / Linux).
• Searches Apps across your team.
• Results are grouped by type.
• Keyboard navigation: arrow keys to move, Enter to select, Escape to close.
• Clicking a result opens the app at /apps/{appId}.

Screenshotguide/navigation/searchunregistered

Global search with results

Highlight: results list for apps, keyboard navigation hint

Admin settings button

A gear icon visible only to ADMIN and SUPERUSER roles. It opens /admin-settings (see For platform admins).

Language toggle

Switch between English and Deutsch. The preference saves to your user profile.

User avatar

Click to open the User Settings Drawer.

User settings drawer

Slides in from the right when you click your avatar.

Screenshotguide/navigation/user-drawerunregistered

User settings drawer open

Highlight: dark mode toggle, language selector, logout button at the bottom

Section	Description
User info	Your avatar, full name, email.
Dark mode	Toggle light / dark theme; saved to your profile.
Language	UI language dropdown; saved to your profile.
User settings	Link to /settings.
Logout	Signs you out.

See also

• Roles and access
• Dashboard