Bug

In the Desktop app left sidebar, the SESSIONS section header can visually overlap with a messaging platform section header such as DISCORD.

Environment

• OS: macOS
• App area: Hermes Desktop left sidebar
• Repo area: apps/desktop/src/app/chat/sidebar/index.tsx

Symptoms

• SESSIONS and DISCORD are rendered on top of each other near the top of the session list.
• The issue appears when the sidebar has local sessions plus messaging-platform sections and the available vertical height is constrained.
• Session rows remain visible, but section headers collide visually.

Screenshot

I reproduced this from a local macOS Desktop screenshot where SESSIONS 44/45 and DISCORD 7 occupy the same vertical band in the left sidebar.

Root cause hypothesis

The flexible recents section uses min-h-0 flex-1. In short windows, the flex item can shrink below the height of its own section header. Because the section header remains visible, it can bleed into the following messaging platform section header.

Candidate fix

Give the recents section a minimum height equal to its header height:

rootClassName="min-h-[2.125rem] flex-1 p-0"

Verification

Local verification on macOS:

• npm run type-check passes
• npm run build passes
• npx eslint src/app/chat/sidebar/index.tsx passes
• Browser DOM reproduction:
  • With the fix: SESSIONS and DISCORD are separated.
  • Forcing min-height: 0 reproduces the overlap.