fix(web): show unlinked icon when viewport aspect ratio is unlocked

[UtkarshUsername]

What Changed

Changed the aspect ratio lock button in the device toolbar of the in-app browser. The linked (locked) and unlinked (unlocked) states now use distinct icons: Link2 when the ratio is locked, Unlink2 (the matching broken-chain icon from Lucide) when it is unlocked.

Why

Both states previously rendered the same Link2 icon, which gave no visual signal of the current state. The difference was not clear visually. Unlink2 is the exact counterpart to Link2.

UI Changes

Before:

After:

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes

---

Note

Low Risk
Purely visual icon swap in the preview device toolbar with no logic or API changes.

Overview
The browser device toolbar aspect-ratio lock control now uses two icons instead of always showing Link2: Unlink2 when the ratio is unlocked (aspectRatio === null) and Link2 when it is locked. Labels, aria-pressed, and toggle behavior are unchanged—only the icon reflects state.

^{Reviewed by Cursor Bugbot for commit 3ea1725. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Show unlinked icon in BrowserDeviceToolbar when viewport aspect ratio is unlocked

The aspect ratio toggle button previously always showed the Link2 icon regardless of lock state. It now conditionally renders Unlink2 when aspectRatio is null and Link2 when locked.

^{Macroscope summarized 207a588.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: d789e3b6-a897-4456-b8cf-ba31b1374f1d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 3ea1725

This change is a minor UI adjustment that conditionally displays an Unlink2 or Link2 icon based on existing aspectRatio state. It's purely visual feedback with no runtime behavior changes beyond icon rendering.

^{You can customize Macroscope's approvability policy. Learn more.}