[FEATURE] VS Code extension: the two panel header icons are hard to tell apart
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>