#3226: Mobile: add a quick "new chat" button to the titlebar (left of reload)

Summary

On mobile, there is no quick "new chat" button in the top titlebar. The only new-conversation control (btnNewChat) lives in the sidebar panel-head, which on mobile is hidden behind the hamburger drawer — so starting a new chat takes two taps (open drawer → tap new). Other mobile chat apps put a one-tap new-chat affordance in the top bar.

Suggested by u/Alexander436 in the r/hermesagent "Best webUI for Hermes?" thread (2026-05-30):

A small thought that could be nice is when accessing WebUI on mobile, if there could be a quick "new chat" button at the top right maybe to the left of the reload/refresh button it would be handy. That would somewhat match positioning of the new chat button in other chat apps on mobile.

Current state (verified in code)

The mobile titlebar (static/index.html L120-149) contains exactly three controls:

• btnHamburger (left) → toggleMobileSidebar()
• title block (center)
• app-titlebar-spacer (flex filler) ← empty space, where the new-chat button would go
• btnReload (right) → window.location.reload()

The new-chat button exists only here:

<!-- static/index.html L193, inside the sidebar panel head -->
<button class="panel-head-btn ..." id="btnNewChat"
        data-tooltip="New conversation (Cmd+K)" data-i18n-title="new_conversation" ...>

…which is inside the sidebar, hidden behind the hamburger on mobile.

Proposed direction

Add a new-chat icon button to the mobile titlebar, placed immediately to the left of btnReload (filling the existing app-titlebar-spacer), visible only at mobile breakpoints. It should call the same handler btnNewChat uses (reuse the existing new_conversation i18n key + icon). Desktop layout unchanged.

Labels / scope

• enhancement, ux, mobile
• Small additive change; mobile-only titlebar control.

Source: Reddit r/hermesagent thread "Best webUI for Hermes?" — captured during feedback triage. Maintainer replied in-thread committing to capture this. Filed by maintainer.