[FEATURE] VS Code extension: the two panel header icons are hard to tell apart

Open 💬 0 comments Opened Jul 6, 2026 by seeligmx

Preflight Checklist

  • [x] I have searched existing requests and this feature hasn't been requested yet
  • [x] This is a single feature request (not multiple features)

Problem Statement

In the Claude Code VS Code extension, the Session History and New Session buttons sit side by side in the panel header, same size, both a line glyph in the same circle (a clock, and a speech bubble that also reads as a circle). At a glance you can't tell them apart, even though one starts a session and the other opens history.

Proposed Solution

Give each button a distinct silhouette instead of two glyphs in the same circle:

  • New Session → a bare plus, no circle. Universal "new", and dropping the circle stops it echoing the history icon.
  • Session History → a plain clock. Unambiguous "time / history", a completely different outline from the plus.

Same stroke style as today (currentColor, so theme and hover tokens are inherited), just two shapes the eye separates instantly.

Alternative Solutions

Tried arrow-based history icons (rewind, arrow in a circle). At ~20px an arrow reads as an action (undo / refresh) or turns into a blob, so a plain clock is the honest choice at this size.

Priority

Medium - Would be very helpful

Feature Category

Other

Use Case Example

_No response_

Additional Context

Dark Modern
<img width="1500" height="394" alt="Image" src="https://github.com/user-attachments/assets/84f82ef1-b5b6-4d8c-8513-65d2afffb842" />

Light Modern
<img width="1500" height="394" alt="Image" src="https://github.com/user-attachments/assets/e5cfc15c-f80d-4c64-b134-dc757ce73e96" />

Both icons 20×20, stroke-width: 2, currentColor, fill="none", ready to drop in. Happy to send a PR.

New Session

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  <path d="M10 4V16M4 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>

Session History

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  <circle cx="10" cy="10" r="7.5" stroke="currentColor" stroke-width="2"/>
  <path d="M10 5.5V10L13 11.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

View original on GitHub ↗