Agent View banner
tuscheteam tuscheteam

Agent View

Design community

Description

One VS Code panel for Claude Code & Codex: every chat with status, cost and subagents, live usage bars, unread marks, per-turn timing - plus an optional Codex-style quiet timeline for Claude's chat panel

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Agent View

One panel for every AI chat in your VS Code window. Claude Code and Codex conversations become rows in a tree view — live status, context size, API-equivalent cost, running subagents — with your account's rate-limit windows drawn as bars above them.

![Agent View — chats, subagents and usage bars](docs/screenshot.jpg)

What the rows show

Element Meaning
450k/1.0M Context in play vs the model's window — the last request's input + cache
$12.34 What the session's tokens (subagents included) would bill at list API rates. A Claude subscription is not billed this way; it is a what-if figure
blue badge The agent is working right now
orange ? badge The agent asked a question and is blocked on your answer
green badge The agent replied and you have not read it yet. Clears when you look at the tab, or when you reply
child rows Subagents working in the last 2 minutes, with per-agent model, tokens and cost. Codex subagents appear the same way, named by the nickname Codex gave them
🕘 rows Chats whose tab was closed; click to reopen the session

Hover any row for the full breakdown (model, turns, cache reads/writes, reset times).

Layout

On first run the extension moves the panel to the left of the editor and opens itself there — files, then chats, then the chat you are working in. That is a one-time move; drag things wherever you like afterwards. Two palette commands cover the rest: **Agent View: Show Chats Panel** brings the view back if it gets closed, and **Agent View: Arrange as Left Column** restores the layout. *View: Move Panel to Bottom* undoes it.

Buttons

Claude logo — new Claude chat as an editor tab. History icon beside it — reopen any past Claude session. Codex logo — new Codex agent, placed next to your chats. Second history icon — open any past Codex conversation in a tab. Refresh — re-read everything and refetch usage.

Quiet timeline (optional)

**Agent