Skip to main content

Drawer Mode

Drawer mode lets you open a side panel on the right edge of the screen without leaving the page you are currently viewing. It is used throughout Copera to display supplementary content --- such as chat conversations, AI assistants, to-do lists, documents, and meeting participants --- right next to your main workspace.

How the Drawer Works​

The drawer slides in from the right side of the screen and sits between your main content area and the actions bar. It opens with a smooth animation and can be resized by dragging its left edge, letting you allocate more or less screen space depending on the task at hand.

Only one drawer panel can be open at a time. If you click a different action button while a drawer is already open, the current panel slides out and the new one slides in. This keeps the interface predictable and avoids stacking multiple overlapping panels.

When the Drawer Is Used​

The actions bar on the far right of the screen contains buttons that each open a specific drawer panel:

  • AI Chat -- open a conversation with the AI assistant while continuing to work on your current page.
  • Agenda -- view and manage your upcoming schedule.
  • To-dos -- check off tasks and create new ones without navigating away.
  • Meeting Bot -- manage meeting bot settings and recordings.
  • Chat -- open an ongoing chat conversation in the side panel instead of navigating to the full Communicate page.
  • Meeting participants -- during an active voice session, see who is in the call.
  • Session chat -- during a meeting, open the session chat alongside shared content.
  • Transcription notes -- review live transcription notes from an active or recent meeting.
  • Documents -- open a document for quick reference while working in another area.

Opening and Closing the Drawer​

Click any action button in the actions bar to open its corresponding drawer panel. Click the same button again to close it. You can also close the drawer by clicking the area outside of it on screens narrower than ultrawide resolution.

On ultrawide monitors (above 2560px), the drawer does not overlay your content. Instead, it pushes the main content area to the left, giving both the drawer and your primary workspace their own dedicated space without overlap.

Responsive Behavior​

The drawer adapts to your screen size:

  • Desktop -- the drawer overlays the main content from the right, with a shadow to distinguish it from the background. You can resize it between a minimum and a maximum width.
  • Ultrawide -- the drawer sits inline next to the main content instead of overlaying it, up to a maximum of 40% of the viewport width.
  • Mobile -- the drawer takes the full available width of the screen. A single panel is displayed at a time, and tapping outside the drawer closes it.
tip

Use the drawer to keep context visible while multitasking. For example, open a chat conversation in the drawer while editing a document in the main area --- you can reference the discussion and make changes without switching back and forth between pages.