AppTopBar
AppTop bar wrapper passed into AppShell's header slot. The logo slot anchors the left side while children (GlobalSearch, UserMenu, Button, etc.) are arranged in a flex row.
Search everything…
<%- include('modules/app/AppTopBar', {
children: `
<%- include('modules/app/GlobalSearch', { placeholder: 'Search everything…' }) %>
<%- include('modules/domain/common/user/UserMenu', { name: user.name, role: user.role }) %>
`
}) %>
Acme Dashboard
JD
<%- include('modules/app/AppTopBar', {
logoContent: 'Acme Dashboard',
children: `
<%- include('modules/ui/Button', { children: 'New', iconLeft: '' }) %>
<%- include('modules/domain/common/user/UserMenu', { name: user.name }) %>
`
}) %>
<% if (locals.logoContent) { %>
<%- locals.logoContent %>
<% } %>
<%- locals.children || '' %>