feat: raw JSON viewer toggle on each message

Add a {⁠} button (visible on hover) that toggles a collapsible panel
showing the full raw gateway JSON payload for any message.
Includes copy-to-clipboard, word-wrap, and i18n (EN/FR).
Useful for debugging and understanding the gateway protocol.

Closes feedback #52
This commit is contained in:
Nicolas Varrot
2026-02-13 01:41:04 +00:00
parent e1cfb47ae0
commit 82d2e37a27
2 changed files with 52 additions and 1 deletions

View File

@@ -75,6 +75,8 @@ const en = {
'message.copied': 'Copied!',
'message.retry': 'Resend message',
'message.metadata': 'Message details',
'message.rawJson': 'Raw JSON',
'message.hideRawJson': 'Hide raw JSON',
// Timestamps
'time.yesterday': 'Yesterday',
@@ -179,6 +181,8 @@ const fr: Record<keyof typeof en, string> = {
'message.copied': 'Copié !',
'message.retry': 'Renvoyer le message',
'message.metadata': 'Détails du message',
'message.rawJson': 'JSON brut',
'message.hideRawJson': 'Masquer le JSON brut',
'time.yesterday': 'Hier',
'time.today': "Aujourd'hui",