Skip to content

dashboard: add configurable DAG animation speed presets#414

Open
Rustix69 wants to merge 11 commits into
braidpool:devfrom
Rustix69:feat/dag-animation-speed-control
Open

dashboard: add configurable DAG animation speed presets#414
Rustix69 wants to merge 11 commits into
braidpool:devfrom
Rustix69:feat/dag-animation-speed-control

Conversation

@Rustix69

Copy link
Copy Markdown

Changes Made (Summary)

  • Add a user-selectable animation speed control to the DAG visualization toolbar with Slow, Normal (default), and Fast presets.
  • Scale cohort transition timing and post-update animation delay based on the selected speed.
  • Update link direction animation to accept dynamic duration so both initial and repeating transitions respect the selected speed.

@priyashuu

Copy link
Copy Markdown
Contributor

Add screen recording as well since it's ui change if possible, I'll review it asap

@Rustix69

Rustix69 commented Apr 9, 2026

Copy link
Copy Markdown
Author

Hey @priyashuu I am attaching the Screen Recording Below

Screencast.from.2026-04-10.01-55-42.webm

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a user-configurable animation speed control to the Braid DAG visualization so users can slow down or speed up cohort/link animations during live WebSocket updates (Issue #407).

Changes:

  • Introduces Slow/Normal/Fast animation speed presets and wires the selected speed into cohort animation duration/delay.
  • Updates link-direction dash animations to accept a dynamic duration so the repeating transition matches the selected speed.
  • Updates package-lock.json metadata (peer flags) as part of the dependency lockfile state.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 5 comments.

File Description
dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Adds animation speed UI + timing scaling; gates animations during rapid WebSocket updates.
dashboard/src/components/BraidPoolDAG/BraidPoolDAGUtils.ts Extends animateLinkDirection to accept a configurable duration.
dashboard/package-lock.json Lockfile metadata changes (peer flags) included in the PR.
Files not reviewed (1)
  • dashboard/package-lock.json: Language not supported

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx
Rustix69 and others added 2 commits April 22, 2026 14:33
…s, add animation-speed selector a11y label binding, and replace order-dependent default timing fallback
@Rustix69

Copy link
Copy Markdown
Author

Hey @priyashuu I had resolved the Copilot suggestions and implemented teh stuffs that were critical from my end its workign you can manually try it out once

Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
Comment thread dashboard/src/components/BraidPoolDAG/BraidPoolDAG.tsx Outdated
@Rustix69 Rustix69 requested a review from priyashuu April 24, 2026 17:12
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.

4 participants