Display step generation execution time in Scope Inspector

[Rowrow620]

First Timers Only

This issue is reserved for developers who are new to AlgoBuddy or open-source contributing. We know that submitting a first pull request can feel intimidating. The goal of this issue is to guide you step-by-step through making your first contribution to the AlgoBuddy repository.

Description of the Issue

The Scope Inspector panel displays active variables and algorithm invariants, but does not indicate how long step generation took.

Proposed Solution

Measure the execution duration of recompute_steps() using web_time::Instant and display a small duration badge in the footer of the Scope Inspector.

Implementation Steps

1. Open src/app.rs and add last_compute_duration: std::time::Duration to VisualizerApp.
2. Record duration inside recompute_steps():

   let start = Instant::now();
   // step generation logic ...
   self.last_compute_duration = start.elapsed();

Acceptance Criteria

To merge a pull request for this issue:

• Code Formatting: cargo fmt --all -- --check completes without warnings.
• All Tests Pass: cargo test passes 100% of unit tests.
• Issue Solved: The implementation fully addresses the requirements described above.
• Clean Git Branch: Changes are committed to a feature branch targeting dev.

Step-by-Step Contribution Guide

1. Claim this issue: Comment below that you are working on this issue to receive assignment.
2. Fork and Branch: Create a new branch off dev named issue-[id]-[feature-name].
3. Make and Test Changes: Run cargo fmt --all and cargo test locally to verify build health.
4. Submit PR: Push your branch to GitHub and create a Pull Request targeting the dev branch.

Additional Information

• Contributing Guide
• README