una/neo/packages/app/settings/header-toolbar.js

export const settingsHeaderToolbar = {
    header_toolbar: {
        /**
         * Default NeoButton style/size for header toolbar items (per platform).
         * Desktop is `lg:` and up (`layout.tablet_mode_from`).
         * `style` = secondary; `primaryStyle` = primary (item `props.primary: true`).
         * Per-item `props.style` / `props.controlSize` override these.
         */
        neoButton: {
            desktop: { style: 'bordered', primaryStyle: 'borderedProminent', controlSize: 'regular' },
            mobile: { style: 'glass', primaryStyle: 'glassProminent', controlSize: 'regular' },
        },
        hor: {
            loggedIn: [
                { component: 'search', className: '' },
                // Heading tabs + More (`header.content_center`) start at `lg`. Apps is the
                // same inventory, so hide the launcher there; keep it on native / below `lg`.
                { component: 'launcher', className: 'hidden sm:block web:lg:hidden' },
                { component: 'add', className: '' },
                { component: 'notifications', className: 'hidden sm:block' },
                { component: 'link', href: "{messenger}", className: 'hidden sm:block', title: 'Messages', props: { variant: "secondary", rounded: true, size: "base", startDecorator: "MessageSquare" } },
                { component: 'account', className: 'hidden lg:block' },
            ],
            loggedOut: [
                { component: 'link', className: 'items-center sm:hidden', href: "/login", title: 'Log In', props: { neoButton: true, borderShape: "circle", image: "UserRound", accessibilityLabel: "Log In" } },
                { component: 'link', className: 'items-center hidden sm:block', href: "/login", title: 'Log In', props: { neoButton: true, borderShape: "capsule", title: 'Log In' } },
                { component: 'link', className: 'items-center hidden sm:block', href: "/create-account", title: 'Sign Up', props: { neoButton: true, primary: true, borderShape: "capsule", title: 'Sign Up' } },
                { component: 'menu_navigation', className: 'items-center sm:hidden', native: false, props: { borderShape: 'circle', image: 'Menu', accessibilityLabel: 'Menu' } },
                { component: 'menu_navigation', className: 'items-center hidden sm:block lg:hidden', native: false, props: { borderShape: 'circle', image: 'Menu', accessibilityLabel: 'Menu' } },
            ],
        },
        mixed: {
            loggedIn: [
                { component: 'search', className: 'lg:hidden' },
                { component: 'launcher', className: 'hidden' },
                { component: 'add', className: '' },
                { component: 'notifications', className: 'hidden sm:block' },
                { component: 'link', href: "{messenger}", className: 'hidden sm:block', title: 'Messages', props: { variant: "secondary", rounded: true, size: "base", startDecorator: "MessageSquare" } },
                { component: 'account', className: 'hidden sm:block' },
            ],
            loggedOut: [
                { component: 'search', className: '' },
                { component: 'launcher', className: '' },
                { component: 'link', className: '', href: "/login", title: 'Login', props: { variant: "secondary", rounded: true, size: "base", startDecorator: "UserRound" } },
            ],
        },
        ver: {
            loggedIn: {
                top: [
                    { component: 'search', className: 'lg:hidden' },
                    { component: 'add', className: 'lg:hidden' },
                ],
                sidebar: [
                    { component: 'post_button', className: 'flex-auto' },
                    { component: 'account', className: 'flex-auto' },
                    { component: 'add', className: 'ml-2' },
                ],
            },
            loggedOut: {
                top: [],
            },
        },
    }
}