> For the complete documentation index, see [llms.txt](https://atlas.anywhere.now/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atlas.anywhere.now/use/handle-conversations/webagent/new-layout-preview-dc2025.01.md). # WebAgent layout preview in DC2025.01 Preview the WebAgent layout introduced in DC2025.01, including the preview toggle and feedback options. {% hint style="warning" %} This guide documents the early WebAgent layout preview included in DC2025.01, before general availability. The toggle, feedback dialog, and screenshots describe that preview. Check the layout and controls available in your deployed version before following these steps. {% endhint %} {% hint style="info" %} Introduced in DC2025.01 {% endhint %} This early preview, included in bundle **DC2025.01**, lets you explore the redesigned, fully responsive WebAgent interface before general availability. Use this article to understand what’s new and how to share your feedback. ## Why it matters * Enjoy a modern layout that automatically adapts to any screen size, whether standalone or embedded in your CRM. * Configure widgets more easily, including **Audio Dialogue** widgets for richer voice interactions. * Handle email interactions faster with streamlined options and improved compliance checks. * Benefit from architectural changes that set the stage for upcoming queue‑management enhancements. ## Watch a guided tour [Watch the source video](https://www.youtube.com/embed/L0X3zZc45lo) ## Major changes you’ll notice * **Responsive layout overhaul** - Every panel resizes gracefully, providing equal usability on wide monitors and compact laptops. * **Widget setup & Audio Dialogue widgets** - A new widget picker and configuration drawer make it easier to add, remove, and reorder panels. * **Updated email flow** - Composed replies inherit brand templates automatically, and compliance checks run in the background. * **Dialpad redesign** - Larger touch targets and clear call‑state indicators improve accessibility. * **Wrap‑up timer** - A repositioned countdown keeps post‑interaction tasks on track without obstructing other controls. * **Layout toggle with feedback** - Agents can switch between the classic and new layouts from the **User menu**; a dialog invites quick feedback each time. ## Start using the new layout 1. When you first sign in after upgrading to **DC2025.01**, a prompt appears asking whether you want to try the new layout. Choose **Yes** to switch immediately, **Not now** to postpone, or **Do not show again** to keep the classic layout for now. 2. If you dismissed the prompt, select the **Try the new WebAgent layout** toggle in the lower‑left corner to switch any time. ## Switch back to the classic layout If the preview doesn’t meet your needs yet, select **Back to original layout** in the lower‑left corner. A feedback dialog opens automatically. ## Share feedback 1. In the feedback dialog, select **Sure!**. 2. Describe what prompted you to switch back, what you liked, and what you’d like improved. 3. Select **Submit**. ## Notable differences {% hint style="info" %} Screenshots were taken in **DC2025.01**. The new layout is still evolving and may change based on your feedback. {% endhint %} ### Dialogues and Queues split into separate tabs Your personal dialogues now appear in a dedicated **Dialogue** tab instead of as a column in the queue. [![Dialogue and Queue tabs in the new layout](https://67037690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkDTnqL8OqnJFQgFg9eQ6%2Fuploads%2Fgit-blob-90b0ef935b06dd3c7fc6adf3ed6a66911248788d%2F20c7e14e34895e1d.png?alt=media)](https://github.com/AnywhereNow/atlas-docs/tree/main/use-the-apps/.gitbook/assets/20c7e14e34895e1d.png) ### Dialpad and outbound email relocated The **Dialpad** and **Outbound email** functions now reside in the **Dialogue** tab alongside your personal dialogues. [![Dialpad and outbound email tabs in the Dialogue tab](https://67037690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkDTnqL8OqnJFQgFg9eQ6%2Fuploads%2Fgit-blob-0d15a5f024b397c9b42bab776caa972eeb9ff2df%2Fa53e2887cc7ced0a.png?alt=media)](https://github.com/AnywhereNow/atlas-docs/tree/main/use-the-apps/.gitbook/assets/a53e2887cc7ced0a.png) ### Dialogue tabs available as widgets Previously, **Contact information** appeared in the left column, while **UI plug‑ins**, **Timeline**, **Cases**, and **Classifications** were stacked as tabs in the centre. You can now pin up to four of these elements as widgets, letting you view Timeline, Cases, and Classifications simultaneously. Any items you don’t pin remain accessible as tabs on the right. [![Example of pinned widgets in the new layout](https://67037690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkDTnqL8OqnJFQgFg9eQ6%2Fuploads%2Fgit-blob-1afd67de2ad7b4abcdfd7d970b2066cd915d7f2c%2Fe0cf3b6b2598619b.png?alt=media)](https://github.com/AnywhereNow/atlas-docs/tree/main/use-the-apps/.gitbook/assets/e0cf3b6b2598619b.png) ### UI plugins: visibility and switching UI plugins behave differently in the new layout: * **Visible only during an active dialogue** : Plugins appear when you’re working in an open dialogue. In the classic layout, plugins could be opened even when no dialogue was active. * **Switching between multiple plug-ins** : You can load more than one plugin, but to move between them you open and close each plugin. In the orignal layout you switched between plugins via side tabs. For setup details, see [Configure UI Plugins for WebAgent](https://atlas.anywhere.now/channels-integrations/webagent/configure-webagent-ui-and-call-controls). ### MePerson menu relocated The **MePerson** menu—where you change your formal state, select Reason codes, and sign out—now sits in the lower‑left corner instead of the top‑right. [![MePerson menu in its new lower‑left position](https://67037690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkDTnqL8OqnJFQgFg9eQ6%2Fuploads%2Fgit-blob-54496791825bc9b9fe3797502d702f7d19ad4147%2Fcf5541fe1077eae7.png?alt=media)](https://github.com/AnywhereNow/atlas-docs/tree/main/use-the-apps/.gitbook/assets/cf5541fe1077eae7.png) ### Settings now a separate tab **Settings** no longer appears inside the **MePerson** menu. It has its own tab in the left navigation bar. [![Settings tab in the left navigation bar](https://67037690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkDTnqL8OqnJFQgFg9eQ6%2Fuploads%2Fgit-blob-9255a632ccefefd1b2ec39cc6cda051a23cbf0d7%2Ff6cb7d818f2ce46c.png?alt=media)](https://github.com/AnywhereNow/atlas-docs/tree/main/use-the-apps/.gitbook/assets/f6cb7d818f2ce46c.png) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://atlas.anywhere.now/use/handle-conversations/webagent/new-layout-preview-dc2025.01.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.