Skip to content

Frontend UX improvements and WebSocket fix #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
cristipufu merged 5 commits into from
Feb 12, 2026
Merged

Frontend UX improvements and WebSocket fix #53

cristipufu merged 5 commits into from
Feb 12, 2026

Conversation

@cristipufu
Copy link
Member

@cristipufu cristipufu commented Feb 12, 2026 •
edited
Loading

Summary

  • Fix WebSocket message queuing: Queue messages sent before the connection opens instead of dropping them
  • Fix trace tree scroll: Scroll to the selected span when clicking a tool call in chat (was broken due to race condition with ancestor expansion)
  • Span kind icons: Show distinct SVG icons (LLM, TOOL, AGENT, CHAIN, RETRIEVER, EMBEDDING) in the trace tree, colored by span status
  • Header alignment: Align tab bar height with the sidebar header
  • JSON syntax highlighting: IDE-style coloring for JSON in the I/O panel and span attribute values
  • Version bump: 0.0.33 → 0.0.34

Test plan

  • Open a run with traces, click a tool call in chat → trace tree should scroll to the corresponding span
  • Verify span kind icons render correctly with appropriate status colors
  • Check the Output tab I/O panel shows syntax-highlighted JSON
  • Expand a span's JSON attributes in the details panel → verify highlighting
  • Confirm tab bar and sidebar header are visually aligned
  • Test in both light and dark themes

🤖 Generated with Claude Code

cristipufu and others added 5 commits February 12, 2026 15:11
@cristipufu @claude
fix: queue WebSocket messages sent before connection opens
6d49fef 
When opening a second tab with a run URL, the subscribe message was
silently dropped because the WebSocket was still connecting. Add a
pending message queue that flushes on open, and re-subscribe to active
runs after reconnect.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu @claude
fix: scroll trace tree to selected span when clicking tool call in chat
4325fe6 
The scroll effect was firing before React painted the expanded ancestor
nodes, causing stale DOM positions. Use requestAnimationFrame +
scrollIntoView for reliable scrolling after tree expansion.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu @claude
feat: add span kind icons to trace tree based on openinference attrib…
aa0d257 
…utes

Show distinct SVG icons (LLM, TOOL, AGENT, CHAIN, RETRIEVER, EMBEDDING)
colored by span status (green=completed, red=error, etc.).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu @claude
fix: align tab bar height with sidebar header
34ab23d 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu @claude
feat: add JSON syntax highlighting and bump version to 0.0.34
fbc1686 
Add lightweight JSON tokenizer with IDE-style coloring (keys, strings,
numbers, booleans, null) for I/O panel and span attribute values.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu cristipufu merged commit 83b89c4 into main Feb 12, 2026
11 checks passed
@cristipufu cristipufu deleted the fix/ws-multi-tab-subscription branch February 12, 2026 13:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@cristipufu