a2aproject / a2aproject/a2a-inspector

UX issues observed during v1.0 testing

Aperta Adatta ai principianti
#146 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
490
Fork
152
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

## Context

These UX issues were observed during end-to-end testing for the v1.0 protocol migration (PR #145). They are **pre-existing issues** unrelated to v1.0 changes, but worth tracking.

## Issues

### 1. Empty chat area before first message
The chat section shows a large blank void before any messages are sent. A placeholder like _"Send a message to start chatting with the agent"_ would improve the experience for first-time users.

### 2. Unlabeled "+" button next to message input
The `+` button next to the chat input has no tooltip or label. Its purpose (attach file? add metadata?) is unclear without clicking it.

### 3. Debug console only shows outbound requests
The debug console displays the JSON-RPC request sent to the agent, but does **not** show the agent's response. For a debugging tool, seeing both sides of the conversation is essential.

### 4. Error responses marked with ✅ compliant badge
When the agent returns an error (e.g., a transport or configuration failure), the error message in the chat is marked with a ✅ compliant badge. While the error may be _protocol-compliant_, displaying a green checkmark next to an error is confusing. Consider using a different indicator (e.g., ⚠️ or a neutral badge) for error responses that happen to be well-formed.

## Screenshots

Observed in headless Chromium (1280x900) testing against the `helloworld` sample agent from `a2a-samples`.

/cc #145

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

The issues are in the chat UI and debug console of the inspector. Look at the frontend components for the chat area, message input button, debug console display, and message badge rendering. The 'helloworld' sample agent from a2a-samples was used for testing. Check for existing tests related to these UI elements to understand the expected behavior and to verify changes.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
typescript
Ambito
developer-experience, frontend
Tipo di issue
Bug
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
70/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.