Add mobile user agent emulation for web widgets

[Copilot]

This PR adds support for mobile user agent emulation in web widgets, enabling developers to test mobile-responsive websites directly within WaveTerm.

Changes

New Meta Key: web:useragenttype

Added a new metadata key that accepts the following values:

• "default" (or null) - Uses the standard browser user agent
• "mobile:iphone" - Emulates iPhone Safari (iOS 17.0)
• "mobile:android" - Emulates Android Chrome (Android 13)

User Interface

Settings Menu: Added a "User Agent Type" submenu to web widget settings (accessible via right-click → Settings) with radio button options for Default, Mobile: iPhone, and Mobile: Android.

Visual Indicator: When a mobile user agent is active, a mobile device icon appears in the widget's header toolbar with an appropriate tooltip indicating the current emulation mode.

Implementation Details

The implementation leverages Electron's webview useragent attribute to override the default user agent string. The setting is persisted in the block's metadata and automatically applied when the webview is rendered.

User agent strings used:

• iPhone: Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1
• Android: Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.6099.43 Mobile Safari/537.36

Use Cases

This feature is particularly useful for:

• Testing mobile-responsive web designs
• Debugging mobile-specific website behaviors
• Viewing mobile versions of websites without needing physical devices
• Web development workflows that require testing across different user agents

Files Changed

• pkg/waveobj/wtypemeta.go - Added WebUserAgentType field to metadata type
• frontend/types/gotypes.d.ts - Generated TypeScript types for the new meta key
• frontend/app/view/webview/webview.tsx - Implemented user agent selection UI and webview configuration
• pkg/waveobj/metaconsts.go - Generated Go constants for the new meta key

Original prompt

for our web widgets... frontend/app/view/webview/webview.tsx ... i'd like to add a meta key -- wtypemeta.go called web:useragenttype ... it can have 3 values (or null), "default" | "mobile:iphone", "mobile:android" ... the default when null is "default". when set to one of the mobile values, it should override the "useragent" on the webview to an iphone/android useragent string (so we can emulate a mobile browser for debugging).

after editing wtypemeta.go you'll have to run task generate to run code generation (will update the FE types, gotypes.d.ts)

then we should update getSettingsMenuItems() in the model to add a new menu item User Agent Type that will have a sub-menu for selecting between them -- which will set the meta key (and thus change the user agent).

last, when we have a mobile user agent, we should add a new endIconButtons ... like some fontawesome mobile-looking icon... with a title tooltip that's appropriate. no click handler (it just shows status).

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

✅ sawka
❌ Copilot
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

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

---

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