[FEATURE] Auto-adjust diagram zoom/pan to the participants involved in the current step
- Dominant language
- TypeScript
- Stars
- 2.2k
- Forks
- 283
- Avg merge
- 11h 47m
- Merged PRs (30d)
- 737
Description
# Feature
In the OAuth Debugger's sequence diagram, when the interaction moves between participants that are far apart (e.g. Step 5 switches from Client–MCP Server to Client–Authorization Server), the diagram view doesn't follow. Since the two participants sit far apart horizontally, the current pan/zoom only shows the empty space between them and misses the actual message content, as shown in the attached screenshot.
# Solution
Automatically adjust zoom/pan (fit-to-view or center-and-zoom) to the two participants relevant to the currently active step whenever the step changes, so the interaction is always fully visible without manual scrolling/zooming.
# Alternatives
- Keep manual zoom, but add a "Focus this step" action (distinct from the existing "Show in diagram") that recenters the view.
- Add a mini-map indicator showing which part of the diagram is off-screen.
# Additional Context
Screenshot attached showing Step 5's interaction only partially visible in the diagram.
Contributor guide
Research direction
Start in the OAuth Debugger's sequence diagram and trace how the currently active step changes the displayed interaction. Read the existing "Show in diagram" behavior before deciding where view changes belong. Done means switching between steps keeps both relevant participants and their message content visible without manual panning or zooming.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100