OpenAI open-sourcer Euphony: web components for å visualisere Codex-sesjoner

OpenAI publiserte Euphony på GitHub 13. april og har siden samlet 256 stjerner og 23 forks på repoet. Verktøyet løser et konkret problem README-en formulerer rett ut:

«Harmony conversations and Codex session logs are useful across training, evaluation, and agent workflows, but they are often difficult to inspect.» Euphony README, openai/euphony

Kjernen er en samling Web Components skrevet i TypeScript. Du kan lime inn JSON, åpne en lokal .json/.jsonl-fil, eller peke på en offentlig HTTP-URL som et datasett på Hugging Face. Euphony detekterer automatisk om innholdet er en liste med samtaler, en Codex-sesjonslogg, eller rå JSON, og rendrer deretter. Markdown og formler rendres inline, og du kan filtrere datasett med JMESPath eller hoppe inn i en grid-modus for å skumlese mange samtaler raskt.

For deg som bygger egne agenter eller evaluerer Codex-output, betyr det at du kan slippe egne ad-hoc visningsskript. Komponentene er innpakkbare via custom elements som <euphony-conversation> i React, Svelte eller Vue, og styles via CSS-variabler som --euphony-user-color og --euphony-assistant-color.

Det er en sikkerhetsmerknad verdt å notere. Backend-modusen henter remote URL-er på serversiden, noe README-en eksplisitt advarer mot å hoste eksternt på grunn av SSRF-risiko. Sett VITE_EUPHONY_FRONTEND_ONLY=true hvis du tenker å deploye en visningsinstans.

Hva bør du gjøre?

1. Klone repoet og kjør pnpm install && pnpm run build:library hvis du vil eksperimentere med web-komponentene i et eget prosjekt.
2. Bruk frontend-only-modus (VITE_EUPHONY_FRONTEND_ONLY=true) hvis du tenker å hoste en delt visningsinstans, ettersom backend-modusen er kun for lokal bruk.
3. Test med en faktisk Codex-sesjonsfil fra ~/.codex/sessions/ for å se om visningen passer ditt evalueringsbehov før du integrerer komponentene.