Page layout
Every page in Elitea uses the same layout, in the browser and in the desktop app. The title is in the title bar, the controls for the page are in one toolbar, and filters and other side content are in a side panel on the right. You find the same control in the same place on every page.
Title bar and breadcrumb
Section titled “Title bar and breadcrumb”The title bar at the top of the page shows a breadcrumb: the section, then the page that is open. For example, Agents on the agents list, Toolkits › New toolkit on the toolkit create form, or Agents › My agent in the agent editor.
- Select the section in the breadcrumb (for example Toolkits) to go back to its list. Pages do not have their own large title or a back arrow.
- On a create or edit form, use Cancel or Discard next to Save to leave the form. If you have unsaved changes, Elitea asks before you leave.
- Web: the title bar is a thin row above the page. When the page has side content, a side panel toggle shows at the right end of the row.
- Desktop: the breadcrumb is in the window’s title bar row, next to the sidebar and inspector toggles.
Page toolbar
Section titled “Page toolbar”Under the title bar, each page has one toolbar row:
- Left: the page’s tabs, or a count of what the page lists (for example “12 credentials”).
- Right, always in this order:
- Search. The search text is kept in the page address (
query), so a filtered list can be bookmarked or shared and stays after a reload. Press/(outside a text field) to go to the search box; ⌘F (Ctrl+F) stays the browser’s find in page. In a narrow window the box folds to its search icon; select the icon to type. - Filters. Opens the Filters tab of the side panel. A badge shows how many filters are on.
- View switch between cards and a table, where the list has one.
- Secondary actions, for example Import.
- The primary action, for example + New agent, + New pipeline, + New skill, + New toolkit, + New MCP or + New credential.
- Search. The search text is kept in the page address (
On a type gallery (for example when you pick a toolkit or credential type to create), the search box is at the left end of the toolbar.
Side panel
Section titled “Side panel”Content that belongs next to a page is in the side panel on the right, not over the page:
- Filters, on the list pages: the tags (or types) to filter by, then the author card or the trending authors.
- Conversation, in a chat: the participants, agents, toolkits and the context budget of the conversation.
The panel shows its tabs as chips at the top and has a close button.
- Desktop: the side panel is the inspector. Show or hide it with the inspector toggle in the title bar, or ⌘⌥\. The Filters tab works like the other inspector tabs.
- Web: show or hide the panel with the toggle at the right end of the title bar. Elitea remembers whether you keep it open. If you have not chosen, it is open on windows 1440px wide or wider. In windows narrower than 1024px, the panel opens over the page as a drawer and closes when you select outside it.
Sidebar
Section titled “Sidebar”The sidebar on the left has the same structure on the web and on the desktop:
- Header: the logo, the notification bell and the collapse button. On the desktop, the bell is in the title bar next to Hide sidebar.
- Project selector. Everything below it belongs to the selected project.
- Chats: your pinned chats, folders and date groups, and an Archived row. The Chats caption has buttons to search the chats, create a folder, start a new chat and show or hide the list.
- Applications, Artifacts and the Workshop group. Open Workshop to see Agents, Pipelines, Skills, Toolkits & Indexes and MCPs.
- Credentials, Settings and the Catalog at the bottom. On the desktop, these are in the account menu.
Each row you can create in shows a + when you point at it or move to it with the keyboard. Select + to create a new item of that kind, for example New agent or New bucket. Collapse the sidebar to keep only the icons and one + for a new chat. See Platform overview.