anthropics / anthropics/claude-code

[UI/UX] Non-Technical Activity View: Collapsed Traces, Intent Highlighting, and Hover Inspection

Open
#95,649 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area:ide enhancement platform:vscode
Dominant language
TypeScript
Stars
147k
Forks
24k
PR merge metrics
PR metrics pending

Description

Problem Statement

Non-technical stakeholders and developers monitoring agent activity in VS Code find the chat panel cluttered. Technical labels (e.g. Bash) obscure the high-level functional intent, making progress tracking difficult.

Detailed Feature Request

1. Default Collapsed Traces
  • Collapse IN and OUT execution blocks by default to keep the chat history focused on intent for each bash.
2. Improved Visual Hierarchy
  • Highlight Functional Intent: Emphasize human-readable descriptions (e.g. "Inspect the failing search assertion") in a bold highlight color (#e5c07b).
  • Dim Technical Labels: Subdue utility badges like Bash so they do not draw immediate visual focus.
3. Hover-to-Inspect Command Details
  • Hide the underlying shell input line during normal reading, still having it as optionally uncollapsible.
  • Show the IN bash command dynamically via an inline expansion or tooltip when hovering over the action description.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files or tests are named. Start by locating the chat panel's activity rendering and the existing IN/OUT execution blocks; compare how action descriptions, Bash labels, and command details are displayed. Done means traces are collapsed by default, intent is visually prominent, technical labels are subdued, and command details remain available on hover or expansion.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.