Skip to content

ui: add source-level stepping to trace viewer controls#204

Merged
gnidan merged 1 commit intocall-returnfrom
ui-source-range-stepping
Apr 2, 2026
Merged

ui: add source-level stepping to trace viewer controls#204
gnidan merged 1 commit intocall-returnfrom
ui-source-range-stepping

Conversation

@gnidan
Copy link
Copy Markdown
Member

@gnidan gnidan commented Apr 2, 2026

Summary

  • Add source-level stepping controls alongside single-step controls in both TraceControls and TraceDrawer
  • Source stepping skips trace steps that map to the same source range, jumping to the next/previous distinct source location
  • Consistent icon set: outline triangles (◁/▷) for single step, filled triangles (◀/▶) for source step, ⏮/⏭ for skip to start/end

Changes

  • packages/programs-react/src/components/TraceContext.tsx — add stepToNextSource/stepToPrevSource with source range key computation
  • packages/programs-react/src/components/TraceControls.tsx — rework to 6-button layout with source-level stepping
  • packages/web/src/theme/ProgramExample/TraceDrawer.tsx — add matching source-level stepping controls

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 2, 2026

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-04-02 11:20 UTC

Use outline triangles (◁/▷) for single-step and filled
triangles (◀/▶) for source-level stepping, alongside
skip-to-start (⏮) and skip-to-end (⏭) controls.
@gnidan gnidan force-pushed the ui-source-range-stepping branch from d303946 to 8047c54 Compare April 2, 2026 10:00
@gnidan gnidan merged commit 49d63c5 into call-return Apr 2, 2026
4 checks passed
@gnidan gnidan deleted the ui-source-range-stepping branch April 2, 2026 11:16
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.

1 participant