Skip to content

Conversation

@ulivz
Copy link
Member

@ulivz ulivz commented Sep 4, 2025

Summary

Adds an independent event stream viewer modal accessible via a new icon in the sidebar. This builds on the rawEventsAtom introduced in #1118 to provide real-time visualization of the event stream in a dedicated, non-intrusive interface.

image

Checklist

  • Added or updated necessary tests (Optional).
  • Updated documentation to align with changes (Optional).
  • Verified no breaking changes, or prepared solutions for any occurring breaking changes (Optional).
  • My change does not involve the above items.

@netlify
Copy link

netlify bot commented Sep 4, 2025

Deploy Preview for agent-tars-docs ready!

Name Link
🔨 Latest commit bc4c423
🔍 Latest deploy log https://app.netlify.com/projects/agent-tars-docs/deploys/68e4d9672a067f00082d9032
😎 Deploy Preview https://deploy-preview-1374--agent-tars-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@ulivz ulivz changed the title feat(tarko): add event stream viewer to sidebar feat(tarko): add event stream viewer Sep 4, 2025
@ulivz ulivz force-pushed the feat/event-stream-viewer branch 2 times, most recently from 2c8c78e to 2056123 Compare September 11, 2025 08:39
@codecov
Copy link

codecov bot commented Sep 11, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 14.26%. Comparing base (a99ac0c) to head (3d0f6dd).
⚠️ Report is 23 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1374   +/-   ##
=======================================
  Coverage   14.26%   14.26%           
=======================================
  Files         250      250           
  Lines        8562     8562           
  Branches     1672     1672           
=======================================
  Hits         1221     1221           
  Misses       7166     7166           
  Partials      175      175           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@ulivz ulivz force-pushed the feat/event-stream-viewer branch from 3d0f6dd to 1e005ce Compare September 11, 2025 13:16
refactor(tarko): optimize event stream viewer code quality

- Remove duplicate formatTimestamp function, use shared utility
- Extract event type configuration to eliminate hardcoded mappings
- Add event highlighting support for chat message correlation
- Remove redundant comments for better maintainability

refactor(tarko): decouple event stream viewer from workspace

- Move EventStreamRenderer to independent EventStreamModal
- Remove events mode from WorkspaceDisplayMode
- Add eventStreamModalOpenAtom for modal state management
- Integrate modal in main Layout component
- Clean up workspace components and remove coupling

feat(tarko): add raw events handler for event stream viewer

- Create RawEventsHandler to capture all events in rawEventsAtom
- Modify event processing to execute all matching handlers
- Add findAllHandlers method to EventHandlerRegistry
- Enable real-time event stream display in modal

refactor(tarko): simplify event stream modal to basic debug viewer

- Remove all animations and fancy UI components
- Use simple fullscreen black terminal-style interface
- Show raw JSON with timestamps in monospace font
- Focus on debugging functionality, not product polish

feat(tarko): add collapsible events with JsonRenderer

- Show event summary with timestamp and type
- Click to expand/collapse individual events
- Use JsonRenderer for structured JSON display
- Keep terminal-style debug interface

fix(tarko): improve event stream modal dark mode and add filter

- Fix JsonRenderer dark mode display with CSS overrides
- Add event type filter dropdown in header
- Show filtered/total event counts
- Improve UX with proper dark theme colors

fix(tarko): improve JsonRenderer hover effects in dark mode

- Change hover background from gray-800 to gray-700 for better visibility
- Update border colors for better contrast
- Fix text colors for improved readability

fix(tarko): prevent white background on JsonRenderer hover

- Override bg-white and hover:bg-white to use dark colors
- Ensure all hover states use appropriate dark theme colors
- Fix jarring white flash on hover in dark mode

feat(tarko): add UI config for event stream viewer

- Add DebugConfig interface with enableEventStreamViewer option
- Add isEventStreamViewerEnabled() function in web-ui-config
- Control Activity button and modal visibility based on config
- Default to false for production safety
@ulivz ulivz force-pushed the feat/event-stream-viewer branch from 1e005ce to d208e9d Compare October 7, 2025 07:36
@netlify
Copy link

netlify bot commented Oct 7, 2025

Deploy Preview for tarko ready!

Name Link
🔨 Latest commit bc4c423
🔍 Latest deploy log https://app.netlify.com/projects/tarko/deploys/68e4d96805370500087c0070
😎 Deploy Preview https://deploy-preview-1374--tarko.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@ulivz ulivz merged commit 41bf5b9 into main Oct 7, 2025
10 checks passed
@ulivz ulivz deleted the feat/event-stream-viewer branch October 7, 2025 09:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants